richfaces+facelets : body onload

**linotte91** · 07/10/2009, 11h11

Bonjour,
En préambule, je précise que je ne peux pas fairede copier-coller de mon code (réseaux dev/internet séparés, enfin la galère quoi).
Toutes les pages ayant la même struture (entete, menu, contenu), j'utilise facelets.
Bon voilà, j'ai un template.xhtml du genre

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<html xmlns...>
<head>
...
<title><ui:insert name="title">undefined</ui:insert></title>
</head>
<body>
<f:view>
<ui:insert name="content"></ui:insert>
</f:view>
</body>
</html

et j'ai des pages disons page.xhtml du genre

Code :

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

1
2
3
4
5
<ui:composition template="/template.xhtml">
<ui:define name="content">
mon contenu
</ui:define>
</ui:composition>

Pour une des pages, j'ai besoin d'appeler une fonction javascript à moi.
Dans une page classique, je ferais

Code :

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

<body onload="mafunction()">...

où ma function est écrite dans un fichier javascript inclus précédemment dans les balises head.
Mais là, je ne sais pas comment faire.

Faut-il que je sorte <body><f:view>...</body></f:view> du template , et donc le re-écrire à chaque page et ainsi pouvoir utiliser la méthode classique du <body onload="mafunction()"> ?

J'ai regardé du côté de

Code :

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

<rich:jQuery selector="body" timing="onload" query="mafunction()">

, mais j'ai l'impression que ça ne me permet pas d'appeler mafunction car ce n'est pas une fonction de jquery core.

Une idée svp ?

**OButterlin** · 07/10/2009, 11h51

Je ne vois pas trop où est ton problème... j'ai peut-être mal compris...

Rien ne t'empêche de coder un truc dans ce genre dans le template

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
 
<html>
<head>
<script>
function pageLoaded()
{
   try { topLoaded();} catch (e) {}
   try { leftLoaded();} catch (e) {}
   try { bodyLoaded();} catch (e) {}
}
</script>
</head>
<body onload="pageLoaded()">
</body>
</html>

et dans tes pages, tu n'as plus qu'à mettre (ou non) la méthode qui correspond à la cible

**linotte91** · 07/10/2009, 14h10

Bon ben merci.

Ca fonctionne, comme quoi tu as bien vu ce que je voulais.
Mon problème étant mon manque d'expéreince en javascript, je n'ai pas pensé à exploiter try/catch.

richfaces+facelets : body onload

JSF Java

Vue hybride

Discussions similaires

Partager

Partager