Impossible de recuperer text d'un span

Version imprimable

06/09/2010, 12h07
bastian06n

Impossible de recuperer text d'un span
Bonjour à tous,

j'essai de recupérer le text à l'interrieur d'un span pour l'incrémenter sur une action. Mais je n'y arrive pas...

voila de code ou y a le span:

Code:

<div> Bonjour il y a <span id="nombre_de_carrote"> 14 </span> carrotes dans le sac </div>

et mon code JS:
Code:

1 2 var hiho = $('#nombre_de_carrote').text(); alert(hiho);
Mais cela m'affiche rien...
Quelqu'un sait pourquoi? Pourtant si je le fait sur la div parent j'ai tout le text qu'il y a dedans.
06/09/2010, 12h39
Arnaud F.

Bonjour,

j'ai repris votre code tel quel et je l'ai copié dans une page vierge et exécuté, je récupère bien "14", êtes-vous sur de ne pas avoir des erreurs autre part ???
06/09/2010, 15h12
SpaceFrog

plusieurs id identiques sur la page par exemple ??
06/09/2010, 15h22
bastian06n
Non je pense pas,
enfaite cet exemple etait pour faire court car en faite c est pour des news, et l'id du span est suivit de l id de la news donc il est tout le temps different, et pour les differencier dans le js je fais:
Code:

1 2 3 <span id="nbre_news_<?php echo $row['id_news']; ?>">14</span> // puis j'apell ma fonction <input type='submit' onclick="mafonction ('<?php echo $row['id_news']; ?>')" />
Code:

$('#nbre_news_'+id_news).text();

et sa me retourne du vide, ouin
06/09/2010, 15h35
SpaceFrog

id_news est une variable js ?
elle est renseignée où ?
06/09/2010, 15h42
bastian06n
elle est renseigné dans l'appel de la fonction sur le bouton
pour tester ma fonction est:
Code:

1 2 3 4 mafonction(id_news){ var hiho = $('#nbre_news_'+id_news).text(); alert(hiho); }
06/09/2010, 16h04
SpaceFrog

avec un input de type submit ce n'est pas très étonnant ...
un submit lance l'action d'un form et donc recharge la page

Au temps pour moi, c'est un <input type='button' />

edit: 00:24;
Je viens de tester avec un

Code:

<button type="button" onclick="mafonction ('<?php echo $row['id_news']; ?>')"'>Envoyer</button>

c'est identique il m'affiche une alerte vide :/ je comprends pas,

Bon je vais exposer tout mon code, on ne sait jamais si vous voyez des erreures en plus :/

le code d'affichage du <span>:

Code:

<span id='nombre_coms_<?php echo $row["id_news"]?>' ><?php echo $nbreLignes; ?></span>

La fonction qui affiche le formulaire:

Code:

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
function jujukiki(news_id){
//On affiche la zone de notification de chargement
 
	$('#cache').css({ visibility: 'visible', display: 'block', position: 'fixed' });
	//definition du formulaire
	var formulaire = '<div class="popupContact" id="add_news_com_form" align="left" style="margin-bottom: 100px;">';
	formulaire += '<div width="400px; clear:both;" id="ajax_after">';
	formulaire += ' <img  src="images/news/banniere_petit.png" alt="Compagnie Chrysalide Banniere Petite" />';
 
	formulaire += '<img class="popupContactClose" style="float:right; padding-right: 5px; border:none;" width="20px" height="20px" src="dashboard/images/action_stop.gif" alt="Fermer la fenêtre" title="Fermer la fenêtre" />';
	formulaire += '</div>';
 
 
	formulaire += ' </script>';	
	formulaire += ' <br />';
		formulaire += ' <div style="position: relative;">';
			formulaire += ' <form >';
				formulaire += ' <span style="font-family: arial;">';
					formulaire += ' Ajouter un Commentaire:';
					formulaire += ' <center>';
						formulaire += ' <table>';
							formulaire += ' <tr>';
								formulaire += ' <td>';
									formulaire += ' Votre nom :';
								formulaire += ' </td>';
								formulaire += ' <td>';
									formulaire += ' <input id="name" type="text" name="name" value="" />';
									formulaire += ' <input style="display: none" id="zert" type="text" name="email" value="" />';
								formulaire += ' </td>';
							formulaire += ' </tr>';
							formulaire += ' <tr>';
								formulaire += ' <td>';
									formulaire += ' Votre message :';
								formulaire += ' </td>';
								formulaire += ' <td>';
									formulaire += '<textarea id="mess" name="mess" rows="8" cols="30"></textarea>';
								formulaire += ' </td>';
							formulaire += ' </tr>';
						formulaire += ' </table>';
						formulaire += ' <div style="margin-left: 120px;">';
							formulaire += '<button type="button" onclick="add_comment('+news_id+');" > Envoyer </button>  - <input type="Reset" />';
						formulaire += ' </div>';
					formulaire += ' </center>';
				formulaire += ' </span>';
			formulaire += ' </form>';
		formulaire += ' </div>';
	formulaire += ' </div>';
 
 
 
	// tout c'est bien passé alors on retire la zone de chargement
	$('#cache').css({ visibility: 'hidden', display: 'none'});
	//essai
	// alert(news_id);
	//on insere le formulaire dans lool
	$(formulaire).insertBefore('#backgroundPopup');
	//envoie des donées vers le php
	 $(document).ready(function () {
			// connexion au script php
			$.post("affichage_news_com_script.php", { id_news: news_id },
				function success(data){
					// qecriture en direct:
					$('#ajax_after').after(data);
				});
			});
	//on l'affiche
	display_popup_form('add_news_com_form');
}

La fonction d'ajout de com (je met que l'alert)

Code:

1
2
3
4
5
6
7
8
 
 
function add_comment (cnews_id) {
 
	var hiho = $('#nombre_coms_'+cnews_id).text();
	alert(hiho);
 
}

Voila rien de bien compliquer mais la ca me dépasse... je comprends pas pourquoi il me sort une alerte vide !!
Au secours :D

Bonsoir

Exemple pour un clic sur le span :

Code:

1
2
3
4
5
<span id="nbre_news_1">14</span>
<span id="nbre_news_2">24</span>
<span id="nbre_news_3">34</span>
<span id="nbre_news_4">44</span>
<span id="nbre_news_5">54</span>

Code:

1
2
3
$("[id^='nbre_news_']").click(function(){
	alert($(this).text());
});

07/09/2010, 01h08
bastian06n

Bonsoir danielhagnoul
Merci de votre aide mais hélas l'action s'effectue sur le bouton du formulaire.
J'ai reprit mon code et ce qui faisait que cela ne fonctionnai pas était un espace entre la fin de la balise php et le simplequote de l'id du span...

Bref merci de votre aide quand même à tous !:oops: