Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter
Multi onglet en css sans recharger la page
Bonjour,
Je suis à la recherche d'un script permettant d'avoir plusieurs onglets et sans recharge de la page au survol de souris le contenu change.
Comme ce script :
http://www.johnstyle.fr/langage/java...ts-facilement/
Mais sans Javascript tout en CSS.
merci de votre aide.
Pas possible
Bonjour mims1664,
je ne pense pas que ce soit possible.
Je t'explique, en CSS tu peux gérer ce principe de menu avec le sélecteur ":hover". Ainsi lorsque tu passeras ta souris au-dessus de ton menu, tu pourras associer un style en particulier à lui ou à ses fils.
Il faudrait donc que chaque contenu (qui est largement plus grand que l'onglet) soit un fils de son menu respectif pour pouvoir l'afficher au survol de la souris. Ce qui me paraît très moche et difficile, voir impossible.
Pourquoi ne veux-tu pas utiliser de javascript ?
Thomas.
Salut,
Si tu veux quelque chose de portable tu es obligé d'utiliser du JavaScript !
Avec JQuery tu peux faire cela assez facilement...
Sinon il y a bien une solution utilisant les selecteurs des CSS3 : Un système d'onglet en CSS pure, mais cela ne fonctionnera pas sur tous les navigateurs...
a++
Bonjour adiGuba,
Il est sympa ce menu à onglet
J'avais oublié le selecteur :target.
Connais-tu d'autres scripts qui utiliserais ce selecteurs ?
Merci,
Thomas.
Il n'y a pas de scripts mais uniquement des CSSEnvoyé par Thoams
Sinon perso j'avais découvert cela via wikipedia, qui "colorise" automatiquement la citation lorsqu'on clique sur un renvoi en bas de page...
Le problème c'est que ce n'est pas supporté par IE, donc l'utilisation est limité à de petits effets...
a++
J'ai également vu qu'opéra n'était pas compatible.
Je pense que wikipédia a eu une bonne idée. Le navigateur a tendance à coller l'ancre en haut de l'écran, pourtant notre regarde se fixe par défaut au milieu de la page. C'est donc important d'attirer le regard sur le haut de la page à ce moment-là.
Merci,
Thomas.
Ok donc je vais essayer en Javascript avec JQUERY, as tu un exemples sous la main sur lequel je pourrais m'appuyer ?
Bonsoir mims1664 !
Si tu ne veux pas refaire la roue, tu peux utiliser domtab. Il est léger et le contenu de tes onglets est lisible même avec le javascript désactivé.
Si tu veux apprendre à le faire toi-même. Voici un tutoriel pédagogique pour faire un menu à onglet avec jquery.
A toi de choisir,
Thomas.
Super Thomas !
Parfait c'est exactement ce que je recherche !
Ca va me simplifier les choses ....
Merci beaucoup !
Répondre avec citation
Partager