Bonjour,

Je découvre jQueryMobile et j'essaie de m'habituer à la logique de cette librairie et beaucoup de choses m'échappent encore. J'ai parcouru le web en long en large et en travers et je n'arrive pas à faire un système de navigation entre pages dont les pages partagent certains éléments (header, footer, divs).

Dans un monde où tout serait simple voici ce que je veux faire (j'ai essayé de prendre une syntaxe pseudo XML que j'espère lisible à défaut d'être correcte puisque justement je ne sais pas le faire) en évitant d'écrire du code deux fois :
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
16
17
18
19
20
21
<page_1>
 <header_commun>
  <onglet href=page1 /><onglet href=page2 />
 </header_commun>
 <content>
  <data_1 />
  <data_commune />
 </content>
 <footer_commun />
</page_1>
 
<page_2>
 <header_commun>
  <onglet href=page1 /><onglet href=page2 />
 </header_commun>
 <content>
  <data_2 />
  <data_commune />
 </content>
 <footer_commun />
</page_2>
Idéalement quand je clique sur l'onglet page1/page2 ça va à la bonne page grâce à data-role="navbar" en mettant le bon hashtag (ça j'y arrive à peu près).

Mais comment faire pour ne pas réécrire les parties communes (<header_commun>, <data_commune> et <footer_commun> dans mon exemple ?

Merci d'avance à vous tous pour vos lumières en espérant de ne pas poser une question de béotien.

Figogo