[POO] récupérer l'id d'un objet qui a le focus.

**chateau64** · 25/04/2006, 15h17

bonjour,

j'ai plusieurs objets champ de texte, et je voudrais lorsque je clique sur l'un ou su'l'autre stocker l'id du dernier selectionné.
Avec onfocus je peux déclencher une fonction mais aprés je vois pas trop comment savoir quel est mon objet.

Merci d'avance.

**SpaceFrog** · 25/04/2006, 15h24

variable globale ça te dit quelquechose ?

**chateau64** · 25/04/2006, 16h26

mon probleme est que je ne vois pas comment recuperer l'id de mon objet qui a le focus (sachant que je ne connais ni son nom ni rien d'autre). Une fois que je l'aurai, pourle stockerj'utiliserai sans doute une variable globale oui.

**wkhead** · 25/04/2006, 16h33

Tu n'as pas bien compris ce que SF temptait de te dire..

Le champs dont tu désires avoir l'information est situé dans un formulaire, n'est-ce pas? Alors que dirais-tu d'envoyer, comme paramètre, l'ID ou le nom de ton objet sélectionné avec l'action onFocus()?

Juste pour ne pas te donner tout cuit dans le bec, il te faudra réfléchîr et utiliser this. Et le reste, c'est à toi de faire ce que tu as besoin que ça fasse avec ton champs maintenant connu.

Sur ce, bonne pratique!

**fred777888999** · 25/04/2006, 16h37

Rien compris a ton probleme ni aux difficultes rencontrees....
Le code suivant (a adapter) est-il ok pour ton besoin ?

Code :

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
21
22
23
 
<html>
<head>
<script type="text/Javascript">
function Afficher(id) {
alert(id);
}
</script>
</head>
<body>
<div id="Menu">
    <ul>
        <li>
        <input id="toto" onFocus="Afficher(this.id)">
        <li>
        <input id="titi" onFocus="Afficher(this.id)">
        <li>
        <input id="tata" onFocus="Afficher(this.id)">
        </li>
    </ul>
</div>
</body>
</html>

++
Fred

**chateau64** · 25/04/2006, 18h19

c est tout a fait ca
merci pour votre aide !

**SpaceFrog** · 26/04/2006, 08h39

Juste un petit truc en plus pour éviter d'avoir à coller le onfocu partout dsi tu as beaucoup d'éléments ...

Code :

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
21
22
23
24
25
26
<html>
<head>
<script type="text/Javascript">
function populate(){
for (i=0;i<document.getElementsByTagName('input');i++){
     document.getElementsByTagName('input')[i].onfocus=function(){alert(this.id)};
     } 
function Afficher(id) {
alert(id);
}
</script>
</head>
<body onload="populate()>
<div id="Menu">
    <ul>
        <li>
        <input id="toto" >
        <li>
        <input id="titi" >
        <li>
        <input id="tata" >
        </li>
    </ul>
</div>
</body>
</html>

**kij** · 15/05/2008, 10h30

Bonjour,

Aussi pour ne pas t'embarrasser à donner un paramètre à ta fonction appelée sur 'onfocus', tu peux faire ceci :

Code :

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

1
2
3
4
5
 
<script language="javascript">
function afficher ( ){
   alert(self.document.activeElement.id);
}

L'instruction 'self.document.activeElement' permet de récupérer l'élément de la page qui a le focus, donc forcément celui sur lequel tu aura précédemment cliqué / passé la souris (cela dépend sur quel évènement tu mets la fonction)

**SpaceFrog** · 15/05/2008, 10h43

c'est pas propriétaire IE ça activeElement ?

[POO] récupérer l'id d'un objet qui a le focus.

JavaScript

Discussions similaires

Partager

Partager