Bonjour à tous ! Alors voila mon probleme (moi avoir des problemes, c'est pas mon genre
).
Je fais mon portail au theme de mac, niveau graphs etc c'est bon, le je fais le menu: je ne fais q'un seul fichier html dans mon portail ! Donc jusque là ça va j'y arrive.
Mon probleme vient du menu pomme (ou menu "demarrer" pour ceux qui ne connaissent que windows). Donc j'arrive à afficher mon menu pomme, en cliquant sur la pomme (sans blaque...) mais pour recliquer pour que le menu disparraisse je n'y arrive pas. Voila mon code:
<html>
<style>
*{border:0;margin:0;padding:0;border-collapse:collapse;}
</style>
<body>
<table id="main" style="position:absolute;left:0px;top:0px;width:480px;height:272px;">
<tr>
<td>
<img src="Images/apercu.png" usemap="#img">
<map name="img">
<area shape="rect" coords="277,41,315,78" href="">
<area shape="rect" coords="341,44,371,84" href="">
<area shape="rect" coords="417,41,452,78" href="">
<area shape="rect" coords="344,118,374,148" href="">
<area shape="rect" coords="416,120,456,155" href="">
<area shape="rect" coords="44,222,84,257" href="">
<area shape="rect" coords="106,218,146,253" href="">
<area shape="rect" coords="10,2,30,20" href="javascript:var temp= document.getElementById('menu_pomme'); if(temp.style.left=='-250px'){for(i=-250;i<6;i+=3){temp.style.left=i}}">
</map>
</td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
function initArray() {
for(i=0;i<initArray.arguments.length; i++)
this[i] = initArray.arguments[i];
}
var isnMonths=new initArray("JANUARY","FEBRUARY","MARCH",
"APRIL","MAY","JUNE",
"JULY","AUGUST","SEPTEMBER",
"OCTOBER","NOVEMBER","DECEMBER");
var isnDays= new initArray("Sun","Mon","Tue","Wed",
"Thu","Fri","Sat","Sun");
today=new Date();
hrs=today.getHours();
min=today.getMinutes();
sec=today.getSeconds();
clckh=""+((hrs>12)?hrs-12:hrs);
clckm=((min<10)?"0":"")+min;
clck=(hrs>=12)?"PM":"AM";
var stnr="";
var ns="0123456789";
var a="";
function getFullYear(d) {
yr = d.getYear();
if (yr < 1000)
yr+=1900;
return yr;
}
</script>
<font style="position: absolute; top: 3px; left: 380px;">
<script>document.write(""+isnDays[today.getDay()]+"");</script>
</font>
<span style="position: absolute; top: 3px; left: 415px;" class="style2" id="tP">00:00</span>
<script type="text/javascript">
function tS(){ x=new Date(); x.setTime(x.getTime()); return x; }
function lZ(x){ return (x>9)?x:'0'+x; }
function tH(x){ if(x==0){ x=12; } return (x>12)?x-=12:x; }
function dT(){ window.status=''+eval(oT)+''; document.getElementById('tP').innerHTML=eval(oT); setTimeout('dT()',1000); }
function aP(x){ return (x>11)?' PM':' AM'; }
var oT="tH(tS().getHours())+':'+lZ(tS().getMinutes())+aP(tS().getHours())";
if(!document.all){ window.onload=dT; }else{ dT(); }
</script>
<div id="menu_pomme" style="position: absolute; top: 15px; left: -250px;">
<img src="Images/menu_apple.png">
</div>
</body>
</html>
Ce que j'ai mis en gras c'est ce qui affiche le menu pomme. Donc j'ai tenté plus d'une dizaine de choses pour y arriver, mais rien qui soit à ce que je souhaite (que le menu pomme se barre a -250px comme avant de l'appelé).