[AJAX] résultat de header dans div avec redimension dynamique
Bonjour,
Via un appel d'une page php en ajax, je remplace le contenu d'une div par le résultat :
La structure :
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
|
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:
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:
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
