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

Bibliothèques & Frameworks Discussion :

La navigation ajax [Prototype]


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 20
    Par défaut La navigation ajax
    Bonjour,

    Je teste actuellement prototype pour apprendre un peu la programmation ajax.
    Bref je commence a peine que déjà ça bug ...

    J'ai dans mes pages des liens comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="" onClick="toLink('suscribe');">c'est par ici</a>
    Mon fichier js :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function toLink(page){
    	var url = 'http://localhost/test/page/left_content/'+page+'.php'
     	new Ajax.Updater('left_content',url, { method: 'post' });	
    }
    et donc ça n'actualise pas du tout ma div qui a comme id left_content
    Mon fichier prototype.js est bien chargé avant mon fichier de function. J'ai mis des alert pour tester, le script va bien dans la bonne partie de prototype.js mais ca ne charge pas le contenu, d'ailleurs un alert sur le responseText me renvoie du vide.

    J'ai également vérifié mon lien url qui est bon

    Je n'arrive pas à savoir ce qui cloche (je suis vraiment tout débutant donc j'espère que c'est pas une erreur trop bête :d )

    Merci d'avance

  2. #2
    Membre Expert Avatar de jeffray03
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2008
    Messages
    1 501
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Allemagne

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juillet 2008
    Messages : 1 501
    Par défaut
    as -tu essayé :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="" onClick="toLink('suscribe'); return false;">c'est par ici</a>
    dans ton fichier js n´as tu pas oublié une virgule?:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function toLink(page){
    	var url = 'http://localhost/test/page/left_content/'+page+'.php';
     	new Ajax.Updater('left_content',url, { method: 'post' });	
    }
    si cela ne marche fais nous signe.

  3. #3
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    Idéalement tu devrais éviter de mettre du javascript directement dans
    ton html et faire en sorte que ton site soit accessible sans javascript
    (pour éventuellement permettre aussi aux moteurs de recherche de
    référencer certaines parties).

    Voici une autre manière de gérer ton problème:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="http://localhost/test/page/left_content/subscribe.php'" class='toto'>c'est par ici</a>
    et en javascript

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    Event.observe(window, 'load', function() {
      $$('a.toto').each( function(e) {
        Event.observe(e, 'click', function(event) {
          Event.stop(event);
          new Ajax.Updater('left_content', this.href, { method: 'post' });
        });
      });
    });
    Et si tu goute à JQuery, ça donnerait qqch de ce genre:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    $(document).ready( function() {
      $('a.toto').click( function(event) {
        event.preventDefault();
        $('#left_content').load($(this).attr('href'));
      });
    });
    codes non testés

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 20
    Par défaut
    Merci à vos 2 réponses

    jeffray03 :
    Effectivement j'avais oublié stupidement un point virgule (j'ai beau être débutant c'est un raté ...) ca n'a pas corrigé le probleme par contre effectivement le return false a tout fait rentrer dans l'ordre.

    marcha :
    Merci pour tes conseils ... c'est sur que c'est mieux de proposer une alternative !

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

Discussions similaires

  1. [AJAX] Navigation ajax et include de <script>
    Par jejemo dans le forum AJAX
    Réponses: 2
    Dernier message: 15/06/2010, 09h26
  2. [AJAX] Navigation ajax d'une div ?
    Par jejemo dans le forum AJAX
    Réponses: 5
    Dernier message: 05/06/2010, 00h56
  3. Réponses: 2
    Dernier message: 12/01/2010, 13h53
  4. Réponses: 4
    Dernier message: 02/12/2009, 20h27
  5. [AJAX] navigation ajax (aide)
    Par speedylol dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 30/10/2006, 14h39

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