[PHP-JS] Rechargement de page/Conservation d'information

Version imprimable

05/11/2007, 12h27
Orbiplanax

[PHP-JS] Rechargement de page/Conservation d'information

Bonjour,

L'application que je suis entrain de modifier possédait un menu visible dans toute l'application ou tous les items étaient toujours affichés.
J'ai donc rajouté devant mes éléments de menu des + et - géré en javaScript pour masquer ou afficher certaines parties du menu.

Jusque la tous vas bien ...

Le problème arrive lorsque l'utilisateur change de page. Le menu est rechargé et l'utilisateur se retrouve avec tous les éléments du menu affichés.
Je ne pense pas pouvoir utiliser ni formulaire ni get ni session car l'état du menu est modifier du coté client.

Est ce que quelqu'un voit une solution?

Désolé, je n'ai pas vraiment trouvé d'endroit adéquate pour poser cette question.
05/11/2007, 14h28
batataw

Malheureusement tu vas etre obligé d'informer le server de l'etat du menu puisque c'est lui qui contruit la nouvelle page à afficher chez le client.
A mon avis tu devrais utiliser les Sessions et Ajax.
05/11/2007, 17h41
Orbiplanax

Merci beaucoup...

J'avais oublié l'AJAX pour modifier les variables de session. c'est une très bonne piste :)

Je vois comment appeler ma requête en ajax. je le fait à chaque fois que je click sur le plus ou le moins. J'apelle une page action.php qui modifie ma variable de session. Mais ce que je ne vois toujours pas c'est comment transmettre à ma page action.php l'état de mon menu.
Pour l'instant j'utilise c ecode : "xhr.open( "GET", "action.php",true)" Mais ca n'envoie pas d'informations sur le menu.

Merci d'avance
05/11/2007, 22h56
batataw

Je ne sais pas si ca marcheras mais tu pourrais mettre le menu dans un DIV et poster ce DIV via un appel Ajax.

Sinon si tu sais comment est programmé ton menu tu pourrais juste poster les informations sur les noeuds ouvert et les noeuds fermés (+/-).
Un truc du genre le Menu 2 Sous-Menu 3 est ouvert.

Autre possibilité mettre ton menu dans une IFRAME comme ca il ne se raffraichi jamais mais je ne sais pas si ton site le permet.

Merci beaucoup à toi une fois de plus :)

J'utilise une ligne dans ce genre :

Code:

xhr.open( "GET", path_ajax+"etatmenu.php?idmenu="+iddiv+"&action=masque",true)

je passe en paramètre de l'URL les parties du menu à cacher ou afficher.

Ca marche bien. Par contre désolé d'abuser de votre temps. Mais je ne fait pas trop d'ajax et je me demandais si le code suivant était correcte. Il marche mais je ne détruit jamais mes objets XMLHttpRequest.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function aff(iddiv,path_ajax)
{
   document.getElementById(iddiv).className='visi';
 
   if (window.XMLHttpRequest)
        xhr = new XMLHttpRequest();
    else {
       if (window.ActiveXObject){
          xhr = new ActiveXObject("Microsoft.XMLHTTP");
       }
    }
    xhr.onreadystatechange  = function()
    { 
         if(xhr.readyState  == 4)
         {
              if(xhr.status  == 200) 
                 alert("Received:"  + xhr.responseText); 
              else 
                 alert("Error code " + xhr.status);
         }
    };
    xhr.open( "GET", path_ajax+"etatmenu.php?idmenu="+iddiv+"&action=affiche",true)
    xhr.send(null);                 
}

06/11/2007, 11h51
batataw

Pour etre honnete je ne m'en suis jamais trop soucié car j'utilise prototype.js pour faire mes appels Ajax, de plus Javascript etant un langage de script je ne sais pas trop commnent il gere ses objets en memoire. Mais je suis sur qu'il doit y avoir plein d'infos la dessus sur le web.
06/11/2007, 12h20
Orbiplanax

Ok, merci beaucoup je vais continuer à chercher. Mais aparament tu nest pas le seul à pas t'en soucier...

Merci pour l'info. prototype.js. Je vais regarder ce que je peut en faire
06/11/2007, 13h50
batataw

C'est une grosse librarie javascript qui peut faire beaucoup de chose, focalise toi juste sur Ajax.

Je ne connais pas cette librarie mais on m'a dit beaucoup de bien de JQuery