Onglets dans un message (jQuery Tabs)

[Tsubasa~]

Bonjour!

Alors voilà, depuis un bout de temps maintenant j'essaye de mettre des onglets dans un message sans passer par un iframe ( pour des fiches de personnages prédéfinis). J'ai d'abord suivi ce tuto: tableaux à onglets mais sans succès ! Pourtant, j'ai suivi à la lettre le tutoriel et j'ai recommencé dix fois la manipulation mais bon...passons ! x)

J'ai ensuite trouvé sur un autre tuto qui correspondrait parfaitement à mes attentes: JQuery Tabs. Je suis a peu près sûre qu'il doit fonctionner sur forumactif...mais je suis assez confuse, notamment avec cette histoire de Jquery. Comment fait-on pour l'installer au juste ? Malgré mes tentatives personnelles et des recherches, je n'ai toujours pas trouvé la solution. >__<

Donc voilà, mon problème. Si vous avez une solution pour l'un ou l'autre des tutos,cela m'intéresse grandement 8D

Merci d'avance à la ou les personnes qui me répondront (:

[NatureSauvage]

Le Javascript ne fonctionne pas dans les messages. ^^

[Arlem]

Salut

Il faut que tu mettes le script jQuery dans :
Panneau d'administration => Modules => Gestion des codes Javascript.

Et le CSS dans :
Panneau d'administration => Affichages => Couleurs => Feuille de style CSS.

Et n'oublie pas d'activer le HTML dans les messages.

Normalement ça devrait fonctionner étant donné que le jQuery n'est pas inséré directement dans le message.

[Tsubasa~]

Bonjour (:
Tout d'abord merci pour ces réponses !

NatureSauvage>> étant donné que j'ai déjà vu le principe des onglets pour des fiches de présentations (donc sans iframe), je pense qu'il doit y avoir un moyen :'D

Hinus>> J'ai déjà testé cette méthode (d'ailleurs je viens de la tester à nouveau) et le JQuery ne fonctionne malheureusement pas ;;

Pourtant il s'agit simplement de celui du tuto:

Code:

jQuery(document).ready(function(){
 //if this is not the first tab, hide it
 jQuery(".tab:not(:first)").hide();
 
 //to fix u know who
 jQuery(".tab:first").show();
 
 //when we click one of the tabs
 jQuery(".htabs a").click(function(){
 //get the ID of the element we need to show
 stringref = jQuery(this).attr("href").split('#')[1];
 //hide the tabs that doesn't match the ID
 jQuery('.tab:not(#'+stringref+')').hide();
 //fix
 if (jQuery.browser.msie && jQuery.browser.version.substr(0,3) == "6.0") {
 jQuery('.tab#' + stringref).show();
 }
 else
 //display our tab fading it in
 jQuery('.tab#' + stringref).fadeIn();
 //stay with me
 return false;
 });
 
});

EDIT; Vraiment désolée de vous avoir dérangé ! Le code ne fonctionne pas dans la prévisualisation mais une fois posté cela fonctionne très bien xD Merci encore ♥

[Arlem]

J'étais en train de chercher d'où venait le problème sans comprendre, et après j'ai vu l'edit.
Content d'avoir pu t'aider.