OVH Cloud OVH Cloud

Déclenchement d'une fonction javascript dans Href

9 réponses
Avatar
Franck DARRAS
Bonjour,

Je suis en train de développer un site Web et j'hesite sur la meilleur
méthode pour appeler une fonction javascript dans une balise href.

J'ai les deux possibilités suivantes :
<a href="javascript:function()"> Texte déclencheur</a>

soit :

<a href="#" onclick="javascript:function()"> Texte déclencheur</a>

Quelle est la meilleur solution ?

Merci d'avance

9 réponses

Avatar
Cenekemoi
Bonjour à Franck DARRAS qui nous a
Bonjour,

Je suis en train de développer un site Web et j'hesite sur la meilleur
méthode pour appeler une fonction javascript dans une balise href.

J'ai les deux possibilités suivantes :
<a href="javascript:function()"> Texte déclencheur</a>

soit :

<a href="#" onclick="javascript:function()"> Texte déclencheur</a>

Quelle est la meilleure solution ?


Celle-ci :

<a href="#" onclick="function();return false;"> Texte déclencheur</a>

--
Cordialement, Thierry ;-)

Avatar

Bonjour,

Je suis en train de développer un site Web et j'hesite sur la meilleur
méthode pour appeler une fonction javascript dans une balise href.

J'ai les deux possibilités suivantes :
<a href="javascript:function()"> Texte déclencheur</a>

soit :

<a href="#" onclick="javascript:function()"> Texte déclencheur</a>

Quelle est la meilleur solution ?


Aucune des deux !

<a href="erreur.htm" onclick="function(); return false;"> Texte déclencheur</a>

et on met une page expliquant l'erreur à ceux qui n'ont pas JavaScript
(ou mieux, une page qui pourrait remplacer la fonction)


--
******** (enlever/remove [OTER_MOI] du/from reply url) *******
Stéphane MORIAUX : mailto:
Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
http://perso.wanadoo.fr/stephane.moriaux/internet/
**************************************************************

Avatar
Cenekemoi

Bonjour,

Je suis en train de développer un site Web et j'hesite sur la
meilleur méthode pour appeler une fonction javascript dans une
balise href.

J'ai les deux possibilités suivantes :
<a href="javascript:function()"> Texte déclencheur</a>

soit :

<a href="#" onclick="javascript:function()"> Texte déclencheur</a>

Quelle est la meilleur solution ?


Aucune des deux !

<a href="erreur.htm" onclick="function(); return false;"> Texte
déclencheur</a>

et on met une page expliquant l'erreur à ceux qui n'ont pas JavaScript
(ou mieux, une page qui pourrait remplacer la fonction)


Yaouh ! Je t'ai grillé d'une minute...

--
Cordialement, Thierry ;-)


Avatar
KiWin
Bonsoir,

@SM nous racontait :

J'ai les deux possibilités suivantes :
<a href="javascript:function()"> Texte déclencheur</a>

soit :

<a href="#" onclick="javascript:function()"> Texte déclencheur</a>

Quelle est la meilleur solution ?


<a href="erreur.htm" onclick="function(); return false;"> Texte
déclencheur</a>

et on met une page expliquant l'erreur à ceux qui n'ont pas JavaScript
(ou mieux, une page qui pourrait remplacer la fonction)


J'ai pas vérifié, mais de mémoire ne me semble t'il pas qu'avec ce code
la page est la fonction ne sont elles pas toutes les deux appelées ?

KiWin

--
Attention ! Le gars qui vient de vous répondre
est atteint de complication aigüe !


Avatar
an.archi
Bonsoir,

@SM nous racontait :
<a href="erreur.htm" onclick="function(); return false;"> Texte
déclencheur</a>

et on met une page expliquant l'erreur à ceux qui n'ont pas JavaScript
(ou mieux, une page qui pourrait remplacer la fonction)
J'ai pas vérifié, mais de mémoire ne me semble t'il pas qu'avec ce code

la page est la fonction ne sont elles pas toutes les deux appelées ?


"return false;" permet d'empêcher ce que tu dis.


Avatar
KiWin
Bonjour,

an.archi nous racontait :

J'ai pas vérifié, mais de mémoire ne me semble t'il pas qu'avec ce
code la page est la fonction ne sont elles pas toutes les deux
appelées ?


"return false;" permet d'empêcher ce que tu dis.


Ah oui. Merci. ;)

KiWin

--
Attention ! Le gars qui vient de vous répondre
est atteint de complication aigüe !


Avatar

Yaouh ! Je t'ai grillé d'une minute...


Zrut alors !

(note que j'avais complété)



--
******** (enlever/remove [OTER_MOI] du/from reply url) *******
Stéphane MORIAUX : mailto:
Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
http://perso.wanadoo.fr/stephane.moriaux/internet/
**************************************************************

Avatar

Bonsoir,


Bonjour,

@SM nous racontait :

<a href="erreur.htm" onclick="function(); return false;"> Texte
déclencheur</a>

et on met une page expliquant l'erreur à ceux qui n'ont pas JavaScript
(ou mieux, une page qui pourrait remplacer la fonction)


J'ai pas vérifié, mais de mémoire ne me semble t'il pas qu'avec ce code
la page est la fonction ne sont elles pas toutes les deux appelées ?


Selon toute logique : non.
Pourquoi ? : annulation en JS du lien par le "return false"
Explication :
- si pas de JS activé : hop! chargement de la page du href
- si JS activé : hop! lancement de la fonction + annule href

--
******** (enlever/remove [OTER_MOI] du/from reply url) *******
Stéphane MORIAUX : mailto:
Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
http://perso.wanadoo.fr/stephane.moriaux/internet/
**************************************************************


Avatar
an.archi

Bonsoir,



Bonjour,


@SM nous racontait :


<a href="erreur.htm" onclick="function(); return false;"> Texte
déclencheur</a>

et on met une page expliquant l'erreur à ceux qui n'ont pas JavaScript
(ou mieux, une page qui pourrait remplacer la fonction)


J'ai pas vérifié, mais de mémoire ne me semble t'il pas qu'avec ce code
la page est la fonction ne sont elles pas toutes les deux appelées ?



Selon toute logique : non.
Pourquoi ? : annulation en JS du lien par le "return false"
Explication :
- si pas de JS activé : hop! chargement de la page du href
- si JS activé : hop! lancement de la fonction + annule href

C'est-y pas merveilleux ?! :)