Petite modif script onglets de EA

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

Résolu Petite modif script onglets de EA

Message par AenigmA le Jeu 6 Mar 2014 - 18:40

Bonjour à tous,

Je souhaiterai faire une petite modification sur ce script, en image c'est plus parlant.



Donc au début des onglets je voudrais rajouter un lien vers l'accueil du forum, un A majuscule ferait l'affaire, quel que soit l'endroit où l'on se trouve.


Code:


$(function(){
 
 /* variable temporaire */
  var t;
 
 /* liste des onglets avec les catégories en faisant partie */
  var onglets=  [

["Bavardage",[0], "Bienvenue à vous sur le forum, nous espérons que vous y trouverez des réponses à vos attentes. Pensez à vous présenter, ça vous habituera à communiquer."],
                          ["Aides",[1], "Tous ici, nous pouvons avoir besoin d'aide morale ou spirituelle. N' hésitons pas à demander et à nous aider, car aider l'autre, c'est s'aider soi-même."],
                          ["Sagesse",[2], "La spiritualité prend plusieurs visages, à chacun sa vérité. Réflexions, méditations et prières pour alléger le cœur et l’esprit."],
                          ["Lecture",[3], "La lecture, certaines précautions prises, est un des moyens de bonheur les plus éprouvés, disait Émile Faguet. Partagez vos lectures avec nous."],
                          ["Mystères",[4], "Toutes les histoires ont un fond de vérité, dit-on… Histoires surprenantes pour les uns, histoires vraies pour les autres, l’extraordinaire touche l’ordinaire."],
                          ["Médiumnité",[5], "Qu'est ce que la mort ? La réincarnation existe t elle ? Les voyages de l'esprit sur le fil des deux mondes."],
                          ["Parascience",[6], "Magnétisme, Reiki, lithothérapie, symbolisme, radiesthésie… tout se rejoint dans l’Énergie. Faisons-en le tour ensemble."],
                          ["Energie",[7], "Je ne comprenais pas vraiment comment on pouvait sentir des piccotements, des différences de tempèrature sur les mains quand on magnétisait ..."],
                          ["Histoire",[8], "Beaucoup de notre histoire repose sur des mystères liés à des souvenirs disparus, mais qui sont malgré tout dans notre inconscient collectif. Faisons en le tour."],
                          ["Forum",[9], "• Administration-Modération-Forum-Archives-Graphisme-Corbeille des posts devenus inutiles. •"],
                          ["Tout le forum",[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ],"Pour voir la totalité du forum sur une même page. Cela peut aider pour voir les nouveaux messages."]];
                          
 
 /* fonction pour sélectionner un onglet d'après une string s */
  var getOnglet= function(s) {
      var j;
      for(j=0;j<onglets.length;j++)
        if(JSON.stringify(onglets[j])==s) return onglets[j];
      return !1;
  };
 
 /* fonction pour voir si un index de catégorie i est dans un onglet d */
  var inOnglets= function(d,i) {
      var j;
      for(j=0;j<d[1].length;j++)
        if(d[1][j]==i) return !0;
      return !1;
  };
 
 /* onglet sélectionné par défaut */
  var songlet= onglets[0];
  /* est-ce que l'onglet sélectionné est sauvegardé d'un affichage de l'index à l'autre */
  var save= false;
  /* temps pour slider en ms */
  var timeslide= 800;
 
 /* récupération de l'onglet sauvé d'une autre fois */
  if(save && window.localStorage)
      if(t=localStorage.getItem("onglets"))
        if(t=getOnglet(t))
            songlet= t;
 
 /* entoure les catégories d'un <div class="cat-table" /> */
  $("th.secondarytitle").closest("table").wrap('<div class="cat-table" />');
 
 /* affichage de l'onglet en cours */
  $(".cat-table").filter(function(index) {
    return !inOnglets(songlet,index);
  }).hide();
 
 /* ajout du div des onglets */
  $(".cat-table:first").before('<div id="cat-onglets"></div>');

  
/* ajout des onglets dans le div */
  for(t=0;t<onglets.length;t++)
  {
      $("#cat-onglets").append('<div class="co-item'+(onglets[t]==songlet?' co-actif':'')+'" titre="'+onglets[t][2]+'">'+onglets[t][0]+'</div>');
  }





/* zone de tooltip */
$("#cat-onglets").append('<div id="co-tooltip"></div>');
 
/* tooltip au survol des onglets */
$("#cat-onglets").on('mouseover','.co-item', function(){
  $('#co-tooltip').text($(this).attr('titre'));
});
 
/* retrait tooltip quand on sort d'un onglet */
$("#cat-onglets").on('mouseout','.co-item', function(){
  $('#co-tooltip').text("");
});



 
 /* clic sur un onglet */
  $("#cat-onglets .co-item").click(function(){
      $("#cat-onglets .co-actif").removeClass("co-actif");
      $(this).addClass("co-actif");
      var o= onglets[$("#cat-onglets .co-item").index(this)];
      $(".cat-table").not($(".cat-table").filter(function(index) {
        return inOnglets(o,index);
      }).slideDown(timeslide)).slideUp(timeslide);  
     if(save && window.localStorage) localStorage.setItem("onglets",JSON.stringify(o));
  });
 
});

Merci à vous


Dernière édition par AenigmA le Ven 7 Mar 2014 - 20:11, édité 1 fois

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite modif script onglets de EA

Message par AenigmA le Ven 7 Mar 2014 - 18:39

Bonsoir,
Un petit up pour un bon week-end.

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Petite modif script onglets de EA

Message par Ea le Ven 7 Mar 2014 - 18:52

Bonjour,


À cette ligne là on ajoute le bloc qui contiendra tout les onglets :

Code:
$(".cat-table:first").before('<div id="cat-onglets"></div>');

on peut très bien faire :

Code:
$(".cat-table:first").before('<div id="cat-onglets"><a id="co-accueil" href="/">Accueil</a></div>');

et modifier le CSS comme souhaité ( par exemple mettre le même code que .co-item  )

Cordialement.

Ea
Aidactif
Aidactif

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

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

Résolu Re: Petite modif script onglets de EA

Message par AenigmA le Ven 7 Mar 2014 - 20:10

Purée ! que ça parait simple quand on te lit Smile
Merci Etana, c'est super sympa, passe un bon week-end.
Résolu donc.

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA 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