Lien vers une ancre exécute une fonction JavaScript

**bailamos** · 02/04/2010, 22h48

Salut tous le monde est t’il possible d’affecter une fonction JavaScript a un lien ancre

Code :

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

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 :

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

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

merci d'avance

**SpaceFrog** · 03/04/2010, 16h43

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

Code :

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

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>

**bailamos** · 03/04/2010, 17h09

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

**SpaceFrog** · 03/04/2010, 17h13

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

**bailamos** · 03/04/2010, 17h17

alors c'est dans onload je doit metre si ancre=f1 executer fonction1

**SpaceFrog** · 03/04/2010, 17h27

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 ...

**bailamos** · 03/04/2010, 17h51

Code :

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

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

**SpaceFrog** · 03/04/2010, 19h17

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 :

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

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 :

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

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

ou

Code :

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

<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 :

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

<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

**bailamos** · 04/04/2010, 01h24

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 :

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

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 :

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

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

ou

Code :

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

<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 :

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

<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

Lien vers une ancre exécute une fonction JavaScript

JavaScript

Discussions similaires

Partager

Partager