Deux Panneaux Coulissants

[Gwen tanamo]

Bonjour.

Voilà j'aimerais mettre deux nouveaux Panneaux Coulissants avec dans chaque Panneaux un Viewer Mumble différents mais je n'y arrive malheureusement pas.

[Censure]

Pour ajouter plusieurs panneaux:
Ajouter un nouveaux Script JS:
Si vous avez déja un panneau, il faudras sans doute régler la hauteur de celui-ci et changer:

Code:

div id="panneau"

par

Code:

div id="panneau3"

ainsi que:

Code:

(\'panneau\')

en

Code:

(\'panneau3\')

Le panneau de gauche donné a comme div --> div id="panneau" / (\'panneau\')
le panneau de droite donné a comme div --> div id="panneau2" / (\'panneau2\')


(Panneau à gauche)

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 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>'); } );

(Panneau à droite)

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="panneau2" 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(\'panneau2\').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>'); } );

Pour le Viewer mumble il me faut le code. ^-^

Cordialement - Censure

[Gwen tanamo]

Code:

<div style="margin:auto;text-align:center;width:100%"><iframe src="http://mumbleviewer.omgserv.com/mumbleviewer.php?id=202&width=220&height=390&font_size=11&font=Tahoma&color=000000&background=FFFFFF" scrolling="vertical" frameborder="0" height="390" width="220"></iframe></div>

Merci Bcp ! Et possible de mettre ceci comme Image a la place de Ouvrir et Fermer : & ?

[Censure]

Panneau de gauche:

Code:


 jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 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://i44.servimg.com/u/f44/16/84/92/19/mumble11.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i44.servimg.com/u/f44/16/84/92/19/mumble11.png\')?\'block\':\'none\';this.src=(this.src==\'http://i44.servimg.com/u/f44/16/84/92/19/mumble11.png\')?\'http://i44.servimg.com/u/f44/16/84/92/19/mumble10.gif\':\'http://i44.servimg.com/u/f44/16/84/92/19/mumble11.png\';"/></td></tr></table>'); } );

Panneau de droite:

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="panneau2" 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://i44.servimg.com/u/f44/16/84/92/19/mumble11.png" onClick="document.getElementById(\'panneau2\').style.display=(this.src==\'http://i44.servimg.com/u/f44/16/84/92/19/mumble11.png\')?\'block\':\'none\';this.src=(this.src==\'http://i44.servimg.com/u/f44/16/84/92/19/mumble11.png\')?\'http://i44.servimg.com/u/f44/16/84/92/19/mumble10.gif\':\'http://i44.servimg.com/u/f44/16/84/92/19/mumble11.png\';"/></td></tr></table>'); } );

Dans quel panneau voulait vous le code Mumble Viewer?

[Gwen tanamo]

J'y suis arrivée. Merci infiniment Censure