Discussion :

[tomagold]

Bonjour,

Dans un projet, je souhaiterais pouvoir definir le positionnement ( ou focus ) d'une page, lors de son chargement.
Concrètement, j'ai un composant dans une page, dont l'action provoque le rechargement de la meme page, mais celle-ci est repositionnée en haut de page, alors que je voudrais qu'elle reste plus ou moins centrée sur mon composant.

J'ai essayé d'utiliser le composant "anchor" dans la palette des composants du VWP.
Puis j'ai defini une regle de navigation dans le fichier Navigation.xml : (Celle-ci est appelee a la fin du traitement de mon action par un return "caseanchor"; )

Code :

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

1
2
3
4
5
6
7
8
 
    <navigation-rule>        
        <from-view-id>/Mapage.jsp</from-view-id>
        <navigation-case>
            <from-outcome>caseanchor</from-outcome>
            <to-view-id>/Mapage.jsp#anchor1</to-view-id>
        </navigation-case>
    </navigation-rule>

Le resultat est que la page n'est pas affichée (mais a la place la page d'erreur "standard" de sun java system application server.
Il n'y a pas non plus de message d'erreur dans le log du serveur.

Quelqu'un a-t-il une solution??

[Valère]

Bonjour,

J'ai trouvé ceci dans les archives de la mailing list nbusers:

There is a DOM property, window.location, that you can set to name of an anchor. Doing this will cause the page to scroll so that the anchor is visible in the window. You need the javascript to be executed when the page is first loaded. An easy way to do this is to make it the value of the page component's "onLoad" property, e.g.

onLoad="window.location='#xxx'"

where "xxx" is the name of the anchor. You can of course set this property dynamically, such as in the action or valueChange event handler that are using to process events from the dropdown list.

Peux tu nous faire un feedback sur cette solution?

Valère

[tomagold]

Mon feedback...

Ca marche bien effectivement, mais le parametre onLoad a manipuler est celui du body et non de la page en elle meme Un petit exemple :

Code :

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

1
2
3
4
5
6
    public String button1_action() {
        // TODO: Process the action. Return value is a navigation
        // case name where null will return to the same page.
        getBody1().setOnLoad("window.location='#anchor1'");         
        return null;
    }

(le anchor1 en question est de type <webuijsf:anchor> disponible dans la palette de VWP.)

Bien evidemment, si le parametre n'est pas changé, tous les reloads sur la meme page s'ouvriront avec le focus sur le anchor1.

Sinon vous pouvez egalement definir le onLoad directement dans la page JSP, dans la balise body.

Un défaut tout de même : le focus ne "marche pas" lorsque le composant qui a provoqué le reload de la page n'est pas inclus dans la page : la vue se "débrouille" toujours pour que le composant soit inclus quitte à ne pas faire apparaitre le point ou est placé l'anchor... mysterieux!! (si je trouve une solution ou explication je la posterai

[Valère]

Merci pour ce feedback très instructif! Je tagge la discussion avec [FAQ] pour ne pas la perdre de vue!