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

Version imprimable

25/04/2006, 15h17
chateau64

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

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.
25/04/2006, 15h24
SpaceFrog

variable globale ça te dit quelquechose ?
25/04/2006, 16h26
chateau64

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.
25/04/2006, 16h33
wkhead

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!

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

Code:

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

25/04/2006, 18h19
chateau64

c est tout a fait ca
merci pour votre aide !

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

Code:

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>

15/05/2008, 10h30
kij
Bonjour,

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

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)
15/05/2008, 10h43
SpaceFrog

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