les panneaux coulissants
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
les panneaux coulissants
Bonsoir,
Je travaille à la mise en place d'un panneau coulissant sur mon forum. J'ai donc suivi le tuto de ce lien : https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant
Mon soucis est que je n'arrive pas à faire apparaître quelque chose dans ce panneau lors de son ouverture. Il est expliqué qu'à la place de "texte", il faut mettre ses personalisations; texte, image, code. Hors, j'ai essayé pas mal de solutions, mon panneau reste désespérément blanc !
Je vous met les code du panneau tel qu'il est mis dans mes scripts java.
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="https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'https://i.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );
Merci de bien vouloir m'aider.
Je travaille à la mise en place d'un panneau coulissant sur mon forum. J'ai donc suivi le tuto de ce lien : https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant
Mon soucis est que je n'arrive pas à faire apparaître quelque chose dans ce panneau lors de son ouverture. Il est expliqué qu'à la place de "texte", il faut mettre ses personalisations; texte, image, code. Hors, j'ai essayé pas mal de solutions, mon panneau reste désespérément blanc !
Je vous met les code du panneau tel qu'il est mis dans mes scripts java.
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="https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'https://i.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );
Merci de bien vouloir m'aider.
Dernière édition par emc2 le Mar 6 Mar 2012 - 14:27, édité 1 fois
Re: les panneaux coulissants
Bonjour,
Il ne faut pas de retour à la ligne au milieu d'une chaîne javascript, et il faut également échapper ( en mettant \ ) quelques caractères.
Sinon à la fin du tutoriel il est mis :
Cordialement.
Il ne faut pas de retour à la ligne au milieu d'une chaîne javascript, et il faut également échapper ( en mettant \ ) quelques caractères.
Sinon à la fin du tutoriel il est mis :
Et en allant sur le lien on peut simplement mettre le contenu html qu'on veut et le générateur s'occupe de bien l'insérer dans le script.( un générateur pour simplifier la mise de contenu : http://www.maonyn.com/h10-generateur-de-pannel )
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: les panneaux coulissants
Merci, effectivement, cela marche, je met donc la balise "résolu" sur ce sujet.
Sujets similaires
» Tableau à onglets coulissants
» Deux Panneaux Coulissants
» Panneaux latéraux
» Installation de 2 panneaux coulissants
» Titres coulissants
» Deux Panneaux Coulissants
» Panneaux latéraux
» Installation de 2 panneaux coulissants
» Titres coulissants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum