Discussion :

[MaxLaMenaX]

Bonjour,

J'ai pour but de développer une application Web, avec un bandeau "header", un pied de page "footer" statique ...

Et un menu vertical à gauche dynamique "menu", ainsi qu'un contenu "contents" dynamique...

Si je veux que lorsque je navigue sur ma web app, seuls les zones dynamiques soit rechargé, je suppose que la seule solution a utilisé est l'AJAX ?

Et aussi, si j'utilise struts et les balises "tiles" pour définir mes zones alors je ne dois pas utiliser de .css en définissant mes zones, puis en les accédant via la balise <div>...?

C'est soit l'un soit l'autre ?

Mon but étant que mes pages soit chargés le plus vite possible, et donc je suppose que ne rafraichir que la partie de la page qui a changé sera plus rapide plutot que rafficher tout meme les parties statiques ?

Merci pour vos conseils !

[Spiff__]

Salut,

Le fait d'utiliser tiles permet juste de ne pas avoir a faire plusieurs inclusion dans tes jsp, donc ta page se rechargeras quoiqu'il arrive.

Si tu veux recharger juste une partie, il faut avoir recours à de l'Ajax...

Bon courage.

[MaxLaMenaX]

Ok merci pour les details sur "tiles" ca mevitera de perdre mon temps a chercher la dessus ...

Par contre pour ajax, est ce que je peux mettre, enfin balancer une jsp dans un innerHTML ? ou meme une servlet ?

un lien ou j'explique un peu mieux mon probleme :

http://www.developpez.net/forums/d68...-divise-zones/

Merci pour ton aide !

[Spiff__]

Tient regarde ce tuto, il t'explique comment faire.
Même si c'est en PHP le principe reste le même.
http://siddh.developpez.com/articles/ajax/

[ArtoS]

Il me semble que le principal avantage de tiles réside dans la possibilité d'utiliser l'héritage. Cela permet de redéfinir le modèle de chaque page dérivant d'une page mère.

De plus, à ce que j'ai ouïe dire, cet héritage permet d'optimiser le temps de chargement des pages. Je m'explique :
Vous avez un ".main" qui mappe "index.jsp" contenant un en-tête, un menu à gauche, un footer, et un contenu.

Vous avez ".page1" qui hérite de ".main" et qui redéfinit la caractéristique ".contenu".
Vous avez ".page2" qui hérite de ".main" et qui redéfinit la caractéristique ".contenu" d'une autre manière.

Maintenant, si vous passez de page1 à page2, seul le contenu change et visiblement, le navigateur ne téléchargerait que cette partie modifiée et non pas l'intégralité de la page.

J'ai testé, ca semble vrai. Ill faudrait peut-être un benchmark pour être sur.

exemple :

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
 
<definition name=".main" template="/pages/index.jsp">
		<put-attribute name=".header" value="/pages/tiles/header.jsp" />
		<put-attribute name=".footer" value="/pages/tiles/footer.jsp" />
		<put-attribute name=".menu" value="/pages/tiles/menu.jsp" />
		<put-attribute name=".contenu" value="/pages/index.jsp" />
</definition>
 
<definition name=".page1" extends=".main">
		<put-attribute name=".contenu" value="/pages/faq.jsp" />
</definition>
 
<definition name=".page2" extends=".main">
		<put-attribute name=".contenu" value="/pages/accueil.jsp" />
</definition>

[mixouille]

Heu... Je me demande bien par quel miracle cela changerait quelque chose au niveau du rechargement côté navigateur. Tout cela se passant côté serveur, le navigateur reçoit quoi qu'il arrive un flux HTML, je ne vois pas ce que la méthode utilisée côté serveur change pour lui.