Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2996 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Incrémentation successive

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Incrémentation successive

n°1500072
Mxtrem
Posté le 07-01-2007 à 19:57:18  profilanswer
 

Resalut tout le monde  :hello:  
 
Je suis un peu dans l'embarras (ne maîtrisant pas vraiment js), je m'explique; j'ai réalisé ce code tout simple :
 

Citation :

<input type="text" value="" id="machin" disabled="disabled"><br>
<a href="#" onclick="machin.value='truc 1';">Truc 1</a><br>
<a href="#" onclick="machin.value='truc 2';">Truc 2</a><br>
<a href="#" onclick="machin.value='truc 3';">Truc 3</a><br>
etc.


 
Enfaite ce que j'aimerais c'est un petit script qui fasse en sorte qu'il soit possible de cliquer sur plusieurs liens, et qu'ils s'ajoutent succéssivement (de sorte à ce que si l'utilisateur clique sur Truc 1, Truc 2 et Truc 3 le input affiche truc 1, truc 2, truc 3
 
Voilà !! En vous remerciant ;)

mood
Publicité
Posté le 07-01-2007 à 19:57:18  profilanswer
 

n°1500109
bepimaco
Festina lente
Posté le 07-01-2007 à 22:43:38  profilanswer
 

Je mettrais peut-être tout simplement 3 images, associées chacune à une fonction en onclick. Cette fonction récupère l'id de l'image, et ajoute le nom associé dans le champ du input.
Qu'en pensez-vous ?

n°1500127
gatsu35
Blablaté par Harko
Posté le 07-01-2007 à 23:54:08  profilanswer
 

Pourquoi des images :o

 

pour notre ami le mieux serait de passer par une fonction :

Code :
  1. <script type="text/javascript">
  2. function changeTheValue(value) {
  3.   document.getElementById("machin" ).value = value;
  4. }
  5. </script>
  6. ton code HTML :
  7. <input type="text" value="" id="machin" disabled="disabled"><br>
  8. <a href="#" onclick="changeTheValue('truc 1');return false">Truc 1</a><br>
  9. <a href="#" onclick="changeTheValue('truc 2');return false">Truc 2</a><br>
  10. <a href="#" onclick="changeTheValue('truc 3');return false">Truc 3</a><br>

Message cité 1 fois
Message édité par gatsu35 le 08-01-2007 à 00:22:43
n°1500134
bepimaco
Festina lente
Posté le 08-01-2007 à 00:17:47  profilanswer
 

Je disais des images, mais ça peut être n'importe qu'elle autre élément. Ca évite d'utiliser une balise de lien pour rien.
 
Un truc comme :

Code :
  1. <script type="text/javascript">
  2.      function changeTheValue(valeur) {
  3.           document.getElementById("machin" ).value = document.getElementById("machin" ).value+valeur;
  4.      }
  5. </script>
  6. ton code HTML :
  7. <input type="text" value="" id="machin" disabled="disabled"><br>
  8. <p onclick="changeTheValue=('truc 1')">Truc 1</p><br>
  9. <p onclick="changeTheValue=('truc 2')">Truc 2</p><br>
  10. <p onclick="changeTheValue=('truc 3')">Truc 3</p><br>

n°1500135
Mxtrem
Posté le 08-01-2007 à 00:21:36  profilanswer
 

gatsu35 a écrit :

Pourquoi des images :o
 
pour notre ami le mieux serait de passer par une fonction :  

Code :
  1. <script type="text/javascript">
  2. function changeTheValue(value) {
  3.   document.getElementById("machin" ).value = value;
  4. }
  5. </script>
  6. ton code HTML :
  7. <input type="text" value="" id="machin" disabled="disabled"><br>
  8. <a href="#" onclick="changeTheValue=('truc 1');return false">Truc 1</a><br>
  9. <a href="#" onclick="changeTheValue=('truc 2');return false">Truc 2</a><br>
  10. <a href="#" onclick="changeTheValue('truc 3');return false">Truc 3</a><br>



 
merci beaucoup :D je vais voir ça :)

n°1500136
Mxtrem
Posté le 08-01-2007 à 00:28:35  profilanswer
 

bepimaco a écrit :

Je disais des images, mais ça peut être n'importe qu'elle autre élément. Ca évite d'utiliser une balise de lien pour rien.
 
Un truc comme :

Code :
  1. <script type="text/javascript">
  2.      function changeTheValue(valeur) {
  3.           document.getElementById("machin" ).value = document.getElementById("machin" ).value+valeur;
  4.      }
  5. </script>
  6. ton code HTML :
  7. <input type="text" value="" id="machin" disabled="disabled"><br>
  8. <p onclick="changeTheValue=('truc 1')">Truc 1</p><br>
  9. <p onclick="changeTheValue=('truc 2')">Truc 2</p><br>
  10. <p onclick="changeTheValue=('truc 3')">Truc 3</p><br>



 
ça marche niquel, par contre le résultat donne truc1truc2truc3, comment puis mettre une virgule entre chaque valeur ?
 
merci à vous en tout cas !

n°1500142
bepimaco
Festina lente
Posté le 08-01-2007 à 01:11:05  profilanswer
 

document.getElementById("machin" ).value = document.getElementById("machin" ).value+', '+valeur;

n°1500143
bepimaco
Festina lente
Posté le 08-01-2007 à 01:11:59  profilanswer
 

Code :
  1. if (document.getElementById("machin" ).value == "" )
  2.      document.getElementById("machin" ).value =  valeur;
  3. else document.getElementById("machin" ).value +=  document.getElementById("machin" ).value+', '+valeur;


Message édité par bepimaco le 08-01-2007 à 01:15:34
n°1500144
afbilou
pouet your life
Posté le 08-01-2007 à 01:26:54  profilanswer
 

Il y a un += ou un doc.getElment.value de trop ;)

n°1500154
Mxtrem
Posté le 08-01-2007 à 07:12:20  profilanswer
 

je vous remercie ça marche :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Incrémentation successive

 

Sujets relatifs
[PHP : facile je pense] Fichiers en php et incrementation de variables[Excel VBA] Compteur - incrémentation
Variables et incrementation => Vous trouvez ca normale ?Incrementation dans mysql
incrémentation problème d'incrémentation
[Résolu] Mauvaise incrémentation du NumeroAuto dans Accessincrementation d'une variable ($var1, $var2, $var3, ...)
Incrémentation aléatoire !incrémentation par un nombre décimal
Plus de sujets relatifs à : Incrémentation successive


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)