[AJAX] Page "extensible" et ancres => d'affichage

Version imprimable

12/05/2009, 14h33
BSans

[AJAX] Page "extensible" et ancres => d'affichage

Bonjour à tous,

Je vous expose mon problème.

J'ai une page contenant un formulaire. Ce formulaire est "extensible" (comprendre : sur demande on peut y insérer un sous-bloc à volonté). De fait, la page peut à un moment devenir scrollable. Problème, IE a pas l'air de comprendre ça, et n'affiche donc pas l'ascenseur.

Ce comportement apporte un autre problème, la page pouvant être extrêmement longue, j'ai ajouté une ancre "haut de page". Mais quand je clic dessus et qu'il faut "vraiment scroller" pour remonter, sous IE le décorateur de ma page disparait (de l'affichage. Dans les sources il est toujours là).

Si vous avez des suggestions/éclaircissements/solutions, je suis à l'écoute.
13/05/2009, 10h47
lenetfm

Salut BSans
pour qu'on puisse vous aider veillez poster votre code c'est la meilleur chose à faire pour localiser ton probleme
:king:

Le code est conséquent... Et je ne peux pas diffuser exactement les sources (projet professionnel).

Ce que je peux dire, c'est que l'application se compose de la sorte :

la JSP qui génère quelque chose du genre :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
    <head>...</head>
    <body>
        <a name="top"></a>
        ...
        <div id="contenuDeBase">lecontenudebase(des tables)</div>
        <div id="extendedComponant"></div>
        <a href="javascript:chargerContenuAjax()">Ajouter sous-groupe</a>
        <a href="#top">haut de page</a>
        ...
    </body>
</html>

le code AJAX :

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
25
26
27
 
function chargerContenuAjax() {
    params =  "nbSousGroupeInt="+nbSousGroupe;
    params += "&action=ok";
 
    //params:
    //1- la page à charger
    //2- id destination
    //3- fonction a appeler quand la requête ajax est terminée
    //4- paramètres de la requête
    //5- mode false/true = synchrone/asynchrone
    appelAjaxAvecMethodeRetour("mapage.do", "extendedComponant", "traitementValidationAjax", params, true);
}
 
//traitement de validation des fonctions ajax
//param req
//param id
function traitementValidationAjax(req, id){
 
	//on recupere la reponse text et on la met dans 'document' pour pouvoir parser
	var tmp = document.createElement("div");
	tmp.innerHTML = req.responseText;
	document.body.appendChild(tmp);	
	var divVar = document.getElementById(id);
	document.getElementById(id).innerHTML = divVar.innerHTML + tmp.innerHTML;
	document.body.removeChild(tmp);
}

Le problème, c'est que ma JSP "principale" est composée d'un décorateur (comportant entre autre un menu flottant) et de l'inclusion des données.
La requête AJAX me renvoie la même chose que le contenu de <div id="contenuDeBase"> modulo le paramètre donné.
Et quand je clic sur l'ancre "top" pour remonter, le menu flottant disparaît.

13/05/2009, 14h36
BSans

Eh bien, je n'ai aucune explication "logique" à donner... J'ai juste englobé mes deux div dans une autre div avec comme attribut : style="width:95%".