Probleme de texte dans mon panneau latéral

par AurélyBijard Lun 27 Juil 2015 - 14:04

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Aujourd'hui
Lien du forum : http://landofmythmerlinrpg.forumgratuit.org/

Description du problème

Bonjour,
alors comme cite le titre j'ai soucis avec la création latéral coulissant
j'ai reprit ce tuto avec quelque modif
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>');
});

Code:

ce qui donne

Code:: jQuery(document).ready(function () { jQuery('body').append('<table style="position: fixed; top: 120px; left: 0px;background-color:;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 600px; height: 200px; display: none;" marginwidth="0" marginheight="0" frameborder="0"> <div class="arthur"> <div class="titre1"> Programme du tournoie </div> <div align="justify"> </div>TEXTE </div> </div></td><td style="vertical-align: bottom;"><img src="http://img11.hostingpics.net/pics/294004joputecopie.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://img11.hostingpics.net/pics/294004joputecopie.png\')?\'block\':\'none\';this.src=(this.src==\'http://img11.hostingpics.net/pics/294004joputecopie.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://img11.hostingpics.net/pics/294004joputecopie.png\';"/></td></tr></table>'); });

ce qui fonctionne très bien, le soucis est que des que je change le mot TEXTE en contenue désiré, tout mon panneau ne s'affiche plus a la validation et des que je remets "TEXTE" ça fonctionne

merci de votre réponse <3

par FairyAiiro Lun 27 Juil 2015 - 17:59

Bonjour,

Je suppose que le problème vient du fait que vous ayez des sauts de ligne dans votre code. j'ai testé, avec ce code :

Code:: <!doctype html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script> jQuery(document).ready(function () { jQuery('body').append('<table style="position: fixed; top: 120px; left: 0px;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 600px; height: 200px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><div class="arthur"> <div class="titre1"></div><div align="justify"></div>BONJOUR</div></div></td><td style="vertical-align: bottom;"><img src="http://img11.hostingpics.net/pics/294004joputecopie.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://img11.hostingpics.net/pics/294004joputecopie.png\')?\'block\':\'none\';this.src=(this.src==\'http://img11.hostingpics.net/pics/294004joputecopie.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://img11.hostingpics.net/pics/294004joputecopie.png\';"/></td></tr></table>'); }); </script> </head> <body> </body> </html>

A vous de me dire Wink

par AurélyBijard Lun 27 Juil 2015 - 18:03

Bonsoir merci de votre réponse, j'ai posté et a disparu Sad

par FairyAiiro Lun 27 Juil 2015 - 18:11

Pouvez-vous mettre autre chose qe "TEXTE", me dire quand vous l'avez mis, pour que j'inspecte la console et peut être trouver d'où vient le problème ?

par AurélyBijard Lun 27 Juil 2015 - 18:12

oui je peux mettre que des petite chose courte comme lala sinon ça disparait

j'avais mis CEST ICI ça a disparu mais la la ça marche

par FairyAiiro Lun 27 Juil 2015 - 18:13

Justement, mettez quelque chose qui fasse buguer, que je regarde ce qui ne va pas

par AurélyBijard Lun 27 Juil 2015 - 18:15

voilà j'ai fait buguer Smile

et merci encore

par FairyAiiro Lun 27 Juil 2015 - 18:19

Voilà j'ai donc trouvé l'erreur ahaha.
C'est une erreur courante.
faites attention, vous avez mis : c'est ici ....
Et dans "c'est ici", il y a un guillemet simple ('). De ce fait, pour ne pas faire planter, vous devez l'esquiver avec un antislash : \

Voici votre code corrigé :

Code:: jQuery(document).ready(function(){jQuery('body').append('<table style="position: fixed; top: 120px; left: 0px;;z-index:10000;"><tr><td><div id="panneau"scrolling="no"style="width: 600px; height: 200px; display: none;"marginwidth="0"marginheight="0"frameborder="0"><div class="arthur"><div class="titre1">Programme du tournoie</div><div align="justify"></div>c\'est ici queça se passe</div></div></td><td style="vertical-align: bottom;"><img src="http://img11.hostingpics.net/pics/294004joputecopie.png"onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://img11.hostingpics.net/pics/294004joputecopie.png\')?\'block\':\'none\';this.src=(this.src==\'http://img11.hostingpics.net/pics/294004joputecopie.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://img11.hostingpics.net/pics/294004joputecopie.png\';"/></td></tr></table>');});

par AurélyBijard Lun 27 Juil 2015 - 18:22

Ah d'accord il le compte comme une balise de code :p
je vais essayer avec mon texte Smile

par AurélyBijard Lun 27 Juil 2015 - 18:28

Cela fonctionne merciiiii Smile

juste une dernière question je dois modifier quoi pour que l'ouverture du panneau se fasse doucement , sur un effet coulissant ?

par FairyAiiro Lun 27 Juil 2015 - 18:30

une transition CSS ou une animation jquery Wink

.

Je vous laisse,
Bonne soirée Wink

(n'oubliez pas le résolu !)

par AurélyBijard Lun 27 Juil 2015 - 18:39

merci encore pour votre aide une très bonne soirée a vous <3

Probleme de texte dans mon panneau latéral