Redirection Jquery onclick

Résolu
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 -
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

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.
3
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/"; });
});
0
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 ?
0
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 !
0

Discussions similaires

Créer un zoom image
alea31 -
paulineRipauste -

Bonjour,

je suis illustratrice et je crée actuellement un site internet pour présenter mes aquarelles.
Je souhaite créer des pages constituées sur la gauche de petites images de mes créations et sur la droite, d'un zoom accessible en cliquant sur les petites images. J'ai trouvé un site en flash qui utilise ce procédé: http://www.kimberlygrant.com/index2.php
Est-il possible de le faire sur Dreamweaver en html ?

Merci beaucoup

Aléa

10 réponses
Appeler une fonction php depuis un onclick
zakuli -
jordane45 -

Bonjour,

Dans le script ci-dessous, myfonction() n'est pas exécutée ! y a-t-il une erreur de syntaxe ou un autre problème ? Merci

4 réponses
Href/Onclick sur une image
Alex_Mansion -
tortue -

Bonjour,

J'ai ce morceau de code qui constitue une page php :



Cela m'affiche toutes les images présentes dans le répertoire "mes_smileys", et est censé mettre un lien sur chaque image qui renvoi vers une fonction JS.

Hors rien ne se passe du tout, je n'ai aucune clic sur mes images. J'ai essayé de passé aussi par l'évènement onClick mais c'est pareil rien ne se passe.

Comment puis je arriver à avoir une réaction au clic sur mes images ?

2 réponses
[javascript] onClick et function
hamzafes -
@lobotomix:~# rm -rf *\ -

Salam,

Ci-dessous un petit code Html contenant un petit script du langage javascript, en fait ce code réalise une opération trés simple:
dans la page il y a un bouton nomé "yes" en clickant dessus il sera remplacer par un autre bouton nomé "no" et vise-versa.


ça marche pour le premier click puis rien ne se passe et... je n'arrive pas à trouver le pb.





function yes()
{
document.write('');
}
function no()
{
document.write('');
}










Merci

Allah mo3ine

8 réponses
onclick sur php
nulenprogrammation -
nulenprogrammation -

Bonjour,

Bon alors je suis nouveau en programmation php et je veux intégrer sur un projet une galerie image ou les membres peuvent dire s'ils aiment ou non la photo ( un peu comme facebook ) sans actualiser la page et sans utiliser ajax donc j'ai pensé à une solution en php mais je veux savoir si on peut utiliser le "onclick" d'html avec du php par example :

7 réponses