Redirection Jquery onclick

Résolu/Fermé

Vitaly58 Messages postés 43 Date d'inscription samedi 2 avril 2011 Statut Membre Dernière intervention 15 novembre 2012 - 31 oct. 2012 à 20:34
Vitaly58 Messages postés 43 Date d'inscription samedi 2 avril 2011 Statut Membre Dernière intervention 15 novembre 2012 - 31 oct. 2012 à 23:13

Bonjour,

J'ai besoin d'utiliser jQuery pour faire une redirection lors d'un clic sur un lien.

L'idée est de faire exactement comme on pourrait le faire en javascript :

window.onload=function() {
document.getElementById("lien").onclick = function() {
document.location.href="https://www.toto.com/";
}; 
}

Sachant que mon lien a un id="lien", comment faire la même chose en jQuery ?

Je ne connais pas trop jquery donc j'ai d'abord mis ça dans le head : <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Ensuite j'ai essayé avec un code de type :

$("#lien").click(function()
    {
    window.location="https://www.toto.com/";
    });

Mais ça ne marche pas. Est-ce que quelqu'un sait comment faire ?

Merci

A voir également:

Jquery href onclick
Jquery link onclick - Meilleures réponses
Jquery on click href - Meilleures réponses
Html zoom image onclick ✓ - Forum Webmastering
Jquery refresh dom ✓ - Forum Javascript
Javascript afficher texte onclick - Forum Javascript
Img onclick href - Forum Programmation
Js function is not defined onclick ✓ - Forum Javascript

1 réponse

Réponse 1 / 1

DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
31 oct. 2012 à 21:11

Je pense savoir ou se situe le problème. Tu as fait "l'équivalent" en JS mais pas en jQuery

pour définir un évènement tu dois attendre le chargement de tes éléments HTML pour initialiser certaines méthodes.

il suffit de définir :

$(document).ready(function(){
       $("#lien").click(function() { window.location="https://www.toto.com/"; });
});

de cette manière ce que tu souhaite faire se réalise.

DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
31 oct. 2012 à 21:13

si tu souhaite créer ton élément #lien après le chargement du document il faudra utiliser cette syntaxe :

$(document).ready(function(){
       $("#lien").live('click', function() { window.location="https://www.toto.com/"; });
});

Vitaly58 Messages postés 43 Date d'inscription samedi 2 avril 2011 Statut Membre Dernière intervention 15 novembre 2012 19
31 oct. 2012 à 23:08

Bonsoir,

En effet, cela fonctionne parfaitement ! Merci, juste une dernière chose, est-il possible de faire la même chose sur plusieurs liens d'une même page en se basant non plus sur id="lien" mais sur class="lien" afin que tous les éléments qui ont la class lien soient pris en compte ?

Vitaly58 Messages postés 43 Date d'inscription samedi 2 avril 2011 Statut Membre Dernière intervention 15 novembre 2012 19
31 oct. 2012 à 23:13

J'ai trouvé :

$(document).ready(function(){
       $(".lien").click(function() { window.location="https://www.toto.com/"; });
});

Merci encore !

Discussions similaires

[PHP] Inserer balise href dans variable php

Href dans un div

[PHP] envoyer POST data avec <a href,,,>

Aide svp <a href><img></a>

lien href dans du code php

Lien HTML sur une image...