récuperer l'id d'un input lorsqu'il a le focus

**spooli** · 06/10/2010, 17h06

bonjour,

j'ai une simple question

comment faire pour récupérer l'id d'un input quand ce dernier reçois le focus ?

merci

**SpaceFrog** · 06/10/2010, 17h10

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type='text' onfocus="alert(this.id)" value="" id ="foo" />

**spooli** · 06/10/2010, 17h28

merci pour la réponse mais ce n'est pas ce que je cherche

je veux utilisé le script autocompletion sur plusieurs input d'un même form

donc je veux mettre une variable dans l'appel initAutoComplete cette dernière change selon le input ou je suis (focus) ou bien faire un appel dynamique sans passer par document.getelementbyid

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onload = function(){initAutoComplete(document.getElementById('form-test'),document.getElementById('champ-texte'),document.getElementById('bouton-submit'))};

et voila le code complet

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Test d'autocompletion</title>
        <link rel="stylesheet" type="text/css" href="autocompletion.css" />
        <script type="text/javascript" src="autocomplete-3-2.js"></script>
<script type="text/javascript">
window.onload = function(){(document.getElementById('form-test'),document.getElementById('champ-texte'),document.getElementById('bouton-submit'))};
</script>
    </head>
    <body>
        <form name="form-test" id="form-test" action="javascript:alert('soumission de ' + document.getElementById('champ-texte').value)" style="margin-left: 50px; margin-top:20px">
            <input type="text" name="champ-texte" id="champ-texte" size="20" autocomplete="off" />
			 <input type="text" name="champ-texte" id="champ-texte1" size="20" autocomplete="off" />
            <input type="submit" id="bouton-submit">
        </form>
    </body>
</html>

**spooli** · 06/10/2010, 17h32

je crois que mon idée n'est pas réalisable vu que le window.onload s'exécute seulement au chargement de la page

donc impossible de changer ces arguments après

je reposerai dans ce cas une autre question comment faire fonctionner autocompletion(tuto developpez) dans plusieurs input ?

**sekaijin** · 06/10/2010, 18h57

je n'ai pas compris ce que tu veux faire mais pour ce qui est de manipuler un input lorsqu'il a le focus tu peux faire dans ton on load

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
window.onload = function(){
   var autoComplete = function (evt) {
      //ici le corps de ta méthode d'auto complétion qui porte sur l'élément courant
     alert('input: '+this.id+' name: '+this.value+' name: '+this.value +' event: '+evt)
   }
 
   document.getElementById('champ-texte').onkeypress= autoComplete;
   document.getElementById('champ-texte1').onkeypress= autoComplete;
}

même principe sur le onchange on focus onkeyup etc.
this dans la méthode est l'objet sur le quel l'événement à lieu

A+JYT

**Bovino** · 06/10/2010, 19h50

Effectivement, pour renforcer ce que dit sekaijin, le onload du body est essentiellement utilisé pour initier la gestion des événements sur les éléments de la page, c'est donc bien à ce moment que tu dois définir tes autocomplete.

**spooli** · 06/10/2010, 21h06

Envoyé par sekaijin

je n'ai pas compris ce que tu veux faire mais pour ce qui est de manipuler un input lorsqu'il a le focus tu peux faire dans ton on load

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
window.onload = function(){
   var autoComplete = function (evt) {
      //ici le corps de ta méthode d'auto complétion qui porte sur l'élément courant
     alert('input: '+this.id+' name: '+this.value+' name: '+this.value +' event: '+evt)
   }
 
   document.getElementById('champ-texte').onkeypress= autoComplete;
   document.getElementById('champ-texte1').onkeypress= autoComplete;
}

même principe sur le onchange on focus onkeyup etc.
this dans la méthode est l'objet sur le quel l'événement à lieu

A+JYT

je vous remercié pour vos réponse

mais j'ai pas bien pigé ta réponse

au fait la fonction autcomplete demande en entrée 3 variables (form,champ texte et bouton)

donc je ne peux pas faire ce que t'as enfin du moins ce que j'ai compris avec ta réponse :s

**spooli** · 08/10/2010, 11h17

merci pour vos reponses

j'ai resolu le probleme en changeant l'appel de la fonction

je ne l'appel plus dans onload mais dans chaque onfocus d'un input

c pas très pratique mais ça marche

récuperer l'id d'un input lorsqu'il a le focus

JavaScript

Vue hybride

Discussions similaires

Partager

Partager