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] reexecuter javascript avec ajax


Sujet :

AJAX

  1. #1
    Membre averti
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Octobre 2011
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Octobre 2011
    Messages : 11
    Par défaut [AJAX] reexecuter javascript avec ajax
    Bonsoir,
    J'ai fait un site wordpress. Le changement de page se fait avec ajax (changement d'url). Je remplace le contenu d'un div par le contenu d'un même div sur une autre page.

    Tout fonctionne sauf qu'il ne me reprend pas les javascript entre les balises <script type="text/javascript"></script>

    Comment procéder ?

  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
    Le changement de page se fait avec ajax (changement d'url)


    S'il y a changement d'URL, ce n'est plus de l'AJAX...

    Pour le reste, ce serait sympa d'expliciter un peu plus (et accessoirement de jeter un coup d'oeil à la FAQ).
    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 averti
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Octobre 2011
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Octobre 2011
    Messages : 11
    Par défaut
    Je voulais dire sans changement d'url dsl.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <html>
    <body>
    <div id="Header">Lien01 lien02</div>
    <div id="Ajaxcontent">
    blablabalbalabla
    <script type="text/javascript">
    ...
    </script>
    </div>
    <div id="Content"></div>
    </body>
    </html>
    En gros j'ai une page avec un div #Ajaxcontent Quant je clique sur un lien l'url ne change pas mais le contenu du div est remplacer(avec wajaxisation.js). J'utilise un slider en javascript(sans jquery). Le javascript est placé dans la page en dessous du slider entre les balise <script type="text/javascript"></script>

    Le problème c'est qu'il n'est pas réinterpréter.

    Par exemple a un endroit du javascript j'ai cela:

    nbi=<?php echo ($i); ?>
    Sur la page1 qui contient 4 image il met sort nbi=4
    mais sur la page2 qui contient 2 image il met ressort nbi=4 au lieu de nbi=2

    Lorsque je change le contenu il devrai logiquement changer ce chiffre vu que la valeur de $i change en fonction des page (j'ai vérifier en l'affichant sur la page directement et la il n'est pas pareil. C'est donc uniquement dans le javascript que le changement ne se fait pas.

    quelqu'un saurai comment faire pour que le changement s'effectue aussi dans le javascript?
    Je m'excuse pour mon français pitoyable.

  4. #4
    Inactif  

    Homme Profil pro
    développeur Vala
    Inscrit en
    Février 2011
    Messages
    478
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : développeur Vala
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2011
    Messages : 478
    Par défaut
    Bonsoir
    pourrait tu poster tout le javascript et php ?

  5. #5
    Membre averti
    Homme Profil pro
    Intégrateur Web
    Inscrit en
    Octobre 2011
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Octobre 2011
    Messages : 11
    Par défaut
    bon concrétement j'ai ce code qui me permet d'avoir un changement de page sans la rafraichir. Je pars d'une page avec uniquement du texte et j'arrive sur une autre page qui contient un slider jquery. qu'est ce que je dois rajouter pour que le slider fonctionne sur la deuxieme page ? (si jouvre la page indépendamment le slider fonctionne très bien)
    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
    38
    39
    40
    41
    function ajax_page_advanced(ele,msg,url){ 
     $(ele).slideUp("slow", function(){ 
      $(ele).html(msg).show("slow", function(){ 
       $(ele).load(url+" "+ele, null, function(){ 
        var tampon = $(ele).html(); 
        $(ele).html(msg).hide("slow",function(){ 
         $(ele).html(tampon); 
         $(ele).slideDown("slow"); 
     
     
        }); 
       }); 
      }); 
     }); 
    } 
    /* Fonction de chargement ajax simple */ 
    function ajax_page(ele,msg,url){ 
     $(ele).html(msg).load(url+" "+ele); 
    } 
    /* Fonction de chargement ajax simple, mais avec un delai pour la demo */ 
    function ajax_page_delayed(ele,msg,url){ 
     $(ele).html(msg); 
     setTimeout(function(){ 
      $(ele).load(url+" "+ele); 
     }, 1500) 
    } 
     
    /* Une fois la page chargée */ 
    $(document).ready(function(){ 
     //Application du chargement ajax avec animation sur les liens ayant une classe "wajax" 
     $("a.wajax").click(function(){ 
      ajax_page_advanced('#main-content','<p style="text-align: center">Chargement ...</p>',this.href); 
      return false; 
     
     }); 
     //Application du chargemetn ajax simple sur tous les liens se trouvant dans le conteneur "menu1" 
     $("#menu1 a").click(function(){ 
      ajax_page_delayed('#main-content','<p style="text-align: center">Chargement ...</p>',this.href); 
      return false; 
     }); 
    });
    C'est pour un site wordpress. En gros je cherche a reporduir ce systeme d'ouverture d'article:

    http://themes.premiumpixels.com/?theme=garnish

Discussions similaires

  1. [AJAX] SELECT dynamique avec Ajax et Javascript
    Par staff85 dans le forum AJAX
    Réponses: 4
    Dernier message: 22/10/2010, 16h31
  2. envoie dynamique de javascript avec AJAX .NET
    Par kaskroute dans le forum ASP.NET Ajax
    Réponses: 2
    Dernier message: 21/10/2010, 09h12
  3. Envoyer un tableau javascript avec AJAX
    Par matteli dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 18/10/2008, 15h20
  4. Réponses: 3
    Dernier message: 02/08/2008, 21h36

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