Remplacer des frames *avec liens* par des <div>, Comment faire ?

[SbM]

Salut à tous,

J'ai fait quelques recherches, mais sans grand succès. Voici mon problème:

Si vous allez voir mon site http://tradintosh.free.fr, vous verrez qu'il est composé de deux frames verticaux. Un à gauche sert de menu et contient des liens vers une page "afficher.php?num=x" qui s'affiche dans le frame de droite.

Pour me passer des frames, je comptais les remplacer par des <div>, mais voilà: dans un <div>, comment insérer des liens qui s'afficheront dans un autre <div> ? (en clair, il faudrait un équivalent de l'argument "target")

Merci de votre aide, parce que je ne vois vraiment pas comment faire...

[Auréance]

En attendant qu'un bon en javascript passe dans le coin, je te colles ici une petite fonction choppée je ne sais ou ( il y a longtemps ), Alsacréations peut être encore... je crois.
Elle sert à afficher / désafficher les sous menus. Un peu bricolé, il devrait faire l'affaire. Il faut que tu nommes les "id" de tes <div id"divmask1"> "divmask2" "divmask3" etc.. tu as droit à 10 div mais tu peux augmenter en modifiant " i<=10 "quelque part dans le code.

CODE

window.onload=Xdivmask;
function Xdivmask(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('divmask'+i)){document.getElementById('divmask'+i).style.display='none';}}
if (d) {d.style.display='block';}}

Ensuite dans le html > body tes liens : <a onclick="javascript:Xdivmask('divmask2');">blabla</a>
Tu remarques que je n'ai pas mis href dans le lien, c'est parce que pour la validation les liens href="#" créeent un échec à la validation d'accéssibilité, et rechargent la page quand on clique. Tu peux, si tu veux, cibler le lien vers lui même :
<a id="lien1" href="#lien1" onclick="javascript:Xdivmask('divmask2');">blabla</a>.

Mais la balise <a> semble bien pouvoir s'en passer à condition d'ajouter dans la css "cursor: pointer;" pour la classe de ces liens afin que le visiteur voit bien "qu'un truc se passe".
J'ai retrouvé un lien pour Alsacréations : afficher / masquer des calques sans javascript. Mais pas celui que je pensais, il semble avoir disparu, ce tuto n'est valable qu'en cas de survol du lien ( et meeeeeed ! j'ai pas sauvegardé ce truc. )
Dans la css tes div seront " display: bloc; " elles seront toutes masquées dès l'ouverture et ne réaparaitront que quand on aura cliqué sur le lien. Enfin, je n'ai pas essayé mais en tout cas le script n'est pas beaucoup plus épais que ça...

Ah ! Dernière chose j'avais vérifié une fois qu'on pouvait remplacer dans ce cas <a> par <p><h><span> etc..; avec javascript du moment que tu survolles et que ton pointeur t'indique que tu peux cliquer là.... c'est bon.
A+

Ce message a été modifié par Auréance - 21 May 2005, 03:23.