ajax pour éviter rechargement de pages - HELP

Question

Bonjour,

Voilà je suis en train d'essayer d'intégrer dans les pages d'un site la technologie Ajax (que je ne connais personnellement pas :s ). Un ami m'a donné un script et m'a expliqué comment je devais faire pour qu'il fonctionne, car je suis limitée en temps et je n'ai pas le temps de voir les tutos (pas prévu à la base de faire ça :s)

donc je me tourne vers vous !

j'ai un fichier ajax.js (le fameux qu'on m 'a donné) qui contient ceci : 

      function link(url)

      {
              openurl(url, 'main');
      }
	  
      function openurl(url, into)
      {
              var xhr;
          try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
          catch (e)
          {
              try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
              catch (e2)
              {
                try {  xhr = new XMLHttpRequest();     }
                catch (e3) {  xhr = false;   }
              }
           }
       
          xhr.onreadystatechange  = function()
          {
               if(xhr.readyState  == 4)
               {
                    if(xhr.status  == 200)
                       document.getElementById(into).innerHTML=xhr.responseText;
                    else
                       document.write(xhr.status);
               }
          };
       
         xhr.open("GET", url,  true);
         xhr.send(null);      }


et une page index.php qui contient mes éléments fixes (à ne pas recharger) et un include de ma page accueil.php, la page par défaut. le problème c'est que cette page reste affichée, y compris quand je clique sur le lien qui doit m'amener sur la page presentation.php par exemple... Pourquoi ? :'(

Merci de m'aider si vous le pouvez, ça me bloque vraiment...

je suis à votre disposition pour tout renseignement supplémentaire (désolée, l'ajax j'y connais rien !!)

kaelhula · Answer

up !

Devilish · Answer

Bonjour, 
Je n'y connait pas grand chose aussi, mais les ID correspondent-ils dans ton code html?

kaelhula · Answer

petite précision : on dirait que le php contenu dans mes pages fait un peu tout buguer. Pourtant c'est un code qui fonctionnait parfaitement bien avant que je n'essaie de mettre ce système avec Ajax pour éviter le rechargement complet des pages..


need some help :'(

kaelhula · Answer

toujours pas ? (désolée je fais du forcing, mais je peux pas du tout avancer tant que j'ai pas résolu ce problème et je sèche vraiment !)

kaelhula · Answer

up :s

Devilish · Answer

Bonjour, 
Les paramètres sont ceux que utilisent ta fonction javascript.

Kitty-cat · Answer

Le point virgule manquant après la fonction javascript? Mais ca m'étonnerait que ca soit juste ça

kaelhula · Answer

non, j'ai essayé tout à l'heure (on a les idées en même temps semble-t-il :p ) mais ça ne marche quand même pas :s

Kitty-cat · Answer

Remplace ton href par un bouton ou tu déclencheras l'évènement sur un onclick ;)

Kitty-cat · Answer

vérifier que tu peux foutre un on click sur un href, ce qui m'étonnerait. Pour ça qe je te proposais un bouton. Et je veux bien voir le php. (En fait c'est à ça que j'pensais en parlant de script au départ ^^')

Kitty-cat · Answer

if (isset($_GET['largeur']) AND isset($_GET['hauteur'])) ==> if ((isset($_GET['Largeur'])) AND (isset($_GET['largeur'])))

echo " location.href=\"${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}"  ==> echo " location.href=".${_SERVER['SCRIPT_NAME']}? : ${_SERVER['QUERY_STRING']}." 

Ca m'a fait tiquer de le voir comme ça, d'où l'ortho que j'utiliserais ^^

Mais si ca marche tout seul...:/

Elle dit quoi la console d'erreur?

kaelhula · Answer

(pour le code php, je t'avoue que c'est un script que j'ai récupéré sur le net, mais il fonctionne sans problème donc...)

pour la console d'erreur (c'est la première fois que j'allais dedans Oo' ) elle me dit qu'il y a une erreur de syntaxe à l'appel de ma fonction visiblement, et elle me met une flèche verte sous ma parenthèse à javascript:link(

comprends pas :p

Kitty-cat · Answer

Ca aide à cibler le problème.

La console d'erreur dit quoi quand tu met un bouton?

kaelhula · Answer

elle me dit rien donc le bouton doit pas lui poser de problème (pourtant le lien sur le onclick est le même que celui du href... et que du onclick sur le <a>...) 

mais comment je peux faire mon lien sur une image sans passer par le bouton moi ?? :'(

kaelhula · Answer

Bon alors j'ao trouvé pourquoi j'avais pas mon appel de la fonction, j'avais des guilemets en trop. par contre, maintenant que mes images lancent bien ma fonction, j'ai toujours rien dans ma page qui s'affiche :s


ma page d'accueil reste toujours affichée et je ne passe pas sur l'autre page...

Kitty-cat · Answer

Si c'est sur une image, utiliser un bouton est pas gênant. Suffit que tu lui définisse en css que ce qu'il affiche, c'est justement l'image et pas un fond tout gris tout moche.

Et passe le nom du div où tu veux afficher ton script php en second paramètre de ta fonction ajax. ;)

