IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] Ajax et onclick sur un href


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Novembre 2005
    Messages
    323
    Détails du profil
    Informations forums :
    Inscription : Novembre 2005
    Messages : 323
    Par défaut [AJAX] Ajax et onclick sur un href
    Bonjour

    Je bute sur ce problème:

    j'ai une fonction ajax qui me permet d'afficher une div affichant des éléments selon les paramètres envoyés.

    Jusqu'à présent ça fonctionne parfaitement avec un élt du formulaire select :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <select name="nbreRep" id="nbreRep" onchange="triRep()">
    <option value="5">lien 1</><option value="10">lien 3</>
    </select<
    Grace à l'évènement onchange j'appel une fonction triRep() contenu dans le code AJAX.

    mon problème actuelement c'est de mettre un évènement onclick="fonction()" exemple:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="page.php?tr=2" onclick="fonction()">lien</>
    et les résultats dans la fonction doivent s'afficher dans une div sur la même page.

    Mais quant on click au lieu d'afficher la page : page.php dans la div il ouvre pluto une autre page.

    Comment écrire ce lien pour faire appel à la fonction ajax?

    Merci de m'aider

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="page.php?tr=2" onclick="fonction();return false">lien</a>
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éclairé
    Inscrit en
    Novembre 2005
    Messages
    323
    Détails du profil
    Informations forums :
    Inscription : Novembre 2005
    Messages : 323
    Par défaut
    la page externe est toujours chargé.

    Je m'explique mieux

    dans la fonction AJAX la page appeler doit s'afficher dans une div avec id zone <div id="zone"></div>

    dans la fonction AJAX indique la DIV :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('zone').innerHTML...
    le lien est de la forme :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="page.php?rp=2" onclick="fonction();return false" id="LIEN">lien</>
    et la fonction AJAX recevant les paramètres:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var rp=encodeURIComponent(document.getElementById("LIEN").value)
    				xhr.open("GET","page.php?rp="+rp,true);
    				xhr.send(null);
    au clique une page externe s'affiche au lien de s'afficher dans la div ZONE

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var rp=encodeURIComponent(document.getElementById("LIEN").value)
    Tu récupères le value d'une balise <a>
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre éclairé
    Inscrit en
    Novembre 2005
    Messages
    323
    Détails du profil
    Informations forums :
    Inscription : Novembre 2005
    Messages : 323
    Par défaut
    je doit dire que j'ai pas bien compris ta dernière reponse.

    Oubien dois-je remplacer LIEN par la balise href ?? comment m'y prendre??
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var rp=encodeURIComponent(document.getElementById("LIEN").value)
    				xhr.open("GET","page.php?rp="+rp,true);
    				xhr.send(null);

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Une balise <a> n'a pas de value... si tu veux récupérer le href, c'est
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var rp=encodeURIComponent(document.getElementById("LIEN").href)
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] ajax et zone réactive sur image
    Par Raideman dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 28/11/2008, 11h19
  2. [AJAX] Ajax et z-index sur IE7
    Par whitespirit dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 29/07/2008, 23h11
  3. [AJAX] AJAX: effet de chargement sur formulaires
    Par nabab dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 21/09/2007, 18h25
  4. onclick sur a href avec redirection vers un autre fichier
    Par taka10 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 23/08/2007, 15h39
  5. [AJAX] Ajax en mode synchrone sur Safari
    Par The Blec dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 17/02/2006, 17h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo