[RÉGLÉ] attribuer une couleur spécifique à l'onglet courant

[fkang]

Bonjour,

Pour une fois je vais faire court.

L'un de vous saurait-il comment je devrais procéder afin de mettre en avant l'onglet courant sur cette page avec un background-color différent ?

[kursus]

Re : attribuer une couleur spécifique à l'onglet courant

Salut,

L'onglet courant ne comporte pas de classe spécifique supplémentaire, donc en css et sans développement ça ne va pas être possible.
Tu as deux solutions pour moi :
- Vérifier dans les options du composant si il n'y a pas un truc du genre "highlight selected".
- Les onglets sont appelés en javascript, donc modifier légèrement le code (si il n'est pas obscurci) pour rajouter une classe lors du clic.

A+

[fkang]

Re : attribuer une couleur spécifique à l'onglet courant

Merci kursus pour cette réponse

Je suis en mesure d'ajouter des classes/id, mais il me manque le truc pour changer dynamiquement la classe suivant l'onglet courant.

[kursus]

Re : attribuer une couleur spécifique à l'onglet courant

mais il me manque le truc pour changer dynamiquement la classe suivant l'onglet courant.

Pourquoi as-tu besoin de ça ?

[fkang]

Re : attribuer une couleur spécifique à l'onglet courant

Il faut bien que j'arrive a distinguer les classes des liens (onglet) suivant la page courante. Pour y appliquer le style qui va bien.

[kursus]

Re : attribuer une couleur spécifique à l'onglet courant

Ha ok donc

Je suis en mesure d'ajouter des classes/id,

voulait dire "en css"...

Et oui comme je te le disais il faut modifier le javacript pour lui faire ajouter des classe. Poste la partie du script qui t'intéresse ici si il n'est pas crypté, sinon essaye de récupérer les sources.

[lefabdu51]

Re : attribuer une couleur spécifique à l'onglet courant

bah au plus simple crees la classe qui definit tes liens et pour distinguer l'item courant, utilise le pseudo selecteur :current. Il marches et se declare comme :hover.

[ghazal]

Re : attribuer une couleur spécifique à l'onglet courant

salut,
il y aurait une solution en JavaScript pour ce genre d'effet, mais il y a vraiment trop d'erreurs (cf Firebug) dues probablement à un mauvais placement de la librairie jQuery.

Je peux mettre à dispo cette soluce, mais comme tout ce qui touche au JavaScript est relativement délicat, il faudrait corriger ces erreurs.

com_events_booking et mod_xpertscroller sont jQuery-based, mais, probablement à cause d'un réglage de com_events_booking, mod_xpertscroller prend la précédence sur le placement de jQuery dans la head - et se retrouve placé après les scripts qui en dépendent, pas top.
En principe, la librairie jQuery devrait arriver avant même les 2 fichiers Mootools (core et more).
Il faudrait tester ce qui se passe en désactivant mod_xpertscroller

Autre chose, re com_events_booking :
l'onglet Pick dates
* affiche une erreur sur le texte (cf les fichiers .ini peut-être incorrectement renseignés)
* le bouton submit sur les dates ne fonctionne pas (peut-être en rapport avec les erreur JS précédemment indiquées)
* j'ai un bon copain vigneron plein de qualités (surtout son vin, lol) parmi lesquelles ne figure pas sa maitrise de l'anglais.
Une traduction des termes anglais de l'Agenda ne serait pas superflue.

[ced1870]

Re : attribuer une couleur spécifique à l'onglet courant

salut
effectivement, je suis de l'avis de ghazal.
Je pense qu'un simple truc (je clique -> enleve la classe sur les autres tabs + ajoute sur celle cliquée) devrait faire l'affaire.

[ghazal]

Re : attribuer une couleur spécifique à l'onglet courant

@ced
j'ai repris ta soluce sur le rel, pour que ce soit le moins intrusif possible.
On set le style et on ajoute l'event avec un morph sur l'opacity parce que l'hover en CSS ne fonctionne plus.

@fkang
Solution en JS :

http://jsfiddle.net/ghazal/chXGd/

Et il faut virer le background-color dans com_events_booking/templates/mTemplate/assets/css/events_booking.css:
#box-browse-events .section-tab-head a {
background-color: #B65C5C;

[fkang]

Re : attribuer une couleur spécifique à l'onglet courant

Merci pour votre aide
Je me suis tourné vers joomseller (développeurs du composant) et le problème venait de mauvais chargement de jquery.

@ghazal >> tiens tiens... un bon copain vigneron, cela m'intéresse .

[ghazal]

Re : attribuer une couleur spécifique à l'onglet courant

Morgon ?