Incrémentation champ text avec un point dans le nom du champ

Version imprimable

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>

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');">

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>

Citation:

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:

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>

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

Code:

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

11/05/2011, 15h34
bibeu

Merci beaucoup à tous, je test tout ça et je vous tiens au courant.
11/05/2011, 15h39
SpaceFrog

Code:

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

un ( en trop ?
11/05/2011, 15h50
bibeu
Bon ben ça marche bien avec la solution de Loceka et de sekaijin en fermant les parenthèses :wink:...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 !
11/05/2011, 15h57
Bovino

Mouais, enfin ça marche sur IE et Opera, pour les autres navigateurs, il faudra rajouter des id à tes champs :aie:
11/05/2011, 15h59
SpaceFrog

Dans mon exemple précédent :

Code:

document.getElementsByName(zone)[0].value

syntaxe universelle
11/05/2011, 16h03
bibeu

J'ai fait comme ça, merci encore.

Citation:

Envoyé par bibeu

Code:

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

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++; 
}