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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°284500
zytrahus5
wait what?
Posté le 12-01-2003 à 10:05:26  profilanswer
 

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
mood
Publicité
Posté le 12-01-2003 à 10:05:26  profilanswer
 

n°284516
zytrahus5
wait what?
Posté le 12-01-2003 à 11:51:27  profilanswer
 

une petite idée ? [:screamfr]


---------------
http://www.zytratech.com
n°284517
lorill
Posté le 12-01-2003 à 11:58:53  profilanswer
 

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 + "...";

n°284533
zytrahus5
wait what?
Posté le 12-01-2003 à 12:27:52  profilanswer
 

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
n°284536
lorill
Posté le 12-01-2003 à 12:30:03  profilanswer
 

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.

n°284542
zytrahus5
wait what?
Posté le 12-01-2003 à 12:38:06  profilanswer
 

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
n°284545
zytrahus5
wait what?
Posté le 12-01-2003 à 12:42:58  profilanswer
 

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
n°284548
lorill
Posté le 12-01-2003 à 12:45:35  profilanswer
 

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

n°284552
zytrahus5
wait what?
Posté le 12-01-2003 à 12:50:23  profilanswer
 

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


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

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

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

 

Sujets relatifs
[JS] 321 > 1000 en javascript....Récupérer un <select> dans une fonction javascript ?!
Access 97 modifier le contenu d'un champ ...Un "prompt" avec la saisie de 2 champs
programme permettant de commander le port série d'un PCv erifier qu'un bouton est cliqué
question sur l'interaction javascript flashComent faire pr savoir sur kel case dune stringgrid a clique le user ?
Javascript : onSubmit[JAVASCRIPT] Popup en JS, tout petit probleme: pliz help
Plus de sujets relatifs à : [javascript] - *** commander la saisie d'un champ par un clique... ***


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR