Webmaster Hub > Afficher masquer un div

Version complète: sur le forum Webmaster Hub : Afficher masquer un div

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > Scripts et utilitaires

Cleden

vendredi 3 février 2006 à 21:54

Salut,

J'ai trouvé un script permettant d'afficher / masquer un <div> en cliquant successivement sur un lien.

CODE

function display(calque)
{
document.getElementById(calque).style.display=document.getElementById(calque).style.display=="none"?"block":"none";
}

Avec le lien qui va avec

CODE

<a href="#" onclick="display('calque');">Afficher / Cacher</a>

Celui-ci fonctionne parfaitement mais j'aimerai le modifier légèrement pour qu'il:
- cache le <div> au chargement de la page
- afficher le <div> pour ceux ayant desactivé le javascript

J'ai pensé à modifier l'ordre des attributs de display mais ça ne fonctionne pas. C'est le troisième script dans ce genre que j'essaie et aucun ne m'a satisfait.

Quelqu'un pourrait-il me venir en aide ? Je suis une b.... en javascript
Loïc.

Vincent

vendredi 3 février 2006 à 22:24

Pourquoi ton div n'est pas affiché par defaut? tu l'a spécifié dans le CSS?
si oui, il suffit de l'enlever... sinon, c'est pas normal qu'un objet soit, par defaut, caché

Pour le cacher au chargement de la page, tu appelles ta fonction display('calque') sur l'evenement onload du l'element <body>

Cleden

vendredi 3 février 2006 à 23:00

CITATION(Vincent @ vendredi 03 février 2006, 22h24)

Pourquoi ton div n'est pas affiché par defaut? tu l'a spécifié dans le CSS?
si oui, il suffit de l'enlever... sinon, c'est pas normal qu'un objet soit, par defaut, caché

Non, c'est pas pour gruger, c'est pour ne pas encombrer ma page avec des élèments qui n'interessent pas tous mes visiteurs.
Un exemple: http://www.cap-sizun.com/cap,articles,deta...13h-sur-tf1.htm

CITATION(Vincent @ vendredi 03 février 2006, 22h24)

Pour le cacher au chargement de la page, tu appelles ta fonction display('calque') sur l'evenement onload du l'element <body>

Merci ça marche parfaitement. J'ai vu quelque part qu'on pouvait mettre onload au début du fichier javascript externe, il y a une différence avec le fait de le mettre dans le body ?

Merci beaucoup pour cette réponse et désolé de poser des questions qui peuvent paraitrent évidentes

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.