Tableau a onglet dans le message d'accueil

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

Résolu Tableau a onglet dans le message d'accueil

Message par Dekan le Mar 27 Mar 2012 - 11:53

Bonjour !
J'ai voulu installer un tableau a onglet grâce a ce tuto, tout marche bien, seulement il y a un effet que je voudrais enlever.
Quand on change d'onglet, le contenu de l'ancien va s'afficher sur le deuxième, et disparaitre progressivement.
J'aimerais juste que quand on change d'onglet, le contenu change aussi directement.
Forum : http://www.daewoon-flyff.com/

Javascript :
Code:
$(function(){
          var d=function(){if($(this).is(".selected")) return;var a=$(this).closest(".systab");a.find(".selected").removeClass("selected").filter(".content")[a.is(".sslide")?"slideUp":a.is(".sfade")?"fadeOut":"hide"](500);$(this).addClass("selected").data("content").addClass("selected").stop(!0,!0)[a.is(".sslide")?"slideDown":a.is(".sfade")?"fadeIn":"show"](500)};$("div.systab").each(function(){var a=$("> div",this).detach(),c=[],b;$(this).html('<div class="'+($(this).is(".sbottom")?"contents":"tabs")+'"></div><div class="'+($(this).is(".sbottom")?
        "tabs":"contents")+'"></div>');$(a).each(function(){b=$(this).children(":first");b.is("span")?(c=$(c).add($(b).addClass("tab").data("content",$(this))),$(this).addClass("content").data("tab",b)):$(this).remove()});$("> div.tabs",this).append(c);$("> div.contents",this).append(a);b=$(".content:first,.content.selected",this).last();$(b).addClass("selected").siblings().hide();$(b).data("tab").addClass("selected")}).on("click",".tab",d).filter(".shover").on("mouseenter",".tab",d)
        });
CSS :
Code:
        /* .systab .tab => les onglet */
        .systab .tab {
          padding: 0px 0px;
          color: #000;
          cursor: pointer;
        }
        /* .systab .tab:hover => les onglets survolés */
        .systab .tab:hover {
          color: #487f31;
          border-color: #487f31;
        }
        /* .systab .tab.selected => les onglets sélectionnés */
        .systab .tab.selected{
          color: #282828;
          background: none;
        }
        /* .systab .contents => les conteneurs des contenus associés aux onglets  */
        .systab .contents {
          margin-top: 1px;
          margin-bottom: 0px;
          color: #000;
          background: #fff;
       border-radius: 50px;
          border: 1px solid #000;
          padding: 0px;
        }
        /* style des onglets si ils sont à gauche ou à droite */
        .systab.sfloat .tab,.systab.sfloat .tab {
          display: block;
          margin: 5px;
        }
        /* flottement des conteneurs si les onglets sont à gauche où à droite */
        .systab.sfloat .tabs,.systab.sfloat .contents {
          float: left;
        }

Merci d'avance pour votre aide !


Dernière édition par Dekan le Mar 27 Mar 2012 - 17:53, édité 1 fois

Dekan
Nouveau membre

Messages : 24
Inscrit(e) le : 16/08/2011

http://daewoon-flyff.forumactif.fr/
Dekan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau a onglet dans le message d'accueil

Message par Ea le Mar 27 Mar 2012 - 15:46

Bonjour,


Dans le script :

Code:
[a.is(".sslide")?"slideUp":a.is(".sfade")?"fadeOut":"hide"](500)
C'est la partie pour cacher un contenu associé à un onglet.

"slideUp", "fadeOut" et "hide" c'est la façon de le cacher et le 500 le temps ( en milliseconde ) que ça prend.

Pareillement pour ;

Code:
[a.is(".sslide")?"slideDown":a.is(".sfade")?"fadeIn":"show"](500)
Qui est la partie pour afficher le contenu associé à un onglet.

Donc il suffit à la place des deux 500 de mettre 0 et ça devrait être instantané sans transition.

J'ai édité l'astuce pour rajouter cette option :
http://forum.forumactif.com/t310879-tableaux-a-onglets#2713127

Avec le nouveau script il faudrait donc mettre s_trans0 comme classe pour avoir un changement instantané.

( sinon j'ai aussi changer tout les sbottom, sslide, shover, ... en s_bottom, s_slide, s_hover, ... )

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

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

Résolu Re: Tableau a onglet dans le message d'accueil

Message par Dekan le Mar 27 Mar 2012 - 17:52

Merci beaucoup pour votre réponse rapide et claire, tout marche niquel !
Je met en résolu Wink

Dekan
Nouveau membre

Messages : 24
Inscrit(e) le : 16/08/2011

http://daewoon-flyff.forumactif.fr/
Dekan 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