Ajax bouton retour framework

**Abella** · 05/03/2009, 14h33

Bonjour les mecs.

Je suis désolée mais je ne parviens pas à rétablir le bouton retour sur mon site où j'utilise ajax malgrés les tutoriels.

Voila le code:

_______________________________________________________________

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  <head>
  <title>Conception, création de sites web et infographie sur Grenoble</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <link rel="stylesheet" media="screen" type="text/css; charset=utf-8" title="essai" href="css.css" />
 
<!--[if lte IE 7]>
 
   <link href="CSS2.css" rel="stylesheet" type="text/css" />
<![endif]-->
<SCRIPT language="JavaScript" ><!--if (document.images) {function bip(bipop){var cebip = document[bipop] ;cebip.play()}}--></script>
 
<script type="text/javascript">
 
function envoieRequete(url,id)
{
        var xhr_object = null;
        var position = id;
           if (window.ActiveXObject) { 
  try{ 
    xhr_object = new ActiveXObject("Msxml2.XMLHTTP"); 
  } 
  catch(e1) { 
    try{ 
      xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    catch(e2){ } 
  } 
} 
else if (window.XMLHttpRequest) { 
  xhr_object = new XMLHttpRequest(); 
}
        // On ouvre la requete vers la page désirée
        xhr_object.open("GET", url, true);
        xhr_object.onreadystatechange = function(){
        if ( xhr_object.readyState == 4 )
        {
                // j'affiche dans la DIV spécifiées le contenu retourné par le fichier
                document.getElementById(position).innerHTML = xhr_object.responseText;
        }
        }
        // dans le cas du get
        xhr_object.send(null);
}
</script>
 
 
 
 
</head>
 
 
<body onload="envoieRequete('chargacceuil.html','header');">
 
<div id="encadrement">
<img src="anim_ready.gif" id="camera"/>
<a class="ipod1" href="#" onclick="envoieRequete('blender1.html','header';"> <button style="width:130px; height:25px;cursor:pointer" >blender tutorials</button></a>
<a class="ipod2" href="#" onclick="envoieRequete('blender2.html','header';"> <button style="width:130px; height:25px;cursor:pointer" >tutoriaux blender</button></a>
<a class="ipod3" href="#" onclick="envoieRequete('blender3.html','header');"  >	<button style="width:130px; height:25px;cursor:pointer" >blender materials</button></a>
<div id="hboutons">	
<a class="hbouton1" href="#" onclick="envoieRequete('chargacceuil.html','header');"  >	<button style="width:120px; height:50px;cursor:pointer" ><p id="ban">Acceuil</p></button> </a>
<a class="hbouton2" href="#" onclick="envoieRequete('infographie1.html','header');"  >	<button style="width:120px; height:50px;cursor:pointer" ><p id="ban">Infographie</p></button> </a>
<a class="hbouton3" href="#" onclick="envoieRequete('webdesign.html','header');"  >	<button style="width:120px; height:50px;cursor:pointer" ><p id="ban">Webdesign</p></button> </a>
<a class="hbouton4" href="#" onclick="envoieRequete('contact.html','header');"  >	<button style="width:120px; height:50px;cursor:pointer" ><p id="ban">Contact</p></button> </a>
</div>
 
<div id="header" ><iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
</div>
<div id="minecran">       
<img src="diapo_droite1.gif"/>
</div>
</div>
 
 
</body>
 
<MARQUEE id="barette">Services en infographie 2D et 3D / Conception de sites web / Tutoriaux blender 3D</MARQUEE>
 
</body >
</html>

__________________________________________________________________

Pourquoi ça ne marche pas comme ça?

Je vous serais vraiment reconnaissante de m'aider

Le site:http://webgrenoble.110mb.com

**emmanuel.remy** · 06/03/2009, 18h29

Bonjour... la fille

,

Le code que tu utilises est un extrait de GWT réinjecté dans ta page (copier-coller ?).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>

Malheureusement les librairies JS de GWT ne sont pas incluses, et puis de toute façon a priori GWT n'a rien à voir, seul, la dedans ...

La problématique de la gestion du bouton BACK des navigateurs est réelle avec AJAX (il faut aussi prendre en compte la fermeture du navigateur qui perd toute trace des données associées à l'historique) et je te conseille d'utiliser dans un premier temps une librairie qui s'occupe de cela et uniquement de ça. Prends par exemple Really Simple History (RSH) que tu trouveras icihttp://code.google.com/p/reallysimplehistory/.
Pour info comme il n'y a pas n gestions possibles du BACK, ces librairies fonctionnement globalement pareillement...

ERE

Ajax bouton retour framework

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager