Recupération d'id à la volée

Citation:

---

Envoyé par Johngtrs

Hum d'accord, donc dans ce cas, ça voudrait dire :

si j'ai un event.target je retourne vrai sinon je retourne faux il n'y a pas d'event ?

---

Non, c'est juste une forme raccourcie pour :

Code:

---

1 2 3 4 5 6

if(COND){ CODE1 } else{ CODE2 }

---

Code:

---

COND?CODE1:CODE2;

---

Mais dans le cas de l'exemple présent, je préfère encore la forme :

Code:

---

var target = event.target || event.srcElement;

---

Le "||"(ou non-exclusif) testant d'abord le membre de gauche, s'il est "vrai" le renvoit sinon renvoit le membre de droite.

Cette forme, bien que pouvant être dangereuse pour tester des objets qui pourraient valoir "faux" comme par exemple 0 ou "", je la préfère car je la trouve plus "lisible au premier regard".


edit: event.srcElement c'est l'équivalent pour IE de event.target pour tous les autres navigateurs. ;)

Oui je trouve ça plus lisible. Mais en fait je cherchais ce que voulait dire le "event.srcElement"

A tout hasard, dans ma fonction onclick, est-ce que je peux récupérer le dernier ID sur lequel j'étais ?

Au cas où tu étais déjà en train d'écrire ce message et que tu n'as pas vu l'edit de mon dernier message, l'explication du srcElement s'y trouve. ;-)

Quant à ta seconde question, oui (enfin si j'ai bien compris ta question) il suffit de faire :

Code:

---

var id_de_l_element_clique = target.getAttribute('id');

---

(avec la variable target initialisée comme dans le code de bovino avec event.target ou event.srcElement )

Non ça ne marche pas.

En fait j'ai un index alphabétique et si je clic sur une lettre, le background de la lettre obtient une image pour signaler que l'on se trouve bien sur la lettre cliqué.

Et lorsque je clic sur une autre lettre, vu que je fais tout avec ajax, je recharge pas les pages, je voudrais récupérer le dernier id sur lequel on a cliqué, pour lui enlever le background et mettre un background au nouveau.

ah si tu parles du précédent, (dernier, j'avais compris l'actuel) il n'y a pas de fonction javascript pour ça, tu dois le sauver toi-même lors du clique.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

var last_id; document.getElementById('conteneur').onclick = function(event){ var target = event.target || event.srcElement; if(last_id){ // enleve le background du précédent document.getElementById(last_id).style.backgroundImage = '...'; } // sauvegarde nouvel id last_id = target.getAttribute('id'); // ajout du background au nouveau document.getElementById(last_id).style.backgroundImage = '...'; };

---

Un truc du genre. ;)

Super merci, j'ai donc fais ça :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

var last_id; document.getElementById('indexAlpha').onclick = function(event) { // délégation d'évènement var target = event.target ? event.target : event.srcElement; // si il y a un id et si on clic sur une balise a if (target && target.tagName.toLowerCase() == 'a') { // enleve le background de l'id precedent if(last_id){ document.getElementById(last_id).className = ""; document.getElementById(last_id).background = ""; } // sauvegarde de l'id precedent last_id = target.id; // ajout le background de l'id en cours document.getElementById(target.id).className = "active";   ...   }

---