limiter le script

Version imprimable

limiter le script

Bonjour,

Je cherche à limiter ce script qui touche toutes les balises <a>.

Je voudrais qu'il soit plus sélectif, serait t-il possible d'ajouter une class ?

merci
Code:

1 2 3 4 5 6 7 8 9 <script type="text/javascript"> // <![CDATA[ function lien() { var liens = document.getElementsByTagName("a"); for (var i in liens) { liens[i].onclick = function() { window.open(this.href); return false; }; } } // ]]> </script>

Code:

1
2
3
4
5
6
7
8
9
function lien() {
    var liens = document.getElementsByTagName("a");
    for (i=0;i<liens.length;i++) {
    	alert(liens[i].flag)
    		 if (liens[i].flag=="1"){ 
     					 liens[i].onclick = function() { window.open(this.href); return false; };
   			 }
  		}
}

une boucle for in ne convient pas dans ce cas de figure ..

22/03/2007, 13h39
Diabless6

Oui mais je sais pas si ça répond à ma question ?

Mon menu est touché par le script alors que je ne veux pas.

Alors je pensais rajouter une class sur chaque lien ou je veux que le script intervienne.

Je crois que l'on peut rajouter la fonction dans un lien pour pas que le script touche aux autres liens ?
22/03/2007, 13h44
SpaceFrog

mets un flag dans les balises a et tu mets 0 pour celles que tu ne veut pas voir touchées et 1 pour celle que tu veux voir touchées ...

Code:

<a flag="0">lien</a>

ne sera pas impacté

Code:

<a flag="1">lien</a>

sera impacté
22/03/2007, 13h45
Diabless6

Et si j'oublie le flag que se passe til ?
Et le mot flag je peux le remplacer par un mot plus parlant ?
22/03/2007, 13h55
Diabless6

C'est pas très pratique comme ça. En plus ya une boite de dialogue qui n'arrête pas de venir !

On peut pas reprendre mon script et lui rajouté un "flag" ça serait mieux ?

lol flag est très parlant !!!
tu peux mettre:

Code:

<a hoOuiPrendMoi="0">lien</a>

Code:

1
2
3
4
5
6
7
8
9
 
function lien() {
    var liens = document.getElementsByTagName("a");
    for (i=0;i<liens.length;i++) {
    		 if (liens[i].hoOuiPrendMoi=="1"){ 
     					 liens[i].onclick = function() { window.open(this.href); return false; };
   			 }
  		}
}

22/03/2007, 13h58
Diabless6

Ha! oui biensure :mouarf:

C'est pas très pratique comme ça.

En plus ya une boite de dialogue qui n'arrête pas de venir !

On peut pas reprendre mon script et lui rajouté un "flag" ça serait mieux ?

attention toutefois ne fonctionne que sous IE

pour un truc cross browser il faudra passer par l'id qui sera alors reconnu par ffx...

Code:

1
2
3
4
<a id="lien_y_1">lien</a>
<a id="lien_n_1">lien</a>
<a id="lien_y_2">lien</a>
<a id="lien_n_2">lien</a>

Code:

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
  function lien() {
    var liens = document.getElementsByTagName("a");
    for (i=0;i<liens.length;i++) {
    		 if (liens[i].id.split('_')[1]=="y"){ 
     					 liens[i].onclick = function() { alert(); };
   			 }
  		}
}
</script>

22/03/2007, 14h00
Diabless6

Citation:

Envoyé par Diabless6

Ha! oui biensure :mouarf:

C'est pas très pratique comme ça.

En plus ya une boite de dialogue qui n'arrête pas de venir !

On peut pas reprendre mon script et lui rajouté un "flag" ça serait mieux ?

Ha ben non ! ça fonctionne sous FF aussi !:lol:
22/03/2007, 14h16
Diabless6

Je sais pas si c bien bon ça :

<a id="href="index.php?frame_a=accueil"" >Accueil</a>

mais c pas très jouissif ça ne marche pas :cry:
22/03/2007, 14h20
Diabless6

Oups je me suis peut être trompée d'endroit...

<a href="index.php?frame_a=accueil" id="yes" >Accueil</a>
22/03/2007, 14h29
Diabless6

ben ça marche pas :cry:

<a href="index.php?frame_a=accueil" id="lien_y_1" >Accueil</a>

et j'ai l'impression que tu fais dans la complexité.

ça serait ça mais juste avec le rajout id="lien" et op là c tout.
22/03/2007, 14h34
SpaceFrog

un id doit être unique sur la page donc tu ne peux pas avoir plusieurs balises avec le même id ...

Citation:

Envoyé par SpaceFrog

un id doit être unique sur la page donc tu ne peux pas avoir plusieurs balises avec le même id ...

ben alors on met class !
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"> // <![CDATA[ function lien() { var liens = document.getElementsByTagName("a"); for (var i in liens) { liens[i].class.onclick = function() { window.open(this.href); return false; }; } } // ]]> </script>
Sorry I am IN

Bon ça marche pas mais je suis pas loin...

22/03/2007, 14h39
SpaceFrog

oui mais il faudrait tester le className ...

remarque tu peux juste leur coller un name ...
et du coup tu boucle sur la collection

Code:

document.getElementsByTagName('hoOuiPrendsMoi')

:D J'ai le sourire au coin des lèvres :P :

Code:

1
2
3
4
5
6
 function lien() {
    var liens = document.getElementsByTagName("a");
    for (var i in liens) { if (liens[i].className == "lien")
      liens[i].onclick = function() { window.open(this.href); return false; };
    }
  }

merci:yaisse2:

cela focntionne c'est sur, cependant je deconseille deux choses ...

le var in liens ...
Code:

1 2 3 4 5 function lien() {var texte =""; var liens = document.getElementsByTagName("a"); for (i in liens) { texte+=i + " " + liens[i] + '\n' } alert(texte) }
il n'y a pas que les objets voulus dans la collection ...
lui préférer :
la boulce

Code:

for (i=0;i<liens.length;i++)

Ensuite en passant par le name il suffisait de recupérer la collection

Code:

getElementsBytagName

et donc plus de test if className== ,ni même if name==

Fuseau horaire GMT +2. Il est actuellement 10h27.