Petite modif script onglets de EA

2 participants

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

Résolu Petite modif script onglets de EA

Message par AenigmA Jeu 6 Mar 2014 - 18:40

Bonjour à tous,

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

Petite modif script onglets de EA Retour10

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

AenigmA
Membre actif

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 Ven 7 Mar 2014 - 18:39

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

AenigmA
Membre actif

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

Ea
Aidactif
Aidactif

Messages : 23583
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 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

AenigmA
Membre actif

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