Page 1 sur 1

Verrouiller le menu comme sur Firebird Help

Publié : 22 sept. 2003, 14:15
par RNB
Bonjour à tous.

Un petit renseignement à demander (désolé si c'est déjà posté quelque part sur le site, je ne l'ai pas trouvé):

Comment fait-on pour obtenir un menu verouiller/déverrouiller comme sur Firebird help? Et ce que c'est ce qu'on appelle des iframes ?
C'est du code Html ? Gérer par css ? Ou est-ce du javascript ?

J'aimerai pouvoir intégrer cette proprio sur mon site, mais si cela fonctionne impec sur mon Moz 1.4 (Win et Linux), ca ne marche pas avec IE 5.5.
C'est normal docteur ? (si ca ne tenait qu'à moi, je m'en fxxxrait, mais bon, vu que 80% des internautes surf avec IE...)

Merci.

Publié : 22 sept. 2003, 18:20
par Benoit
C'est une simple feuille de style alternative ( http://texturizer.net/firebird/lockedmenu.css ). Mozilla (via le menu View > Use Style) et Firebird (dans les dernières nightlies ou avec l'extension Style Selector) permettent de changer manuellement de feuille de style, mais si tu veux que ça fonctionne également dans Internet Explorer il faut utiliser un javascript.

Celui de Firebird Help est visible ici : http://texturizer.net/firebird/styleswitcher.js

Pour la manière de le faire fonctionner, regarde le code source de la page, il s'agit de référencer les différentes feuilles de style dans les en-têtes de la page et de mettre un lien appelant le javascript pour basculer de l'un à l'autre.

Publié : 22 sept. 2003, 18:52
par Xanthor
Oui, le menu fixe (obtenu avec une propriété CSS) n'est compatible qu'avec les navigateurs recents.

Publié : 22 sept. 2003, 20:30
par Bobe
regarde le code source de la page en question, tout simplement

Javascript et css

Publié : 22 sept. 2003, 21:20
par RNB
Benoit a écrit : C'est une simple feuille de style alternative ( http://texturizer.net/firebird/lockedmenu.css ).
(...)
Celui de Firebird Help est visible ici : http://texturizer.net/firebird/styleswitcher.js
Impec.
Merci pour les liens.
Xanthor a écrit : Oui, le menu fixe (obtenu avec une propriété CSS) n'est compatible qu'avec les navigateurs recents.
Donc je vais devoir faire du javascript !....
Bobe a écrit : regarde le code source de la page en question, tout simplement.
Effectivement, oui, c'est ce que j'ai fait, mais je dois être un peu neuneu, parce que je n'ai pas vraiment compris le fonctionnement.

Avec les liens ci-dessus, ce devrait aller.

Merci.