Discussion :

[CinePhil]

Bonjour,

En complément de cette discussion résolue, j'ai besoin, dans la même fonction, de modifier le texte d'un lien pour chaque message dont on masque les commentaires.

Je reprends et complète la structure de la liste de messages donnée dans l'autre discussion citée :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div class="divMessage">
  <div id="blocMessage44" class="blocMessage">
    le message 44
    <a href="javascript:afficheCommentaires(des variables);">N commentaires</a>
  </div>
  <div id="sousMessage44" class="sousMessage">
  </div>
</div>
<div class="divMessage">
  <div id="blocMessage24" class="blocMessage">
     le message 24
    <a href="javascript:masqueCommentaires(des variables);">Masquer commentaires</a>
  </div>
  <div id="sousMessage24" class="sousMessage">
     les réponses au message 24
  </div>
</div>
<div class="divMessage">
  <div id="blocMessage5" class="blocMessage">
     le message 5
    <a href="javascript:masqueCommentaires(des variables);">Masquer commentaires</a>
  </div>
  <div id="sousMessage5" class="sousMessage">
     les réponses au message 5
  </div>
</div>

Il s'agit donc de remettre à "N commentaires" le lien "Masquer commentaires" et de modifier la fonction javascript appelée.

Je pensais donc faire un $(".divMessage").each(function() puis de faire ces opérations dans cette unique boucle mais je ne sais pas comment faire référence aux balises internes par rapport à this.

Avec le code ci-dessous, j'alerte bien le contenu html de chaque divMessage :

Code :

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

1
2
3
4
	$(".divMessage").each(function()
	{
		alert($(this).html());
	});

Mais ce genre d'appel relatif à this ne fonctionne pas :

Code :

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

1
2
3
4
	$(".divMessage").each(function()
	{
		alert($(this).$(".blocMessage").html());
	});

[Bovino]

Code :

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

alert($(".blocMessage", $(this)).html());

[CinePhil]

Merci.
Et donc si je veux seulement le html de la balise <a> qui est dans blocMessage qui est dans this ?

[Bovino]

Code :

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

alert($(".blocMessage a", $(this)).html());

ou bien

Code :

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

alert($(this).find(".blocMessage a").html());

[CinePhil]

Merci encore mais en fait j'ai été imprécis dans ma demande.
Le lien que je dois modifier est identifié par un id="linkAfficheCommN" où N est le numéro du message.
J'ai essayé diverses formules pour appeler cet id mais rien n'y fait.

[CinePhil]

Je progresse un peu...

Avec le code ci-dessous, j'affiche ce qui est compris entre <a> et </a> pour un message :

Code :

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

alert($("#blocMessage44 .bar_links #linkAfficheComm44").html());

Résultat :

<img src="images/bubble.png" align="absmiddle" height="12px" width="18px">Masquer commentaire

Je sais modifier "Masquer commentaire" en "1 commentaire" puisque je l'ai fait dans la fonction qui est lancée par le lien "Masquer commentaire".

Ce que je cherche maintenant, c'est de le faire pour chaque liste de commentaires affichés et donc pour tous les liens "Masquer commentaire(s)" de la page.

J'y arrive en affectant une classe au lien avec ce code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
$(".divMessage").each(function()
	{
		/*alert($(".blocMessage .bar_links .linkAfficheComm", $(this)).html());*/
		if($(".blocMessage .bar_links .linkAfficheComm", $(this)).html() !== null)
		{
			var obj = $(".blocMessage .bar_links .linkAfficheComm", $(this)); // lien à modifier
			var inithtm = obj.html(); // contenu complet du lien
			var initfct = obj.attr("href"); // cible du lien 
			var texte = '';
 
			if(langue == 'fr')
			{
				texte = 'commentaire';
			}
			else if (langue == 'es')
			{
				texte = 'comentario';
			}
			else if (langue == 'en')
			{
				texte = 'comment';
			}
 
			obj.attr("href",initfct.replace(/masque/i, "affiche"));
			obj.html(inithtm.replace(obj.text(), texte));
 
		}
 
	});

Mais il faut que je récupère le nombre de commentaires que je mets dans un input hidden et je trouve un peu stupide d'y affecter une classe qui est plutôt pour du CSS. Le problème, c'est que je n'arrive pas à trouver la bonne syntaxe pour récupérer le contenu du lien via son id au lieu de sa classe.