Petite modif script onglets de EA
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Petite modif script onglets de EA
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.
Merci à vous
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
Re: Petite modif script onglets de EA
Bonsoir,
Un petit up pour un bon week-end.
Un petit up pour un bon week-end.
Re: Petite modif script onglets de EA
Bonjour,
À cette ligne là on ajoute le bloc qui contiendra tout les onglets :
on peut très bien faire :
et modifier le CSS comme souhaité ( par exemple mettre le même code que .co-item )
Cordialement.
À 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
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Petite modif script onglets de EA
Purée ! que ça parait simple quand on te lit
Merci Etana, c'est super sympa, passe un bon week-end.
Résolu donc.
Merci Etana, c'est super sympa, passe un bon week-end.
Résolu donc.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum