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: