HTML: une page dans une pageRésolu/Fermé

Question

Bonjour, 


Je suis entrain de me crée ma propre page d'accueil pour mon navigateur firefox (et IE9).
J'ai déjà toute les images, et le code html que je compte mettre sera très simple (image + lien dessus).
Tout ça je sais faire ... mais ce que je n'arrive pas à faire c'est "une page dans une page".

Je m'explique à l'aide d'une image

http://img4.hostingpics.net/pics/155186Asup2.png

J'aimerai faire une page ou en cliquant sur A, on tombe sur tout les liens commençant pas A, et lorsqu'on clique, dans la colonne de gauche, sur B, les liens commençant par A disparaissent pour laisser place aux B.

Est-ce possible de le faire via la même page?



Merci d'avance
Configuration: Windows Vista / Internet Explorer 9.0

Utilisateur anonyme · Answer

Bonjour,

Tu peux faire ça avec un FrameSet.

Une page pour la liste de lettres à gauche avec des liens, et une page HTML par lettre à droite, les liens vont vers cette page.
Bon ceci dit les FrameSet ça date un peu.

On peut le faire en DHTML aussi mais bof... Sur tes lettres un onclick qui lance une fonction js qui change le innerHTML d'une div située à droite, la liste des liens étant dans un tableau.

Ou alors sans FrameSet : une page par lettre avec la liste des lettres à gauche avec des liens, et les liens associés à cette lettre à droite, page A.HTML, B.HTML... primitif mais efficace.

Reste le web dynamique, en PHP, tes liens sont dans une base, et quand tu cliques tu appelle la page alphabet.php?lettre=A et là tu affiche la partie gauche et droite ou encore même principe mais avec AJAX

Il doit y avoir d'autre solutions encore j'imagine, à toi de voir avec ce que tu connais en programmation, ce que tu peux faire.

avion-f16 · Answer

Salut.

Je (ainsi que beaucoup d'autres personnes) déconseille l'usage des frames pour des raisons de référencement et d'accessibilité.

Je te conseille de créer un div pour chaque lettre, dans lesquels tu placeras les liens.
Grâce au CSS, tu masques tout ces div sauf le premier (correspondant par défaut à la lettre A).
Grâce à du Javascript, au clic sur un lettre dans le menu de gauche, tu masqueras le div actuellement affiché et tu afficheras le div correspondant au lien cliqué.

Start · Answer

Merci pour vos réponses.

J'ai oublié de préciser quelque chose: ma page d'accueil ne sera pas hébergée sur la toile.

elle s'ouvrira avec un url de type 
file:///C:/Utilisateur/dossier/nomdelapage.html

je ne peux donc, me semble-t-il, n'utiliser qu'exclusivement du HTML pur pour la construire.

avion-f16 · Answer

Tu peux utiliser toute les technologies dites « côté client ».
HTML, XHTML, CSS, XML, SVG, Javascript, Flash, etc.

Start · Answer

Je vous remercie ^^

j'ai utilisé du javascript pour faire un système spoiler (pas exactement ce que je voulais, mais ça s'y apparente ;)  )


Je ne trouve pas le bouton "résolu" ... peut-être parce que je ne suis pas inscrit

HTML: une page dans une page

5 réponses

Discussions similaires

Newsletters