kaelhula · Answer

j'ai résolu le problème image bouton plus haut, ça donne le même résultat. Par contre, mes pages s'ouvrent toutes dans mon div id="main", et ma fonction js est faite de telle façon que je n'ai pas besoin de le préciser : 

function link(url)

{
openurl(url, 'main');
}

function openurl(url, into)
{
var xhr; 



j'appelle ma fonction link ,et elle appelle openurl en lui précisant que c'est dans main donc...

par contre un truc bizarre, tiens je te file l'url du test de mon site (c''est moche c'est normal, hein !)
http://www.agence-pict.com/test/index.php

et en fait, regarde : quand tu cliques sur présentation, pas de changement, par contre quand tu cliques sur un lien de la rubrique image 3D (dans PAO j'ai pas encore fait les liens), le bandeau d'images change bien mais je garde en dessous ma page d'accueil avec les news.

Donc on dirait que mon lien m'ouvre bien mon bandeau d'images (c'est normal qu'il ne change pas dans présentation, c'est le même) mais ne m'ouvre pas la suite de ma page et me laisse à la place la page d'accueil (je sais pas si je suis très claire)


why ??

Kitty-cat · Answer

Fais un test en enlevant le include dans ton main. On sait jamais, c'est peut-être ça qui fait foirer.

Kitty-cat · Answer

T'as jusqu'à quand pour développer ça?

Parce qu'une solution pourrait être que tu fasses tout le contenu du site SANS l'ajax, pour adapter après, tu crois pas?

kaelhula · Answer

j'ai jusqu'au 26 avril, date de la fin de mon stage (ça approche à grand pas...) et en fait, le site techniquement il me reste pas énormément de trucs à faire dessus... mais je me dis que si j'arrive pas maintenant à l'adapter pour l'ajax, je vais pas y arriver plus quand je l'aurai fini...


ça me parait simple comme adaptation pourtant, mais je comprends vraiment pas ce qui bloque :s
si j'arrive pas à charger une simple page qui contient juste un include et du texte, je risque de galérer quoi...


:'(

kaelhula · Answer

Bon alors je ne sais pas pourquoi mais mon bandeau s'affiche bien dans ma section vidéos maintenant :s

reste donc à régler le problème de mon texte qui veut pas s'afficher quand il est dans un include (le texte de ma page présentation est dans un fichier news.php)

Kitty-cat · Answer

Pas forcément, l'ajax étant assez capricieux à faire tourner, mais une fois qu'il tourne, ca cartonne ce truc.

Pis 26 avril, ca laisse encore pas mal de temps. Etant au boulot actuellement, c'est pas top pratique pour pouvoir t'aider. J'suis en crous les deux prochaines semaines, ca pourra etre plus simple de t'aider à ce moment là. A toi de voir comment tu préfères faire :)

kaelhula · Answer

je voudrais pas non plus te réquisitionner pendant 3 semaines ^^

après c'est sûr que si tu peux m'aider, ça m'arrange bien entendu... 
en tout cas je vois ça que l'ajax est capricieux ! j'aurais pas pensé autant >.<

bon eh bien je m'en vais finir de faire ce que je sais faire, de toutes façons je l'avance en parallèle histoire de pas rester bloqué sur la même chose une semaine sans rien faire d'autre...


merci pour ton aide en tout cas, si tu t'ennuies la semaine prochaine pense à moi :p

et si d'autres gens ont des idées... je reste par là !!

kaelhula · Answer

up :p

Kitty-cat · Answer

Pour l'instant, rien trouvé, mais je continue de chercher.

T'as trouvé un truc de ton coté?

Ajax pour éviter rechargement de pages - HELP - Page 2

Discussions similaires

Newsletters