Discussion :

[bastian06n]

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

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

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

et mon code JS:

Code :

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

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.

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

[SpaceFrog]

plusieurs id identiques sur la page par exemple ??

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

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

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 :

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

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

et sa me retourne du vide, ouin

[SpaceFrog]

id_news est une variable js ?
elle est renseignée où ?

[bastian06n]

elle est renseigné dans l'appel de la fonction sur le bouton
pour tester ma fonction est:

Code :

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

1
2
3
4
mafonction(id_news){
var hiho = $('#nbre_news_'+id_news).text();
alert(hiho);
}

[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

[bastian06n]

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


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

Code :

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

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

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

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

La fonction qui affiche le formulaire:

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

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

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

[danielhagnoul]

Bonsoir

Exemple pour un clic sur le span :

Code :

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

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 :

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

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

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