panchopa le lama de Lima | 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 :
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>Untitled Document</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <script language="JavaScript" type="text/JavaScript">
- <!--
- function MM_findObj(n, d) { //v4.01
- var p,i,x; if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length) {
- d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
- if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
- for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
- if(!x && d.getElementById) x=d.getElementById(n); return x;
- }
- function MM_showHideLayers() { //v6.0
- var i,p,v,obj,args=MM_showHideLayers.arguments;
- for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
- if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
- obj.visibility=v; }
- }
- //-->
- </script>
- </head>
- <body>
- <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>
- </body>
- </html>
|
Frame carré bleu : Code :
- <?xml version="1.0" encoding="iso-8859-1"?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>Untitled Document</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- </head>
- <body>
- <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>
- </body>
- </html>
|
|