Deux Panneaux Coulissants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Deux Panneaux Coulissants

Message par Gwen tanamo le Sam 14 Jan 2012 - 15:55

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.


Dernière édition par Gwen tanamo le Sam 14 Jan 2012 - 17:11, édité 1 fois

Gwen tanamo
***

Messages : 103
Inscrit(e) le : 09/09/2011

http://fear-and-co.forumactif.fr/
Gwen tanamo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Deux Panneaux Coulissants

Message par Censure le Sam 14 Jan 2012 - 16:02

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

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Deux Panneaux Coulissants

Message par Gwen tanamo le Sam 14 Jan 2012 - 16:15

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 : & ?

Gwen tanamo
***

Messages : 103
Inscrit(e) le : 09/09/2011

http://fear-and-co.forumactif.fr/
Gwen tanamo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Deux Panneaux Coulissants

Message par Censure le Sam 14 Jan 2012 - 16:42

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?

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Deux Panneaux Coulissants

Message par Gwen tanamo le Sam 14 Jan 2012 - 17:11

J'y suis arrivée. Merci infiniment Censure Smile

Gwen tanamo
***

Messages : 103
Inscrit(e) le : 09/09/2011

http://fear-and-co.forumactif.fr/
Gwen tanamo a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum