Discussion :

[CinePhil]

Bonjour,

Je constate un comportement différent en local et sur le serveur avec le même code, et aucun des deux ne fonctionne correctement !

Il s'agit d'un lien qui est censée afficher une div cachée.

Dans la vue, j'ai ceci pour le lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
				<div class="moreThan3Comments">
					<a href="javascript:$('#moreThan<?php echo $id_msg; ?>').show();">
						<?php echo $trad_View_all.' '.$info['nb_reponses'].' '.$trad_comments; ?>
					</a>
				</div><!-- Fin moreThan3Comments -->

Ce qui donne dans la page HTML le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="moreThan3Comments">
<a href="javascript:$('#moreThan5').show();"> Voir les 7 commentaires </a>
</div>

Ensuite vient la div cachée pour les comentaires (copié non déplié depuis Firebug) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div id="moreThan5" class="moreThan">
<div class="sousMessage">
<div class="sousMessage">
<div class="sousMessage">
<div class="sousMessage">
<div class="sousMessage">
<div class="sousMessage">
<div class="sousMessage">
<div class="comm_image">
<div class="comm_corps">
</div>

Le nom de la div correspond bien à celle qui est censée être affichée par le lien.

La classe CSS moreThan pour la div contenant les commentaires est tout simplement cachée par défaut :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.moreThan
{
	display: none;
}

En local, j'obtiens une page blanche avec juste ceci :

[object Object]

Sur le serveur par contre, les commentaires sont directement affichés au lieu d'être cachés !

Une piste à me donner ?

[NoSmoking]

Bonjor,
si tu veux utiliser la méthode du javascript dans le HREF, pas bien du tout, il te faut mettre ton code dans la fonction void.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="javascript:void($('#moreThan5').show());"> Voir les 7 commentaires </a>

mais le "plus mieux élégant" reste de le mettre sur l'événement onclick

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onclick="$('#moreThan5').show();return false;"> Voir les 7 commentaires </a>

le return false est la pour inhiber l'action par défaut des balise A.

http://javascript.developpez.com/faq...taxe#pseudoUrl

[CinePhil]

Effectivement, avec onclick, c'est beaucoup mieux !


C'était tellement évident qu'il fallait un oeil extérieur pour le voir ; merci.