Redirection Jquery onclick

Résolu/Fermé
Signaler
Messages postés
43
Date d'inscription
samedi 2 avril 2011
Statut
Membre
Dernière intervention
15 novembre 2012
-
Messages postés
43
Date d'inscription
samedi 2 avril 2011
Statut
Membre
Dernière intervention
15 novembre 2012
-
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:

1 réponse

Messages postés
417
Date d'inscription
lundi 26 novembre 2007
Statut
Membre
Dernière intervention
21 janvier 2013
27
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.
3
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41989 internautes nous ont dit merci ce mois-ci

Messages postés
417
Date d'inscription
lundi 26 novembre 2007
Statut
Membre
Dernière intervention
21 janvier 2013
27
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/"; });
});
Messages postés
43
Date d'inscription
samedi 2 avril 2011
Statut
Membre
Dernière intervention
15 novembre 2012
17
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 ?
Messages postés
43
Date d'inscription
samedi 2 avril 2011
Statut
Membre
Dernière intervention
15 novembre 2012
17
J'ai trouvé :
$(document).ready(function(){
       $(".lien").click(function() { window.location="https://www.toto.com/"; });
});


Merci encore !