Petite aide HTML?

3 ⤊

Bonjour : je dois créer une page html mais le contenu étant trop grand j'aimerai pouvoir faciliter la vue :
Pour cela j'aimerai créer par exemple trois gros titres :
TITRE1
TITRE2
TITRE3
Et lorsque l'on clique sur TITRE1 : il apparaissent en dessous les sous chapitres ...
ex : TITRE1
-------------chapi1
-------------chapi2
TITRE2
TITRE3...

Comment appelle-t-on cela ? quelles balises sont nécéssaires ?
Je vous remercie pour vos réponse , en espérant que cela soit assez clair !

2007-08-07 22:25:25 · 8 réponses · demandé par SySSy 4 dans Informatique et internet ➔ Programmation

8 réponses

y'en a qui racontent n'importe quoi...

Alors tout simplement, il faut 2 "technologies" : le javascript et le css.

Le principe "simple" et qui suffit quand il s'agit d'afficher automatiquement des liens : tu charges tous les liens avec la mise en forme que tu veux. Une fois que c'est chargé, tu caches les parties que tu veux cacher, et quand l'utilisateur clique, tu l'affiche.

Tu fais ça comme ca par exemple

TITRE1

-------------chapi1
-------------chapi2

TITRE2
TITRE3...

le onclick permet d'executer du javascript au moment ou tu cliques sur quelque chose.
ici, tu récupères un élément de ta page html que tu as défini par son id. Ensuite, tu modifies ses attributs style.

Visibility : etre affiché ou non
Display : concerne la "place" occupée, si tu mets que visibility='hidden', la place occupée sera blanche, tu auras un gros trou. En mettan display = 'none', tu masques l'espace occupé. Pour le remettre, tu mets 'block'

après, si tu veux que recliquer remasque les liens, tu fais à peu près le meme principe dans un if mais tu inverses les propriétés

2007-08-08 02:41:08 · answer #1 · answered by Steinfield 2 · 1⤊ 0⤋

Evite Frontpage et Dreamweaver qui font un code redondant et pourri. Fais ça en CSS avec des listes (ul, li) qui s'affichent ou se cachent. Les pages d'aide et d'exmples d'Alsacréation sont bien parce qu'elles respectent les normes du HTML.

2007-08-08 05:38:53 · answer #2 · answered by Anonymous · 1⤊ 0⤋

ça s'appelle un menu déroulant vertical : ce n'est pas du html, mais plutôt des css et parfois un peu de javascript.

Je crois que tu veux un truc comme ça :
http://css.alsacreations.com/xmedia/exemples/deroulant/menu-vertical.htm#
(clique sur "menu 2")

2007-08-08 05:29:59 · answer #3 · answered by 🐏 🐑 🇮🇩🎗 Phil 7 · 1⤊ 0⤋

Regarde sur ce site : http://www.toutjavascript.com/main/gorun.php3?s=menudyn

2007-08-08 05:34:49 · answer #4 · answered by (¯`·.¸*.ßгαιחЬөөςŧ.*¸.·´¯) 5 · 0⤊ 0⤋

Bonjour,

On appelle cela des "combo boxes", dont tu peux trouver des exemples de code gratuits où tu as seulement besoin d'échanger le texte et les adresses URL.

Voici des adresses de code gratuits :

http://www.dynamicdrive.com/dynamicindex17/comboviewer.htm

http://www.javascriptkit.com/script/script2/2levelcombo.shtml

Si ce n'est pas exactement ce que tu voudrais, alors recherches svp sur ces sites, tu trouveras certainement...

Cordialement :

Webwizard

2007-08-08 06:00:07 · answer #5 · answered by Anonymous · 0⤊ 1⤋

Y'a un site très bien pour les débutants en HTML et ordi en tout genre c'est www.commentcamarche.net
Tu peux chercher les scripts type Javascript. Tu trouves tout dessus.

2007-08-08 05:36:35 · answer #6 · answered by Laurelaï 4 · 0⤊ 1⤋

Il y a Frontpage qui est très efficace pour la construction de site web .

Sinon ton truc c'est un menu déroulant en quelque sorte , cherche des script du style "navigation web style xp".

2007-08-08 05:30:58 · answer #7 · answered by Hey ! 2 · 0⤊ 3⤋

T'as pas un programme style Dreamweaver ? Ca serait plus facile.

2007-08-08 05:27:55 · answer #8 · answered by odesch 7 · 0⤊ 3⤋