[javascript] - *** commander la saisie d'un champ par un clique... ***

- *** commander la saisie d'un champ par un clique... *** [javascript] - HTML/CSS - Programmation

Marsh Posté le 12-01-2003 à 10:05:26    

salut...
 
je fais actuellement des essais en js.
 
j'ai une page avec un formulaire, a l'intérieur plusieurs champs texte.
 
je voudrais que quand l'utilisateur clique sur des zones (des images, ou des gifs) et bien que ça remplisse certains champs...
 
l'exemple le plus proche de ce que je veux faire :
 
dans la création ou le reply d'un post dans HFR, quand on clique sur les smileys et bien, ça écrit les caracteres associés dans le champ de texte principal.
 
 
est ce que vous savez comment je pourrais programmer ceci ? :hello:


Message édité par zytrahus5 le 12-01-2003 à 10:32:15

---------------
http://www.zytratech.com
Reply

Marsh Posté le 12-01-2003 à 10:05:26   

Reply

Marsh Posté le 12-01-2003 à 11:51:27    

une petite idée ? [:screamfr]


---------------
http://www.zytratech.com
Reply

Marsh Posté le 12-01-2003 à 11:58:53    

idée générale :
tu récupères le champ dans lequel tu veux ecire via document.getElementById("lechamp" ) par exemple. Il faut bien sur que ton champ ait un attribut id avec la valeur "lechamp".
 
une fois que tu as récupéré l'objet associé au champ, il faut juste remplacer sa valeur.
Par exemple pour rajouter trois points a la fin d'une zone de texte :
 

Code :
  1. zone = document.getElementById("lazone" );
  2. zone.value = zone.value + "...";

Reply

Marsh Posté le 12-01-2003 à 12:27:52    

lorill a écrit :

idée générale :
tu récupères le champ dans lequel tu veux ecire via document.getElementById("lechamp" ) par exemple. Il faut bien sur que ton champ ait un attribut id avec la valeur "lechamp".
 
une fois que tu as récupéré l'objet associé au champ, il faut juste remplacer sa valeur.
Par exemple pour rajouter trois points a la fin d'une zone de texte :
 

Code :
  1. zone = document.getElementById("lazone" );
  2. zone.value = zone.value + "...";




 
merci bien, je trouvais pas les fonctions :)
 
mais par quoi faut il que je remplace "lazone" ?
 
parce que dans le cas d'un gif par exemple, je vois pas ce que je peux mettre :/


---------------
http://www.zytratech.com
Reply

Marsh Posté le 12-01-2003 à 12:30:03    

ben deja avec un gif faudra pas jouer avec sa value, mais sa src...
 
bref, en gros t'as un champ text :
 
<input type="text" id="lazone" />
 
donc le "lazone" c'est en fait l'identifiant de l'élement. Tu mets ce que tu veux (ou presque) faut juste faire gaffe a ce que l'id soit unique dans la page.

Reply

Marsh Posté le 12-01-2003 à 12:38:06    

oki je commence à comprendre, sauf pour le gif, si je peux pas mettre d'id... comment je rentre son src ?
 
 
en fait, quelle fonction permet de récupérer l'id de la chose sur quoi j'ai cliqué ?
 
peut etre faut il que j'ajoute un id dans la ligne du gif ?
 
comme ça ?  
 

<img src="image.gif" id="gif_n°1">


Message édité par zytrahus5 le 12-01-2003 à 12:38:14

---------------
http://www.zytratech.com
Reply

Marsh Posté le 12-01-2003 à 12:42:58    

zytrahus5 a écrit :

oki je commence à comprendre, sauf pour le gif, si je peux pas mettre d'id... comment je rentre son src ?
 
 
en fait, quelle fonction permet de récupérer l'id de la chose sur quoi j'ai cliqué ?
 
peut etre faut il que j'ajoute un id dans la ligne du gif ?
 
comme ça ?  
 

<img src="image.gif" id="gif_n°1">




 
mon gif a un commentaire

alt="gif_n°1"

par exemple, peut etre que je pourrais récupérer le commentaire et le copier dans le champs concerné... ?


---------------
http://www.zytratech.com
Reply

Marsh Posté le 12-01-2003 à 12:45:35    

non, pas comme ca... deja tu peux mettre un id sur le gif, je disais qu'une image n'avait pas de value, c'est tout.
 
pour récupérer l'objet sur lequel tu as cliqué, tu passes l'évenement en paramètre, c'est dans un de ses attributs (je sais plus lequel, désolé).
 
mais ce que tu veux, c'est pas manipuler une image, c'est ajouter un truc dans une zone de texte en fonction de l'image sur laquelle tu as cliqué, non ?
 
dans ce cas c'est un truc du genre  
 

Code :
  1. function ajouteTexte(id, texte)
  2. {
  3.   elem = document.getElementById(id);
  4.   elem.value = elem.value + texte
  5. }

pour le javascript.
 
Et dans ton html tu fais ca :
 

Code :
  1. <input id="toto" type="text" />
  2. <img src="fichier.gif" onclick="ajouteTexte('toto', 'le texte a ajouter')" />

Reply

Marsh Posté le 12-01-2003 à 12:50:23    

ça roxxx :hello: merci beaucoup du coup de main :love:


---------------
http://www.zytratech.com
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed