Discussion :

[Willpower]

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 :

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

1
2
3
4
5
6
if(COND){
  CODE1
}
else{
  CODE2
}

Code :

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

COND?CODE1:CODE2;

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

Code :

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

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.

[Johngtrs]

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 ?

[Willpower]

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 :

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

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 )

[Johngtrs]

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.

[Willpower]

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 :

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

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.

[Johngtrs]

Super merci, j'ai donc fais ça :

Code JavaScript :

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