[HTML] Légende d'un menu qui apparait dans un cadre différent

Légende d'un menu qui apparait dans un cadre différent [HTML] - HTML/CSS - Programmation

Marsh Posté le 28-01-2003 à 11:44:42    

Salut, tous !
 
Voilà mon souci :
 
J'ai un menu dans une leftframe et une image quelconque dans une upperframe (en haut à droite du menu)
 
Je voudrais que lorsque l'on passe le pointeur de la souris sur une section du menu, une légende lui correspondant s'affiche dans l'image de l'upperframe.
 
Je pensais faire cela avec des onmouseouver / onmouseout, mais comment gérer le fait que l'image devant accueuillir la légende soit ds un autre cadre ?
 
Merci de votre aide
 :hello:  


---------------
Sans ma barbe, quelle barbe !
Reply

Marsh Posté le 28-01-2003 à 11:44:42   

Reply

Marsh Posté le 28-01-2003 à 17:33:15    

avec des frames, ca va être super lourd à gérer. Ce serait nettement plus simple avec des div.

Reply

Marsh Posté le 28-01-2003 à 18:14:12    

gizmo a écrit :

avec des frames, ca va être super lourd à gérer. Ce serait nettement plus simple avec des div.


 
J'veux bien le croire, mais la structure du site doit rester comme elle l'est déjà, donc je peux pas me permettre de virer les frames...  :(


---------------
Sans ma barbe, quelle barbe !
Reply

Marsh Posté le 28-01-2003 à 18:41:35    

un exemple ici : http://www.alpac-fr.com

Reply

Marsh Posté le 28-01-2003 à 19:06:05    

heu ton exemple a rien à voir j'ai l'impression  

Reply

Marsh Posté le 28-01-2003 à 19:17:01    

panchopa a écrit :

heu ton exemple a rien à voir j'ai l'impression  


 
ya des frames et des mouseover :sleep:

Reply

Marsh Posté le 28-01-2003 à 19:19:20    

ouais mais le mouseover déclanche un truc dans la mème frame que le lien, ca fait rien dans une autre frame

Reply

Marsh Posté le 28-01-2003 à 19:24:17    

bin il a juste a changer le chemin ;)
 
 
window.parent.blabla ...


Message édité par electrastar le 28-01-2003 à 19:24:29
Reply

Marsh Posté le 28-01-2003 à 19:33:22    

Citation :

OnMouseOver="parent.menu.affich.src=onlogo.src" OnMouseOut="parent.menu.affich.src=rien.src">

Reply

Marsh Posté le 28-01-2003 à 20:43:06    

En effet, ça peut m'aider...
Mais est-ce possible de balancer du onmouseover / onmouseout dans un <area shape...> ???


---------------
Sans ma barbe, quelle barbe !
Reply

Marsh Posté le 28-01-2003 à 20:43:06   

Reply

Marsh Posté le 28-01-2003 à 21:13:42    

of course (de cheval)

Reply

Marsh Posté le 28-01-2003 à 21:57:32    

electrastar a écrit :

Citation :

OnMouseOver="parent.menu.affich.src=onlogo.src" OnMouseOut="parent.menu.affich.src=rien.src">




 
parent ne veux pas marcher. Y'a t il un moyen pour appeller de cette manière le affich qui est défini dans la topframe, genre :
 
OnMouseOver="topFrame.menu.affich.src=onlogo.src" OnMouseOut="topFram.menu.affich.src=rien.src">
 
