Discussion :

[Christophe Charron]

Bonjour,

Je fais mes tests via chrome et lorsque je consulte la console, je constate une erreur, a priori non bloquante, lors de l'ajout d'un onglet.

En effet, de ce que j'ai lu et compris,
le second argument est l'url de la page à charger

Code :

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

$('#tabs').tabs('add',"1",'Caractéristiques du panneau Ouest');

or je n'en ai pas toujours.

Voir le l'ajout de texte (en l'occurrence les propriétés de l'objet) ici,http://test03.christophe-charron.org..._layout_03.php le code qui est invoqué par le clic sur le bouton "Caractéristiques du panneau Ouest"

Pour faire propre, j'aimerais ne pas avoir d'erreur. J'imagine que je peux intercepter l'erreur mais si je peux nativement écrire proprement, je préférerais ...

D'avance merci pour vos conseils

[danielhagnoul]

Bonjour

Dans la description de la méthode add() - .tabs( "add" , url , label , [index] ) -- le deuxième argument est un URL ou un fragment d'URL.

Dans le code source de la démonstration il s'agit de la partie hash d'une URL, en fait l'ID d'un volet : $tabs.tabs( "add", "#tabs-" + tab_counter, tab_title );.

Dans votre exemple de code, les derniers volets ne sont pas générés avec un ID correct.

Tous les volets d'un "tab" doivent avoir un ID constitué par un texte commun, un trait, un numéro d'ordre. Exemple : "tab-x" avec x allant de 1 à n.

Dans votre code je vois les ID "fragment-1" à "fragment-7" et ensuite deux ID "ui-tabs-2" et "ui-tabs-1". Les deux derniers devraient s'appeler "fragment-8" et "fragment-9".

[Christophe Charron]

Merci pour vos précieux conseils.
Vous avez anticipé sur la question que j'allais poser sur l'identification des éléments.

Les 2 pages d'exemples
http://test03.christophe-charron.org...bs_onglets.php
et
http://test03.christophe-charron.org..._layout_03.php
sont désormais codées en fonction.