Bonjour !!!
Je suis en train de faire un site internet, et j'y ai installé un livre d'or de ma composition (qui est un remake du livre d'or de matéo... Je crois même qu'à la base c'est un copié collé...)
Pour des raisons d'apprentissage, mon sujet pour la construction de ce site fut l'ajax... Ou du moins une petite application de l'ajax.
Et donc, vous pouvez vous rendre compte que j'y ai mis un peu d'ajax...
Mais ça, en fait, ça ne vous intéresse pas vraiment ! ;)
Non, la question pour laquelle j'ai besoin de vous, c'est celle ci :
Comment faire en sorte que lorsque l'utilisateur clique sur [envoyer], seule la division "corps" soit rechargée ? Sachant que la div "corps" est la div chargée d'inclure les autres pages (ici, il y a un include de la page livre_or.php)
Bon, je vous donne le lien de la page en question :
http://c-h-v.zzl.org/index.php?page=livre_or
La structure du site est très simple : elle fonctionne avec des includes. Et en fait, seule la division "corps" change en fonction de la variable obtenue par get.
Ce qui est extrêmement pratique quand il s'agit d'ajax. Comme ça, mon site reste parfaitement lisible, que javascript soit activé ou non... (vous pouvez faire le test si le coeur vous en dit ;) !)
Pour information, il y a une page livre_or.php, construite comme ceci :
<h1>Le Livre d'or</h1>
<blockquote>
<form action="index.php?page=livre_or" method="post">
<table border = "0" class="centre">
<tr>
<td class="droite"><strong>Pseudo :</strong></td>
<td class="gauche"><input name="pseudo" type="text" maxlength="40" /></td>
</tr>
<tr>
<td class="droite"><strong>Message :</strong></td>
<td class="gauche"><textarea name="message" rows="5" cols="60"></textarea></td>
</tr>
<tr>
<td colspan="2" class="centre"><input type="submit" value="Envoyer" /></td>
</tr>
</table>
</form>
</blockquote>
<!-- Si un message est envoyé, on l'enregistre -->
bidule chose
<!-- On écrit les liens vers chacune des pages -->
truc machin chouette
<!-- Maintenant, on va afficher les messages -->
patata
Autre info, les liens sont du types :
<a href="index.php?page=accueil" onclick="ajax_loadContent('corps','pages/accueil.php','index.php?page=accueil'); return false;">Accueil</a>
en premier, on donne le lien pour le cas où javascript est désactivé (href="le lien"), puis on fait l'événement onclick où on précise la div qui doit changer (chez moi, c'est la div "corps"), puis le lien vers vers la page à afficher...
Voilà, merci beaucoup de votre future aide ! :)
Pitouli
Configuration: Windows XP
Firefox 2.0.0.12