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 :

Chargement de pages dans l'index AJAX [AJAX]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Février 2013
    Messages
    63
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Aube (Champagne Ardenne)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Février 2013
    Messages : 63
    Par défaut Chargement de pages dans l'index AJAX
    Bonjour à toutes et tous,

    Voilà j'ai un petit souci de script non fonctionnel en AJAX.

    Il s'agit d'afficher des fichier dans un dossier "modules/" dans ma page index mais sans chargement de page.

    Voici le script en question : page 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
    // Chargement des pages dans l'index
     
        $(document).ready(function(){
            $(".bodyBulle a").click(function(){
                $('.loading').hide();
                page = $(this).attr("href");
                $.ajax({
                    url: "modules/" + page,
                    cache: false,
     
                    befonreSend: function(){
                        $('.loading').show();
                    },
     
                    success: function(html){
                        afficher(html);
                        $('.loading').hide();
                    },
     
                    error: function(XMLHttpRequest, textStatus, errorThrown){
                        alert(textStatus);
                        $('.loading').hide();
                    }
                })
                return false;
           });
     
           function afficher(data){
                $(".contenu").fadeOut(500,function(){
                    $(".contenu").empty();
                    $(".contenu").append(data);
                    $(".contenu").fadeIn(1000);
                });
            }
        });
    Et voici le html si ça peut aider :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <div class="bodyBulle in1">
        <ul>
            <li><a href="creerentrep.php">Créer une entreprise</a></li>
            <li><a href="depotmarque.php">Déposer une marque</a></li>
            <li><a href="achatventeentrep.php">Acheter/Vendre entreprise</a></li>
            <li><a href="investir.php">Investir</a></li>
        </ul>
    </div>

    Et la div contenu :

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div class="contenu">
        <?php
        $module = (isset($_GET['p'])) ? strtolower(htmlentities($_GET['p'])) : 'accueil';
     
        if(preg_match("/^[a-z0-9\-]+$/i", $module) && file_exists('modules/' . $module . '.php'))
        include 'modules/' . $module . '.php';
        else
        include 'modules/404.html';
        ?> 
    </div>

    Je ne vois pas pourquoi ça ne fonctionne pas. Dans mon header, j'ai bien ajouté les lignes suivantes :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="includes/ajax/navigation.js"></script>

    Merci d'avance pour votre aide.

  2. #2
    Membre confirmé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Février 2013
    Messages
    63
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Aube (Champagne Ardenne)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Février 2013
    Messages : 63
    Par défaut
    Bon trouvé mais ce script pourrait servir à d'autres ^^

    en fait j'ai oublié de mettre $. devant ajax({ ^^

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

Discussions similaires

  1. Réponses: 0
    Dernier message: 24/04/2014, 15h13
  2. FrameKiller : Pb de chargement de pages dans une iframe
    Par olive_le_malin dans le forum Balisage (X)HTML et validation W3C
    Réponses: 0
    Dernier message: 28/05/2009, 15h32
  3. Enlever la numérotation en bas de page dans un index
    Par treent dans le forum Bibliographies - Index - Glossaires
    Réponses: 0
    Dernier message: 24/08/2007, 23h32
  4. Réponses: 1
    Dernier message: 23/08/2006, 09h26
  5. Attendre la fin du chargement de la page dans un WebBrowser
    Par core1 dans le forum Web & réseau
    Réponses: 5
    Dernier message: 15/06/2003, 04h12

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