Incrémentation champ text avec un point dans le nom du champ [Résolu]

[bibeu]

Bonjour à tous,

J'ai trouvé le bout de code ci-dessous qui fonctionne bien, mais pas dans mon cas, car le nom de mes champs (créés dynamiquement avec php) contient un point "."

J'ai cherché du coté de la fonction replace, mais mes compétences en javascript sont limitées.

C'est pourquoi je vous remercie d'avance de vos propositions, idées et autres pistes éventuelles.

Code :

1
2
3
4
5
6
7
8
9
 
function Moins(zone) 
{ 
zone.value--; 
} 
function Plus(zone) 
{ 
zone.value++; 
}

Code :

1
2
3
4
5
6
7
8
9
 
<form name="form">
<input type="text" size="2" name="nombre1.5" value="">
<input type="button" value="+" name="plus" onClick="Plus(nombre1.5);">
<input type="button" value="-" name="moins" onClick="Moins(nombre1.5);">
<input type="text" size="2" name="nombre2.5" value="">
<input type="button" value="+" name="plus" onClick="Plus(nombre2.5);">
<input type="button" value="-" name="moins" onClick="Moins(nombre2.5);">
</form>

[Loceka]

Il faut que tu récupère l'élément en question ET que tu passes correctement tes arguments :

Code :

1
2
3
4
5
6
function Moins(zone) { 
  document.getElementsByName(zone)[0].value--; 
} 
 
<input type="button" value="+" name="plus" onClick="Plus('nombre1.5');">
<input type="button" value="-" name="moins" onClick="Moins('nombre1.5');">

[SpaceFrog]

heu manquerait pas juste des quotes ?

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form name="form">
<input type="text" size="2" name="nombre1.5" value="">
<input type="button" value="+" name="plus" onClick="Plus('nombre1.5');">
<input type="button" value="-" name="moins" onClick="Moins('nombre1.5');">
<input type="text" size="2" name="nombre2.5" value="">
<input type="button" value="+" name="plus" onClick="Plus('nombre2.5');">
<input type="button" value="-" name="moins" onClick="Moins('nombre2.5');">
</form>
 
 
 
<script type="text/javascript">
alert(document.getElementsByName('nombre2.5')[0].value)
</script>

[sekaijin]

Envoyé par bibeu

Bonjour à tous,

J'ai trouvé le bout de code ci-dessous qui fonctionne bien, mais pas dans mon cas, car le nom de mes champs (créés dynamiquement avec php) contient un point "."

J'ai cherché du coté de la fonction replace, mais mes compétences en javascript sont limitées.

C'est pourquoi je vous remercie d'avance de vos propositions, idées et autres pistes éventuelles.

Code :

Code html :

où as tu trouvé un Javascript aussi mal fait ???

Code html :

1
2
3
4
5
6
7
8
<form name="form">
  <input type="text" size="2" name="nombre1.5" value="">
  <input type="button" value="+" name="plus" onClick="Plus('nombre1.5');">
  <input type="button" value="-" name="moins" onClick="Moins('nombre1.5');">
  <input type="text" size="2" name="nombre2.5" value="">
  <input type="button" value="+" name="plus" onClick="Plus('nombre2.5');">
  <input type="button" value="-" name="moins" onClick="Moins('nombre2.5');">
</form>

Code :

1
2
3
4
5
6
7
8
function Moins(zone) 
{ 
  document.getElementById(zone).value--; 
} 
function Plus(zone) 
{ 
  document.getElementById(zone).value++; 
}

A+JYT

[bibeu]

Merci beaucoup à tous, je test tout ça et je vous tiens au courant.

[SpaceFrog]

Code :

 document.getElementById((zone).value++;

un ( en trop ?

[bibeu]

Bon ben ça marche bien avec la solution de Loceka et de sekaijin en fermant les parenthèses ...ou en ne les ouvrant pas

Code :

1
2
3
4
5
6
7
8
9
function Moins(zone) 
{ 
  document.getElementById((zone)).value--; 
} 
function Plus(zone) 
{ 
  document.getElementById((zone)).value++; 
}

Avec les quotes c'est pas suffisant (j'avais déjà essayé).

Merci beaucoup à tous et bonne journée !

[Bovino]

Mouais, enfin ça marche sur IE et Opera, pour les autres navigateurs, il faudra rajouter des id à tes champs

[SpaceFrog]

Dans mon exemple précédent :

Code :

document.getElementsByName(zone)[0].value

syntaxe universelle

[bibeu]

J'ai fait comme ça, merci encore.

[Loceka]

Envoyé par bibeu

Code :

Tu devrais rajouter une ou deux parenthèses de plus à mon avis :

Code :

1
2
3
4
5
6
7
8
function Moins(zone) 
{ 
  document.getElementById((((zone)))).value--; 
} 
function Plus(zone) 
{ 
  document.getElementById(((((zone))))).value++; 
}