Panneau latéral + chatbox latéral

[Athnor]

Bonjours je vais vous exposer ici mon problème
j'aimerai mettre sur mon forum une chatbox latérale à gauche, pour sa pas de souci sa marche
le problème intervient lorsque je veux mettre un panneau latéral à droite du forum pour par exemple mettre des info, il semblerai que les scrip chatbox + panneau rentrent en conflie.
Est-il possible de mettre les deux en même temps?

Code panneau

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">

    Texte

</div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );

Code chatbox

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 250px; left: 0px;background-color: #;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 600px; height: 350px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 600px; height: 350px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i48.servimg.com/u/f48/17/58/04/62/chatbo13.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i48.servimg.com/u/f48/17/58/04/62/chatbo13.png\')?\'block\':\'none\';this.src=(this.src==\'http://i48.servimg.com/u/f48/17/58/04/62/chatbo13.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i48.servimg.com/u/f48/17/58/04/62/chatbo13.png\';"/></td></tr></table>'); } );

L'adresse de mon forum est sur le profil ci-contre.
Merci de votre lecture.

[Invité]

Bonjour,

C'est normal que ça ne fonctionne pas, vos 2 panneaux utilisent le même id. Remplacez l'id du second, à la place de panneau, mettrez panneauB par exemple;).

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneauB" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
 
    Texte
 
</div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneauB\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );

Bien sincèrement.

[Athnor]

Malheureusement sa ne marche pas :/ en tout cas merci de ta réponse, y a-t-il une autre solution?

voilà sa marche j'avais manqué le second /panneauB/ ^^ merci beaucoup j'édite en résolu!!!



bah en fait non sa marche pas...enfin le panneau apparaît sans aucun souci, sa c'est résolu mais voilà que j'écris mon blabla et qu'il ne s'affiche pas...mon code est celui qui vous m'avez donné...

ENFIN suite a beaucoup de lecture sur le forum des forum j'ai trouvé une solution...simplement le code couleur!!!

Merci beaucoup!!!! je met définitivement en résolu