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:

---

<a href="" onClick="toLink('suscribe');">c'est par ici</a>

---

Mon fichier js :

Code:

---

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

as -tu essayé :

Code:

---

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:

---

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.

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:

---

1 2	<a href="http://localhost/test/page/left_content/subscribe.php'" class='toto'>c'est par ici</a>

---

et en javascript

Code:

---

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:

---

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 :)

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 !