Bonjour,

Via un appel d'une page php en ajax, je remplace le contenu d'une div par le résultat :

La structure :
Code : 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
 
ma page principale :
<div id="head"></div>
 
        <div id="page"></div>
 
        <div id="footer"></div>
Son css :
#page{
    margin:0;
    padding:0;
    border:0;
    width:100%;
    overflow: auto;
}
#head {width:100%;}
*{padding: 0; margin: 0;}
html, body{
   margin: 0px;
   padding: 0px;
   outline: 0px;
   height: 100%;
   width:100%;
}
Le code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
xhr = new XMLHttpRequest(); ....
var page = document.getElementById("page");
page.innerHTML = xhr.responseText;
Le souci, c'est que pour faciliter la navigation, je met parfois le résultat d'un header dans cette div :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
header("Location: https://.../welcome.jsp");
et deux problèmes surviennent parfois :
- La div "page" a beau être overflow:auto, elle se limitera en fait à la taille de départ du browser.
- Le header appelé via ajax a le même comportement qu'un appel direct via php, la redirection est faite réellement.

J'ai essayé de prendre la réponse XML et de récupérer la taille via DOM, mais ce sont des objets oNodes ... et xhr.responseXML.documentElement est null, bref l'impasse.

Un jeu sur le css me sauve pour certains cas, mais le plus problématique qui est celui de la redirection faite réellement n'est pas résolu.

any idea??

mageni