Discussion :

[hari37]

Bonjour,

Débutant en Javascript, je tente de faire un changement de valeur d' un champ, et malgré mes recherches, je n'y arrive pas.

Voilà mon code HTML/PHP :

Code :

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

1
2
3
4
 
echo '<a href="'.$chemin.$nom.'" title="'.$commentaire.'" onClick="fonction_hits('.$nom.');">
 
echo '<input type="hidden" id ="'.$nom.'" name="'.$nom.'" value="'.$hits.'">';

Puis ma fonction JS :

Code :

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

1
2
3
4
5
6
7
8
 
function fonction_hits(champ)
{
	var obj = document.getElementById('champ');
	var anc_hit = parseInt(obj.value);
	var new_hit = anc_hit + 1;
	obj.value = new_hit;
}

Mon problème est que la value de l'input au nom "dynamique" ne change pas.

Merci pour votre aide !

[Jumano]

Bonjour,
Il faut que tu enlèves les simples quotes entre les parenthèses quand tu définies ta variable "objet" :

Code :

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

var obj = document.getElementById(champ);

[hari37]

j' ai bien enlevé les cotes et testé, mais j'affiche cette alert, et je ne l'a voit même pas....

Code :

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

1
2
 
alert('le champ a pour valeur : "'+obj.value+"'");

Il y a donc encore un prob quelque part, non ?

[Jumano]

Re,
Ton code fonctionne correctement, essaye ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script language="javascript" type="text/javascript">
function fonction_hits(champ)
{
	var obj = document.getElementById(champ);
	var anc_hit = parseInt(obj.value);
	var new_hit = anc_hit + 1;
	obj.value = new_hit;
	alert('le champ a pour valeur : "'+obj.value+"'");
}
</script>
<a href="#" onClick="fonction_hits('nom');">Test</a>
<input name="nom" type="text" value="1"/>

Regarde ton code, bien fermer la balise <a> et bien fermer les simples quotes quand tu fais un "echo" ...

[hari37]

Bonjour,

Désolé, mais ça ne passe pas.....

Je ne vois pas le message d'alert !
Et quand je regarde le source suite au clic sur le lien, la zone input ne voit pas sa "value" modifiée.

Mon lien appelant est le suivant :

Code :

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

1
2
 
echo '<a href="'.$chemin.$nom.'" title="'.$commentaire.'<p>'.$affichexif.'" onClick="fonction_hits('.$nom.');"><img src="'.$chemin.'vignettes/'.$nom.'" alt="'.$commentaire.'" /></a>';

Merci encore pour votre aide.

[Jumano]

Re,
Essaye avec ceci :

Code :

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

onClick="fonction_hits(\''.$nom.'\');"

[Bovino]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript" type="text/javascript">
function fonction_hits(champ)
{
	var obj = document.getElementById(champ);
	var anc_hit = parseInt(obj.value);
	var new_hit = anc_hit + 1;
	obj.value = new_hit;
	alert('le champ a pour valeur : "'+obj.value+"'");
	return false;
}
</script>
<a href="#" onClick="fonction_hits('nom');">Test</a>
<input name="nom" id="nom" type="text" value="1"/>

Il manque l'id à l'input.

[Jumano]

Oups... Autant pour moi ....

[hari37]

C'est ok, ça fonctionne.

En fait, il manque effectivement l'id sur mon input mais aussi les cotes en plus dans le onClick.

Donc merci beaucoup à vous deux, jumano et Bovino