Parce que ça, ça ne marche pas  :(


---------------
Sans ma barbe, quelle barbe !
Reply

Marsh Posté le 28-01-2003 à 23:06:11    

parent.topfram :??:

Reply

Marsh Posté le 29-01-2003 à 01:35:46    

réponse bete p-e..
mais en utilisant l'attribut TARGET de base ?

Reply

Marsh Posté le 29-01-2003 à 09:49:20    

le chemin de base pour agir sur un autre frame en jvs c:
 
window.parent.frames['nom du frame'].action_que_tu veux
 
par pour un lien, faire afficher sa page dans un autre frame:
window.parent.frames['nom du frame'].location.replace("nom_page.htm" );
 
si ca peut taider....

Reply

Marsh Posté le 29-01-2003 à 09:53:37    

djmind a écrit :

réponse bete p-e..
mais en utilisant l'attribut TARGET de base ?


 
je peux pas intégrer un target dans un <area shape...> car il y en a déjà un qui définit la frame où doit apparaître la pasge correspondant au menu...
Merci quand même  :hello:


---------------
Sans ma barbe, quelle barbe !
Reply

Marsh Posté le 29-01-2003 à 10:38:54    

Elderion a écrit :

le chemin de base pour agir sur un autre frame en jvs c:
 
window.parent.frames['nom du frame'].action_que_tu veux
 
par pour un lien, faire afficher sa page dans un autre frame:
window.parent.frames['nom du frame'].location.replace("nom_page.htm" );
 
si ca peut taider....


 
En essayant cette syntaxe, cela ne marche pas non plus. Il me retourne à chaque fois 'window.parent.frames.topFrame.action' a la valeur Null ou n'est pas un objet
 
C dingue ça ! Doit bien y avoir un moyen de gérer l'accès à un topframe en partant d'un leftframe...


---------------
Sans ma barbe, quelle barbe !
Reply

Marsh Posté le 29-01-2003 à 11:38:47    

et window.parent.topframe ???

Reply

Marsh Posté le 29-01-2003 à 11:58:55    

jen suis sur que tu peux trouver ton bonheur en cherchant sur editeurjavascript.com

Reply

Marsh Posté le 29-01-2003 à 16:39:48    

electrastar a écrit :

et window.parent.topframe ???


 
Ne fonctionne pas...
 
>Elderion, merci je vais aller voir, ça m'a l'air intéressant !


---------------
Sans ma barbe, quelle barbe !
Reply

Marsh Posté le 29-01-2003 à 18:20:46    

Bon sur editeurjavascript c tjrs pareil. Tous les exemples fonctionnent ds les memes frames...  :??:


---------------
Sans ma barbe, quelle barbe !
Reply

Marsh Posté le 29-01-2003 à 20:13:28    

bon je viens de te faire un truc en 2 minutes grâce à un comportement de dreamweaver :  
dans la frame de gauche (menu) il ya un carré rouge. En passant la souris dessus ca montre un carré bleu dans la frame principale. En sortant la souris, le bleu redisparaît.  
 
Frame carré rouge :  
 
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Untitled Document</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <script language="JavaScript" type="text/JavaScript">
  7. <!--
  8. function MM_findObj(n, d) { //v4.01
  9.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length) {
  10.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  11.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  12.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  13.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  14. }
  16. function MM_showHideLayers() { //v6.0
  17.   var i,p,v,obj,args=MM_showHideLayers.arguments;
  18.   for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
  19.     if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
  20.     obj.visibility=v; }
  21. }
  22. //-->
  23. </script>
  24. </head>
  26. <body>
  28. <div id="Layer1" style="position:absolute; left:18px; top:50px; width:84px; height:134px; z-index:1; background: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;" onMouseOver="MM_showHideLayers('Layer1?mainFrame','','show')" onMouseOut="MM_showHideLayers('Layer1?mainFrame','','hide')"></div>
  29. </body>
  30. </html>

 
 
Frame carré bleu :  
 
 

Code :
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Untitled Document</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7. </head>
  9. <body>
  10. <div id="Layer1" style="position:absolute; left:29px; top:53px; width:136px; height:104px; z-index:1; background: #0000FF; layer-background-color: #0000FF; border: 1px none #000000; visibility: hidden;"></div>
  11. </body>
  12. </html>

Reply

Marsh Posté le 30-01-2003 à 14:11:23    

Merci à tous pour votre aide, mais finalement, la syntaxe suivante fonctionne :
 

Citation :

parent.nomFrameDuHaut.nomDelImageDeLaFrameDuHaut.src='image.gif'


 
Donc certains d'entre vous voyaient juste  :)  
 
Merci encore  :hello:


---------------
Sans ma barbe, quelle barbe !
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed