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 :

Navigation Ajax sans recharger la page.


Sujet :

jQuery

  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Avril 2010
    Messages : 2
    Par défaut Navigation Ajax sans recharger la page.
    J'ai suivis un tuto sur grafikart et voila les code :

    navigation.js
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
     
    /* ------------------------------------------------------------------------
    	Auteur: Jonathan Boyer
    	Version: 1.0.0
    	foncton: Permet une navigation Ajax entre les pages
    ------------------------------------------------------------------------- */
     
    /*
    Petit ajout par rappoirt au tutoriel :
    Un loader qui s'affiche pour indiquer le chargement d'un contenu
    */
    $(document).ready(function(){
    	$("#menu a").click(function(){
    		$("#top").append('<div class="loader"></div>'); // On ajoute le loader en haut
    		page=$(this).attr("href");
    		$.ajax({
    			url: "contenu/"+page,
    			cache:false,
    			success:function(html){
    				afficher(html);
    			},
    			error:function(XMLHttpRequest,textStatus, errorThrown){
    				afficher("erreur lors du chagement de la page");
    			}
    		})
    		return false;
    	});
    });
     
    function afficher(data){
    $(".loader").remove(); // On supprime le loader
    $("#contenu").fadeOut(500,function(){
    	$("#contenu").empty();
    	$("#contenu").append(data);
    	$("#contenu").fadeIn(1000);
    })
    }
    mes div dans mon index.php
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <div id="contenu" style="height: 274px">
    <div class="block_offert" style="left: 48px; top: 66px">
         <span class="txt_need_account">Besoin d'un compte ?</span><br>
         <span class="txt_offre">Vous devez posséder un compte pour accèder à cette section.</span>
          <div id="menu"><a href="create.php"><img  src="images/account_create.png"> </a> </div>
    </div>
    </div>
    Voila mon problème est que si je change : create.php pour create.html la le code fonctionne.

    Mais comme sa avec create.php j'ai une érreur popup windows qui s'appel avec '' error '' dedans. j'aimerais avoir de l'aide svp.

  2. #2
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Citation Envoyé par coolternet Voir le message
    J'ai suivis un tuto sur grafikart et ...
    ... et donc il serait plus judicieux de demander de l'aide à ceux qui ont publié le code (que je réutilise sans connaissances préalables des mécanismes du web).

Discussions similaires

  1. Réponses: 2
    Dernier message: 20/07/2015, 17h33
  2. Navigation entre les pages de site sans rechargement des pages
    Par la-ilaha-ila-allah dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 08/01/2014, 15h48
  3. [AJAX] Recharger un menu deroulant php sans recharger la page
    Par ns_deux dans le forum Général JavaScript
    Réponses: 25
    Dernier message: 22/07/2006, 15h59
  4. [C#][JS] Sur clic : message sans recharger la page
    Par FoxDeltaSierra dans le forum ASP.NET
    Réponses: 8
    Dernier message: 24/01/2006, 17h20
  5. Changer la police avec un select, sans recharger la page
    Par Netoman dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 30/12/2004, 18h07

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