Onglets dans un message (jQuery Tabs)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Onglets dans un message (jQuery Tabs)

Message par Tsubasa~ le Mar 19 Juin 2012 - 16:24

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 (:





Dernière édition par Tsubasa~ le Mer 20 Juin 2012 - 17:14, édité 1 fois

Tsubasa~
**

Féminin
Messages : 59
Inscrit(e) le : 16/03/2010

http://tokyo-liar-game.forum-actif.net/
Tsubasa~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets dans un message (jQuery Tabs)

Message par NatureSauvage le Mer 20 Juin 2012 - 14:15

Le Javascript ne fonctionne pas dans les messages. ^^

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets dans un message (jQuery Tabs)

Message par Arlem le Mer 20 Juin 2012 - 14:57

Salut Smile

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. Wink

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets dans un message (jQuery Tabs)

Message par Tsubasa~ le Mer 20 Juin 2012 - 17:09

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 ♥

Tsubasa~
**

Féminin
Messages : 59
Inscrit(e) le : 16/03/2010

http://tokyo-liar-game.forum-actif.net/
Tsubasa~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets dans un message (jQuery Tabs)

Message par Arlem le Mer 20 Juin 2012 - 17:47

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

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum