Lien vers une ancre ex�cute une fonction JavaScript

Version imprimable

02/04/2010, 22h48
bailamos

Lien vers une ancre ex�cute une fonction JavaScript
Salut tous le monde est t�il possible d�affecter une fonction JavaScript a un lien ancre
Code:

1 2 <a href="#mon_ancre">Aller vers l'ancre</a> <h2 id="mon_ancre">function mon_ancre </h2>
Et m�me en allant directement vers l�encre ex�cuter la fonction

Code:

<a href="index.html#mon_ancre">Aller vers l'ancre</a>

merci d'avance

J'ai pas bien saisi la question ...
Comme �a ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<body>
<a href="javascript:alert('je suis parti');javascript:self.location.assign('#mon_ancre');">Aller vers l'ancre</a>   
<script>
i=0
while(i++<50){document.write('<br/>')
}
</script>
<div id="mon_ancre">dd</div>
</body>
 
</html>

03/04/2010, 17h09
bailamos

merci mais je veux lier la function a l'encre et non pas au lien pour que meme les visiteur qui provient d'un autre lien pevent executer la function directement
merci
03/04/2010, 17h13
SpaceFrog

Desol� je n'ai toujours pas compris ...

Tu veux dire que lorsque la page de destinations s'ouvre �a doit lancer une fonction ???
Si c'est le cas, c'est sur le onload de la page de destination
03/04/2010, 17h17
bailamos

alors c'est dans onload je doit metre si ancre=f1 executer fonction1
03/04/2010, 17h27
SpaceFrog

on parle de quoi ? de quelle ergonomie ???
on reste sur la page ou pas ...
explique etape par etape le cheminement de l'utilisateur et le comportement attendu ...
03/04/2010, 17h51
bailamos
Code:

1 2 3 4 5 Index.html#function1 Index.html#function2 Index.html#function3 Index.html#function4 Index.html#function5
Quelle que soit la page ou se trouve ces liens ils doivent ex�cuter les fonctions sp�cifiques pour chaque lien.
Si on est dans index.html la fonction sera ex�cut�e sans recharger la page si c�est dans une autre page on va se diriger vers index.html puis ex�cuter la fonction ad�quate
Merci

je crois que tu n'as pas saisi la port�e de javascript ...
javascript n'existe que sur la page an cours...

si tu veux executer une fonction depuis un lien href il faut soit mettre javascript: dans le href soit passer par son onclick

pour ce qui est de lancer une fonction sur la page en y arrivant, c'est bien sur le onload qui'l faut lancer la focntion; masi il aura auparavant fallu parser l'url pour en recup�rer le param�tre que tu y auras pass� en get qui determinera la fonction � lancer

En mettant tout cela ensemble il faudrait en fait que dasn le head de ta page tu aies une fonction de routage avec en param�tre la fonction � passer.

genre:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function routage(func){ swicth(func){ case 1 : fonction1(); break; case 2 : fonction2(); break; case 3 : fonction3(); break; case 4 : fonction4(); break; } }
sur les liens de la page index tu peux ainsi appeler la fonction desir�e

Code:

<a href="javascript:routage(2) "..

ou

Code:

<a href="#" onclick="routage(2); return false;" >

Pour lancer la fonction � l'arriv�e sur la page �a va etre un peu plus funky
sur la page de depart tu passeras le param�tre de fonction dans l'url:

Code:

<a href="index.htm?truc=3" ...

et dans le onload tu recup�res le param�tre pass� en get ... voir dans la faq comment recup�rer un param�tre get dans l'url...
puis tu lanceras la fonction de routage

Citation:
Envoy� par SpaceFrog
je crois que tu n'as pas saisi la port�e de javascript ...
javascript n'existe que sur la page an cours...

si tu veux executer une fonction depuis un lien href il faut soit mettre javascript: dans le href soit passer par son onclick

pour ce qui est de lancer une fonction sur la page en y arrivant, c'est bien sur le onload qui'l faut lancer la focntion; masi il aura auparavant fallu parser l'url pour en recup�rer le param�tre que tu y auras pass� en get qui determinera la fonction � lancer

En mettant tout cela ensemble il faudrait en fait que dasn le head de ta page tu aies une fonction de routage avec en param�tre la fonction � passer.

genre:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function routage(func){ swicth(func){ case 1 : fonction1(); break; case 2 : fonction2(); break; case 3 : fonction3(); break; case 4 : fonction4(); break; } }
sur les liens de la page index tu peux ainsi appeler la fonction desir�e

Code:

<a href="javascript:routage(2) "..

ou

Code:

<a href="#" onclick="routage(2); return false;" >

Pour lancer la fonction � l'arriv�e sur la page �a va etre un peu plus funky
sur la page de depart tu passeras le param�tre de fonction dans l'url:

Code:

<a href="index.htm?truc=3" ...

et dans le onload tu recup�res le param�tre pass� en get ... voir dans la faq comment recup�rer un param�tre get dans l'url...
puis tu lanceras la fonction de routage
merci :ccool: