[Yahoo UI] Onglet dans une fénétre (like new Yahoo Mail)

[croc14]

Boujours et bonne année au passage.



Je souhaite réaliser un programme et j'aurais besoin de créer une zone dans ma page où il y aurait plusieurs onglets et où on pourrait en ajouter en fonction de ce que l'on fait.

Pour préciser mes dires, un système comme le nouveau yahoo mail.

Je ne sais pas exactement comment c'est programmer, et je ne sais même pas si c'est du java script.
Si quelqu'un a des pistes, car même pour chercher sur internet, quant je tappe onglet je tombe sur des onglets dans le navigateur et c'est pas ca que je veux.

Merci

[dam_moreyllo]

Bonjour !
En fait les onglets, c'est un mix de html, css et javascript
C'est un petit peu compliqué à mettre en place. Donc si tu veux tu peux regarder du côté des librairies javascript du style dojo, GWT, ...

Pour expliquer le principe en gros :
- Dans le HTML, par exemple, tu a en premier les divs contenant les titres des onglets et ensuite les divs des contenus de TOUT les onglets
- en CSS tu rend invisible tout les divs des onglets sauf le premier évidemment
- et en JAVASCRIPT, quand tu clique sur un titre d'onglet, tu cache l'onglet qu'était visible, et tu rend visible celui qui correspond au titre.

Voila. J'ai trouvé cette page (en anglais) qui a l'air d'expliquer comment faire : http://jon.hedley.net/html-tabbed-dialog-widget

[dingoth]

Euh, y'a même pas besoin de JavaScript (pour Firefox du moins) : http://daniel.glazman.free.fr/weblog/targetExample.html Si ce doit être utilisable sur IE également, une recherche de google sur ":target css IE" devrait rendre la chose accessible à ce navigateur.

[sekaijin]

l'exemple : http://jeanyves.terrien.free.fr/DomTabs.html
la discus
http://www.developpez.net/forums/sho...d.php?t=226383

A+JYT

[croc14]

Merci c'est ca que je cherchais !!!!



Désolé pour le dérangement !!!

[croc14]

J'aurais une question a propos de ton code (comme je ne sais pas si je peux te les poser la bas !!!)

Code :

1
2
<div id="orphelin" class="tab" style="display: none;">un div attaché dynamiquement</div>
      <button onClick="document.getElementById('tabgroup1').firstChild.createTab(document.getElementById('orphelin'));this.style.display = 'none'">ajouter orphelin</button>

Ceci nous permet d'ajouter un onglet. Mais est ce que l'on peux ajouter des onglets de facon infini (pas réellement infini, mais a volonté !!!!).

[dingoth]

À priori oui, pour autant qu'ils aient un identifiant différent à chaque fois.

[sekaijin]

la réponse est oui il suffit que tu ais les dic contenus adéquat soit qu etu en crée autant que necessaire avant d'appeler la methode.
A+JYT