Discussion :

[Lareine]

Sinon conernant les 486, je me suis fourré dedans !
Je voulais parler des modèles 486, genre 486 SX25... Qui tournaient à... 25 Mhz.
Au temps pour moi.

Ouf! Tu fais bien de préciser !
J'allais prendre de mauvaises habitudes dans mon code, en pensant bien faire
pour la rapidité de navigations des mes visiteurs les moins bien équipés ...

vu que les questions de maintenance m'intéressent aussi, je prends la liberté de proposer mon grain de sel:

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
<script type="text/javascript"> 
 
var n = document.getElementsByTagName("*"); 
 
function actif(){
this.style.borderStyle="inset";
}
 
function inactif(){
this.style.borderStyle="outset";
}
 
for(i=0;i != n.length;i++){
	if(n[i].className=="bouton"){
		n[i].onmousedown=actif;
		n[i].onmouseup=inactif
		n[i].onmouseout=inactif
	}
}
 
</script>

Interessant :o !

Mais la tu utilise deux fonctions ....

Comment fais-tu pour déclarer actif et inactif dans:

Code :

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

1
2
}
window.onload = function(){?nom?de?fonction?()};

si tu l'utilise dans un *.js :o ?

Et ta ligne

Code :

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

var n = document.getElementsByTagName("*");

Ça veut bien dire que ça capture toutes les balises de la page ?
Ça ne risque t'il pas de pomper des ressources inutilement ???

[javatwister]

oui, j'utilise 2 fonctions... et non 4, comme toi!

j'évite de recopier des routines, c'est tout! donc, une seule boucle pour récupérer les balises à activer, quel que soit leur type; et une seule fonction pour les événements mouseup et mouseout;

le résultat n'est que 2 fois moins long, c'est sûr


pour le lancement, aucun problème si tu places le script en fin de page! (.js ou pas);
si tu es une fana du window.onload, inclus l'ensemble du code dans une fonction! ça ne change rien;

[Lareine]

Donc:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var n = document.getElementsByTagName('*'); 
 
function bordure(bouton){ 
  for(i=0;i != n.length;i++){ 
  if(n[i].className=='bouton'){ 
  n[i].onmousedown=function(){this.style.borderStyle='inset';} //Activé 
  n[i].onmouseup=function(){this.style.borderStyle='outset';} //Relaché 
  n[i].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone 
  } 
 } 
 
} 
window.onload = function(){bordure('bouton')};

ou avec mon code de départ à peine plus long ... :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function bordure(bouton) 
{ 
  boutons=document.getElementsByTagName('*') 
  for(b=0;b<boutons.length;b++){ 
  if(boutons[b].className==bouton){ 
  boutons[b].onmousedown=function(){this.style.borderStyle='inset';} //Activé 
  boutons[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché 
  boutons[b].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone 
  } 
 } 
} 
window.onload = function(){bordure('bouton')};

La question que je me pose, quel sont les dés/avantages du sélecteur universel ('*')
par rapport à la fonction de Mr N. en terme de charge processeur ???

[javatwister]

La question que je me pose, quel sont les dés/avantages du sélecteur universel ('*')
par rapport à la fonction de Mr N. en terme de charge processeur ???

fais des tests

[Lareine]

La question que je me pose, quel sont les dés/avantages du sélecteur universel ('*')
par rapport à la fonction de Mr N. en terme de charge processeur ???

fais des tests

Petit canaillou ! Tu n'en sais rien non plus :o !?

De mon coté je n'ais pas vue de différence notable, à part le faite que du
coup je peut utiliser la fonction pour quasiment n'importe quel balise:
<table> <td> <div> <a> <img> <p> etc ....

M'amuse comme une tite folle avec ce nouveau joujou * !

Bravo javatwister !
Quelle idée de génie d'utiliser le sélecteur universel !

Ça roule Impec sous IE, Opera et Firefox. Jespère juste qu'il n'y à aucun
soucis de compatibilité avec d'autres navigateur !?

[javatwister]

tu pourras pas avec IE 5.5; mais bon, on s'en fout hein!


pour tester, amuse-toi (mais c'est plutôt prise de tête) à évaluer le temps de traitement en plaçant 2 repères new date(), l'un en tête de fonction et l'autre à la fin;
une petite soustraction te donnera grosso modo la réponse pour ton système / ton navigateur;
et prends soin de charger au maximum la page avec des centaines de balises inutiles, sinon c'est pas drôle !

[Lareine]

tu pourras pas avec IE 5.5; mais bon, on s'en fout hein!

Oui et Non ! C'est possible qu'un visiteur surf avec la version
5.5 d'Internet Explorer à l'heure actuel ?!

pour tester, amuse-toi (mais c'est plutôt prise de tête) à évaluer le temps de traitement en plaçant 2 repères new date(), l'un en tête de fonction et l'autre à la fin;
une petite soustraction te donnera grosso modo la réponse pour ton système / ton navigateur;
et prends soin de charger au maximum la page avec des centaines de balises inutiles, sinon c'est pas drôle !

Ok! Vais essayer çà !