Probleme de texte dans mon panneau latéral

2 participants

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 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


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

AurélyBijard
*

Messages : 39
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 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

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 Lun 27 Juil 2015 - 18:03

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

AurélyBijard
*

Messages : 39
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 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

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 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
avatar

AurélyBijard
*

Messages : 39
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 Lun 27 Juil 2015 - 18:13

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

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 Lun 27 Juil 2015 - 18:15

voilà j'ai fait buguer Smile et merci encore
avatar

AurélyBijard
*

Messages : 39
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 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

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 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
avatar

AurélyBijard
*

Messages : 39
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 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 ?
avatar

AurélyBijard
*

Messages : 39
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 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

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 Lun 27 Juil 2015 - 18:39

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

AurélyBijard
*

Messages : 39
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

- Sujets similaires

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