När man klickar på knappen så glider det fram en meny.
det funkar bra.
problemet är att om man rör musen över ett av lagrena medans det laddar så kommer den rutan upp. Detta beror på att bilden som muspekaren är över anropar en funktion som inte hunnit laddas. Kan man på något sätt ha ett lager som täcker sidan tills allt är laddat eller kanske någon har ett bättre alternativ?
Det bästa jag kan komma på är att du lägger ett lager (<div>) som täcker hela ytan, och som innehåller en gigantisk bild (utdragen ifrån 1 px) som är transparent. När sidan är färdigladdad ändrar man så att lagret inte längre syns (det gör det iofs inte i början heller, men nu kommer det inte ens att finnas där), och då ska alla knappar fungera.
Det finns säkert mycket bättre lösningar, men detta skulle nog kunna fungera.
du kan ju även kapsla in hela sidan i en div eller span tag, som du ger ett visst id, den sätter du som dold till en början och visar ett annat lager där det står typ : laddar... därfter när sidan är laddat tar du bort laddar lagret och visar det andra. du kollar när sidan blir färdig laddad genom onLoad-funktion i body.
Jag orkar inte skriva ett eget så jag modifierar jojoxx istället:
<body onLoad="hide_it()">
<span id="loadmessage" style="position: absolute;">Sidan laddas, vänta...</span><br>
<span id="bodyn" style="visibility:hidden"><!-- Resten av bodyn här --></span>
i head
<script language="JavaScript">
function hide_it(){
Id = "loadmessage";
if (document.all) {
document.all["loadmessage"].style.visibility = "hidden";
document.all["bodyn"].style.visibility = "visible";
} else if (document.layers){
document.layers["loadmessage"].visibility = "hide";
document.layers["bodyn"].visibility = "show";
} else if (document.getElementById){
document.getElementById("loadmessage").style.visibility = "hidden";
document.getElementById("bodyn").style.visibility = "visible";
}
}
</script>
Vilken ns version kör du?
prova detta (om du kör sexan eller över blev felet för att jag glömde dubbelfnuttrana i runt bodyn i denna: document.getElementById("bodyn").style.visibility = "visible";):
<script language="JavaScript">
function hide_it(){
Id = "loadmessage";
if (document.all) {
document.all["loadmessage"].style.visibility = "hidden";
document.all["bodyn"].style.visibility = "visible";
} else if (document.layers){
document.layers["loadmessage"].visibility = "hide";
document.layers["bodyn"].visibility = "show";
} else if (document.getElementById){
document.getElementById("loadmessage").style.visibility = "hidden";
document.getElementById("bodyn").style.visibility = "visible";
}
}
</script>