[alle Versionen] Popup-Chatbox offen bei Seitenwechsel - zwei getrennte Buttons

von inde Do 28 März 2013 - 15:29

Ich habe dieses Thema hier gelesen und würde es auch gerne in meinem Forum umsetzen, sodass der Chat beim Seitenwechsel offen bleibt.

Ich verwende hingegen zwei Grafiken zum Ein- und Ausblenden des Chatfenster und weiß somit leider nicht wie/wo das entsprechende Cookie eingesetzt werden muss.
Das entsprechende Script sitzt bei den Modulen auf der rechten Seite, die ausgeblendet ist.

Damit die Frage nach dem Script gar nicht erst aufkommt, poste ich es hier gleich vorsorglich einmal mit.

Code::  </script>  <TABLE style="Z-INDEX: 10000; POSITION: fixed; TOP: 35px; LEFT: 2px"> <TBODY> <TR> <TD><IFRAME style="WIDTH: 710px; DISPLAY: none; HEIGHT: 300px" id=chatboxpop marginHeight=0 src="../chatbox/index.forum?" frameBorder=1 marginWidth=0 scrolling=no></IFRAME></TD> <TD style="VERTICAL-ALIGN: bottom"><IMG onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i30.servimg.com/u/f30/16/90/45/33/chat-o10.png')?'block':'none';this.src=(this.src=='http://i30.servimg.com/u/f30/16/90/45/33/chat-o10.png')?'http://i30.servimg.com/u/f30/16/90/45/33/chat-o11.png':'http://i30.servimg.com/u/f30/16/90/45/33/chat-o10.png';" src="http://i30.servimg.com/u/f30/16/90/45/33/chat-o10.png"></TD></TR></TBODY></TABLE> </body> </html>

Ich würde mich über eine entsprechende Hilfestellung freuen.
Falls Günther sich daran beteiligt, .....Dein Account als B...... existiert noch, eine Neuanmeldung ist aber auch möglich. Wink

LG inde

von Günther Do 28 März 2013 - 15:59

Hallo inde,

so kannst du zwei verschiedene Buttons einsetzen, einen zum Einblenden und einen zum Ausblenden der Chatbox:

Code:: <TABLE style="Z-INDEX: 10000; POSITION: fixed; BOTTOM: 10px; LEFT: 0px"> <TBODY> <TR> <TD><IFRAME id="popup_chatbox" style="WIDTH: 600px; HEIGHT: 300px" src="/chatbox/index.forum?" frameBorder=0 scrolling=no></IFRAME></TD> <TD style="VERTICAL-ALIGN: bottom"><div id="chatbox_button" style="height: 1px; width: 1px;" onClick="my_setcookie('chatbx',(my_getcookie('chatbx')=='1'?'0':'1'),1,0);updateChatbx();"></div></TD></TR></TBODY></TABLE> <script type="text/javascript"> function updateChatbx() { if(my_getcookie('chatbx')&& my_getcookie('chatbx')=='1') { jQuery('#popup_chatbox').parent().css('display', 'none'); jQuery('#chatbox_button').css("background-image", "url('BILDURL CHATBOX EINBLENDEN')"); } else { jQuery('#popup_chatbox').parent().css('display', ''); jQuery('#chatbox_button').css("background-image", "url('BILDURL CHATBOX AUSBLENDEN')"); } }; updateChatbx(); </script>

Anpassungen musst du an drei Stellen treffen. Hier die Höhe und Breite der Buttons:

<div id="chatbox_button" style="height: 1px; width: 1px;" onClick="my_setcookie('chatbx',(my_getcookie('chatbx')=='1'?'0':'1'),1,0);updateChatbx();"></div>

Hier die Bildurl des Buttons zum Einblenden der Chatbox:

jQuery('#chatbox_button').css("background-image", "url('BILDURL CHATBOX EINBLENDEN')");

Und hier zuletzt dasselbe für den Button zum Ausblenden der Chatbox:

jQuery('#chatbox_button').css("background-image", "url('BILDURL CHATBOX AUSBLENDEN')");

Übrigens waren in deinem Code die rot markierten Bereiche zu viel:

</script>

<TABLE style="Z-INDEX: 10000; POSITION: fixed; TOP: 35px; LEFT: 2px">
<TBODY>
<TR>
<TD><IFRAME style="WIDTH: 710px; DISPLAY: none; HEIGHT: 300px" id=chatboxpop marginHeight=0 src="../chatbox/index.forum?" frameBorder=1 marginWidth=0 scrolling=no></IFRAME></TD>
<TD style="VERTICAL-ALIGN: bottom"><IMG onclick="document.getElementById('chatboxpop').style.display=(this.src=='https://i.servimg.com/u/f30/16/90/45/33/chat-o10.png')?'block':'none';this.src=(this.src=='https://i.servimg.com/u/f30/16/90/45/33/chat-o10.png')?'https://i.servimg.com/u/f30/16/90/45/33/chat-o11.png':'https://i.servimg.com/u/f30/16/90/45/33/chat-o10.png';" src="https://i.servimg.com/u/f30/16/90/45/33/chat-o10.png"></TD></TR></TBODY></TABLE>
</body>
</html>

Zwischen diesen (bereits vorhandenen) Stellen fügt man den Code für die Popup-Chatbox ein, sofern man die Version BB2 oder PunBB besitzt und den Code ins Template einsetzen möchte. Mit deinem Forum hat das also nichts zu tun und auch unter BB2/PunBB wären die roten Bereiche nicht selbst einzusetzen, sondern bereits im Template vorhanden. Wink

Liebe Grüße
Günther

von inde Do 28 März 2013 - 16:29

Upps da hatte sich wohl etwas eingeschlichen, wie auch immer. Embarassed

Der Rest war laut Deiner wie immer guten Anleitung ein Kinderspiel, funktioniert tadellos. [alle Versionen] Popup-Chatbox offen bei Seitenwechsel - zwei getrennte Buttons 99379

Danke Günther und noch einen schönen Tag sowie ein frohes Ostern. [alle Versionen] Popup-Chatbox offen bei Seitenwechsel - zwei getrennte Buttons 753115

LG inde

EDIT: Ahh ich sehe gerade den Titel bereits geändert. Wink

von Günther Do 28 März 2013 - 16:30

Gern geschehen. Dir ebenfalls frohe Ostern! Smile

-closed-

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[alle Versionen] Popup-Chatbox offen bei Seitenwechsel - zwei getrennte Buttons

[alle Versionen] Popup-Chatbox offen bei Seitenwechsel - zwei getrennte Buttons

Re: [alle Versionen] Popup-Chatbox offen bei Seitenwechsel - zwei getrennte Buttons

Re: [alle Versionen] Popup-Chatbox offen bei Seitenwechsel - zwei getrennte Buttons

Re: [alle Versionen] Popup-Chatbox offen bei Seitenwechsel - zwei getrennte Buttons