Problème de panneau déroulant

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

Résolu Problème de panneau déroulant

Message par Cali93110 le Sam 11 Jan 2014 - 15:03

Bonjour,

Suite à un autre topic où j'avais quelques soucis avec un panneau déroulant, on m'a donné un nouveau code, qui fonctionnait super bien.
Aujourd'hui, j'ai voulu remplir ce panneau déroulant, n'ayant pas eu le temps de le faire avant, et bizarrement dès que y'a du texte dedans, et ben le panneau n'apparait plus…

Code:
jQuery(document).ready(function () {
    jQuery('body').append('<div id="panneau_coulissant"><div class="contenu">

<div class="contenu03"><div class="titrecontenu03">Météo</div>
<table width="500"><tr><td width="300">En cette saison froide, il n'est pas rare de voir quelques flocons tomber de temps à autres. Jusque là, rien de très important. A certains endroits la neige persiste à rester, mais elle n'a pas encore prit possession de l'ensemble des territoires. Cependant, le gibier sent clairement que la météo n'ira pas en s'améliorant, provoquant alors une disparition assez brutale de proies…</td><td width="200">-3°C</td></tr></table>
</div></div>');
});

En revanche, celui ci fonctionne … :

Code:
jQuery(document).ready(function () {
    jQuery('body').append('<div id="panneau_coulissant"><div class="contenu">

<div class="contenu03"><div class="titrecontenu03">Météo</div>
<table width="500"><tr><td width="300">Colonne 1</td><td width="200">Colonne 2</td></tr></table>
</div></div>');
});

Y'a rien qui change entre les deux codes, si ce n'est l'ajout d'un petit paragraphe de texte…

Merci d'avance pour votre aide.


Dernière édition par Cali93110 le Lun 13 Jan 2014 - 18:10, édité 1 fois

Cali93110
*****

Féminin
Messages : 510
Inscrit(e) le : 30/08/2008

http://dreamcatgraph.conceptforum.net/
Cali93110 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de panneau déroulant

Message par Cali93110 le Dim 12 Jan 2014 - 19:10

Voilà une petite relance !  Surprised 

Cali93110
*****

Féminin
Messages : 510
Inscrit(e) le : 30/08/2008

http://dreamcatgraph.conceptforum.net/
Cali93110 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de panneau déroulant

Message par [Nihil] le Dim 12 Jan 2014 - 23:03

Bonsoir Cali,

La différence entre les 2 codes, c'est l'ajout du texte avec des apostrophes. En effet les apostrophes ici servent à délimiter les limites de la chaine de caractère. Quand tu mets une apostrophe il faut donc "échapper" le caractère, comme ci : \'

Voici ton code modifié qui devrait marcher :
Code:
       jQuery(document).ready(function () {
            jQuery('body').append('<div id="panneau_coulissant"><div class="contenu"><div class="contenu03"><div class="titrecontenu03">Météo</div><table width="500"><tr><td width="300">En cette saison froide, il n\'est pas rare de voir quelques flocons tomber de temps à autres. Jusque là, rien de très important. A certains endroits la neige persiste à rester, mais elle n\'a pas encore prit possession de l\'ensemble des territoires. Cependant, le gibier sent clairement que la météo n\'ira pas en s\'améliorant, provoquant alors une disparition assez brutale de proies…</td><td width="200">-3°C</td></tr></table></div></div></div>');
        });


Dernière édition par [Nihil] le Lun 13 Jan 2014 - 17:33, édité 1 fois

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de panneau déroulant

Message par Cali93110 le Lun 13 Jan 2014 - 16:06

Exacte ça fonctionne, merci beaucoup ! J'ai encore deux mini-questions, j'en suis désolée. :3
J'ai essayé de placer un margin-left de sorte à décaler le contenu du panneau (et pas le panneau lui même), car le texte est vraiment collé contre le bord de la page. Mais rien à faire, ça marche pas. Et idem, je voudrais justifier le texte… Je comprends pas pourquoi ces deux propriétés ne fonctionnent pas, j'ai réussi à mettre le texte en 11px pourtant…

Merci pour ton aide. Smile

Cali93110
*****

Féminin
Messages : 510
Inscrit(e) le : 30/08/2008

http://dreamcatgraph.conceptforum.net/
Cali93110 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de panneau déroulant

Message par [Nihil] le Lun 13 Jan 2014 - 17:27

@Cali93110 a écrit:J'ai essayé de placer un margin-left de sorte à décaler le contenu du panneau (et pas le panneau lui même), car le texte est vraiment collé contre le bord de la page.

Hum, je pense que le padding-left serait plus approprié Very Happy.
Pour ton td avec le texte dedans :
Code:
<td width="300" style="padding-left: 10px;text-align:justify">

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de panneau déroulant

Message par Cali93110 le Lun 13 Jan 2014 - 18:10

Très bien vu, merci beaucoup pour ton aide ! Smile

Cali93110
*****

Féminin
Messages : 510
Inscrit(e) le : 30/08/2008

http://dreamcatgraph.conceptforum.net/
Cali93110 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