UI 1.8.15 Tabs : plus possible d'afficher le contenu Ajax dans la div de mon choix
Bonjour à tous
Tout d'abord je cite l'extrait de la doc jQuery UI sur lequel je m'appuie :
J'ai coloré en rouge la partie qui dit bien que l'on peut utiliser comme cible un conteneur existant.Ajax mode
Tabs supports loading tab content via Ajax in an unobtrusive manner.
The HTML you need is slightly different from the one that is used for static tabs: A list of links pointing to existing resources (from where the content gets loaded) and no additional containers at all (unobtrusive!). The containers' markup is going to be created on the fly:
<div id="example">
<ul>
<li><a href="ahah_1.html"><span>Content 1</span></a></li>
<li><a href="ahah_2.html"><span>Content 2</span></a></li>
<li><a href="ahah_3.html"><span>Content 3</span></a></li>
</ul>
</div>
Obviously this degrades gracefully - the links, e.g. the content, will still be accessible with JavaScript disabled.
Note that if you wish to reuse an existing container, you could do so by matching a title attribute and the container's id:
<li><a href="hello/world.html" title="Todo Overview"> ... </a></li>
and a container like:
<div id="Todo_Overview"> ... </div>
(Note how white space is replaced with an underscore)
This is useful if you want a human readable hash in the URL instead of a cryptic generated one.
Cela fonctionnait encore avec les versions
jQuery UI 1.8.6
jQuery 1.4.2
voir cet exemple : http://docs.jquery.com/UI/Tabs#Ajax_mode qui utilise les anciennes versions
Cela permettait de présenter la page comme on le souhaitait.
Le problème étant que cela ne fonctionne plus depuis plusieurs versions
Voici un exemple qui utilise le même code mais avec les versions :
jQuery UI 1.8.15
jQuery 1.6.2
http://www.lesalpes.mobi/test/tabs/1.8.15/tabs.php
et voici le HTML généré :
Comme on peut le constater, je me retrouve avec 2 div portant le même id, car une div a été créée à la volée par jQuery (voir ligne 20 et 27 du code ci-dessus)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
28
29
je ne peux plus présenter ma page comme je le souhaite.
Et, encore plus embêtant, je me retrouve avec 2 div ayant le même id...
Quelqu'un a-t-il une solution à me proposer ?
Bonne journée à tous.
Répondre avec citation
Partager