AJAX lien dynamique

3 novembre 2007 à 17:21:06

Bonjour tout le monde,

Je cherche à faire une messagerie interne à mon site.

Pour cela j'aimerai savoir comment on fait des liens fixes avec un affichage dynamique.

Je m'explique:

Une liste de lien style
<a>Lien 1</a>
<a>Lien 2</a>
<a>Lien 3</a>

et en dessus une div qui change en fonction du lien cliquer sans rechercher tout la page.

Quelqu'un peux-t-il me l'expliquer ou me rediriger sur un lien qui me l'expliquerai.

Merci D'avance

Yannuts

pablounet

3 novembre 2007 à 17:23:13

Euh je comprend pas franchemet ce que tu veux... lol

yannuts

3 novembre 2007 à 17:25:35

C'est un peu comme Outlook que je veux faire.

Un cadre avec tout les messages et quand on clique sur un message.

Il s'affiche dans un autre cadre inférieur (prévisualisation du message)sans recharger tout la page

C'est plus clair ???

pablounet

3 novembre 2007 à 17:28:16

a ok ba la je peux pas t'aider ... désolé

bloodydark

3 novembre 2007 à 19:02:48

Salut, tu peux utiliser simplement le JavaScript !

Pas besoin d'AJAX pour ça

Anonyme

4 novembre 2007 à 18:04:06

Eu simplement le javascript oO oui si il veut s'amuser à mettre toutes ses pages dans des variables js. (Vive l'utilisation inapropriée de ressources CPU)

Si tu veux un conseil, prend ajax. (js + php)

Voici tout simplement comment je procède :

Partie javascript

//Instance AJAX
function File(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
{
xhr_object = new XMLHttpRequest();
}
else if(window.ActiveXObject) // IE
{
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
return(false);
}
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
//Le serveur nous indique qu'il est prêt
if(xhr_object.readyState == 4)
{
return(xhr_object.responseText);
}
else
{
return(false);
}
}
function GetPage(page, div) {
var page = escape(page);
var result = file('getPage.php?p='+page);
document.getElementById(div).innerHTML=result;
}

Partie PHP
C'est très simple la partie javascript ouvre getPage.php
et lui donne comme paramètre p=accueil par exemple

Donc :

<?php
if(isset($_GET['p']))
{
$page = $_GET['p'];
if($page == 'accueil')
echo 'Voila la page d\'accueil';
}
?>

Et maintenant pour utiliser ce script :

<li onClick="getPage('accueil', 'content');">Accueil</li>
<div id="content">

C'est ici que s'afficheront mes pages web.
</div>

Voila qui devrait faire l'affaire (à tester !)