Probleme de texte dans mon panneau latéral

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

Résolu Probleme de texte dans mon panneau latéral

Message par AurélyBijard le 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://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'https://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'https://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'https://i81.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


Dernière édition par AurélyBijard le Lun 27 Juil 2015 - 18:40, édité 1 fois

AurélyBijard
*

Messages : 31
Inscrit(e) le : 16/05/2013

http://landofmythmerlinrpg.forumgratuit.org/
AurélyBijard a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

Message par FairyAiiro le 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

FairyAiiro
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 06/07/2013

http://glorigames.forumactif.org/
FairyAiiro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

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

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

AurélyBijard
*

Messages : 31
Inscrit(e) le : 16/05/2013

http://landofmythmerlinrpg.forumgratuit.org/
AurélyBijard a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

Message par FairyAiiro le 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 ?

FairyAiiro
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 06/07/2013

http://glorigames.forumactif.org/
FairyAiiro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

Message par AurélyBijard le 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


Dernière édition par AurélyBijard le Lun 27 Juil 2015 - 18:13, édité 1 fois

AurélyBijard
*

Messages : 31
Inscrit(e) le : 16/05/2013

http://landofmythmerlinrpg.forumgratuit.org/
AurélyBijard a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

Message par FairyAiiro le Lun 27 Juil 2015 - 18:13

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

FairyAiiro
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 06/07/2013

http://glorigames.forumactif.org/
FairyAiiro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

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

voilà j'ai fait buguer Smile et merci encore

AurélyBijard
*

Messages : 31
Inscrit(e) le : 16/05/2013

http://landofmythmerlinrpg.forumgratuit.org/
AurélyBijard a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

Message par FairyAiiro le 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>');});

FairyAiiro
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 06/07/2013

http://glorigames.forumactif.org/
FairyAiiro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

Message par AurélyBijard le 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

AurélyBijard
*

Messages : 31
Inscrit(e) le : 16/05/2013

http://landofmythmerlinrpg.forumgratuit.org/
AurélyBijard a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

Message par AurélyBijard le 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 ?

AurélyBijard
*

Messages : 31
Inscrit(e) le : 16/05/2013

http://landofmythmerlinrpg.forumgratuit.org/
AurélyBijard a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

Message par FairyAiiro le 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 !)

FairyAiiro
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 06/07/2013

http://glorigames.forumactif.org/
FairyAiiro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de texte dans mon panneau latéral

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

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

AurélyBijard
*

Messages : 31
Inscrit(e) le : 16/05/2013

http://landofmythmerlinrpg.forumgratuit.org/
AurélyBijard 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