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

jQuery Discussion :

charger une page html dans un div


Sujet :

jQuery

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 10
    Points : 9
    Points
    9
    Par défaut charger une page html dans un div
    sur le site sur lequel je travaille, j'aimerais qu'il n'y ai pas de chargement lors des clicks sur le menu.

    j'ai donc un simple
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <a href="toto.html"> test</a>
    <div id="content"></div>

    dans le head je met ce script la
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <script type="text/javascript">
    $(document).ready(function () {
     $("a").click(function(){
         //var target = '#'+ ($(this).attr('class'));
        $.ajax({
            url: ($(this).attr('href')),
    	cache: false,
    	success: function(c){	$("#content").html(c);}
    		});
    	});
    });
    </script>

    Mais voila, test.html s'affiche mais pas dans #content mais en _blank pour info dans test.html il y a un simple
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div>je teste</div>

    Je vous remercie par avance de m'aider. j'ai commencer jquery et javascript y'a 2 jours, mais me semble qu'il n'y a pas d'erreur

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour et bienvenue sur le forum

    Il faudrait aussi terminer le onclick par un Sinon, dans la foulée de l'appel Ajax, le href sera appelé, ce qui va provoquer un changement de page et donc annuler le résultat de l'appel Ajax.

    A+

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2004
    Messages : 10
    Points : 9
    Points
    9
    Par défaut
    merci, c'était tout bête mais les tuto que j'avais lu n'en mettait pas :/

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

Discussions similaires

  1. Réponses: 0
    Dernier message: 13/03/2010, 22h29
  2. [AJAX] Charger une page php dans un div
    Par drannh dans le forum Général JavaScript
    Réponses: 30
    Dernier message: 14/05/2008, 12h16
  3. (AJAX) charger une page aspx dans un div
    Par divinThomas dans le forum ASP.NET
    Réponses: 2
    Dernier message: 10/04/2008, 13h12
  4. Réponses: 2
    Dernier message: 09/02/2006, 17h27
  5. [HTML]ouvrir une page html dans une div
    Par Phenomenium dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 16/01/2006, 17h23

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