Ajouter du contenu à un tab

Version imprimable

29/09/2012, 19h24
Christophe Charron

Ajouter du contenu à un tab

Bonsoir,

en m'inspirant des exemples trouvés ici http://jqueryui.com/demos/tabs/ j'ai réussi a ajouter des tab et surtout à y insérer du contenu.
Mais je n'ai trouvé qu'une seule manière de faire, en complément de la méthode "add".

Or, je voudrais pouvoir mixer les types de contenus : aujourd'hui je souhaite insérer du texte mais également conserver la possibilité de passer une url. Le fait d'avoir "surchargé" la méthode "add" m'empêche désormais ce passer cette url.

Ici http://test03.christophe-charron.org..._layout_03.php un exemple.
Le premier bouton permet d'ajouter du texte et cela fonctionne. Le second bouton est censé ajouter un lien vers le site du journal "Le monde", mais cela ne fonctionne pas.

Est-ce possible ?
D'avance, merci pour vos suggestions.

Bonsoir

Je ne comprends pas bien la question et le code de votre exemple.

Mais voici un code qui permet d'ajouter du contenu au volet actif.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// Ajoute du contenu au tab actif
function addToTab( where, content ){
	$( "#tabs" ).children().not( ":first").each( function( i, item ){
		if ( ! $( item ).hasClass( "ui-tabs-hide" ) ){
			switch( where ){
				case "append" :
					$( item ).append( content );
					break;
				case "prepend" :
					$( item ).prepend( content );
					break;
				default :
					$( item ).prepend( content );
					break;
			}
		}
	});
}
 
// exemple : <button id="add_content">Add content</button>
$( "#add_content" ).on( "click", function(){
	addToTab( "prepend", '<a href="http://danielhagnoul.developpez.com/">Site web</a>' );
});

30/09/2012, 11h32
Christophe Charron

Bonjour et merci.
Bien que ma question n'ait pas été correctement formulée, votre réponse l'était elle.

Je peux, grâce à votre code, ajouter des types d'éléments différents dans mon onglet.

http://test03.christophe-charron.org..._layout_03.php

J'ouvre deux autres fils de discussion pour 2 problèmes connexes.