Jag undrar om jag kan få ett lager som poppar fram vid laddning av sidan, typ som när man startar vissa program "dagens tips" eller "visste du att.."? Hittade följande... du kan ju testa... Du kan hämta fönsterstorleken med JavaScript, så det är inga problem att centrera DIV:en vid sidladdning! Jag tror att detta bör fungera:popup lager
Jag antar att jag kan styra det med visibility på en div, men hur centrerar jag det på skärmen när jag inte vet användarens upplösning?Sv: popup lager
<code>
<html>
<head>
<script type="text/javascript">
function msgBox(message,id)
{
var msgbox = document.getElementById(id);
msgbox.innerHTML = message;
msgbox.style.display = "block";
msgbox.style.visibility = "visible";
msgbox.style.marginLeft = "-" + parseInt(msgbox.offsetWidth / 2) + "px";
msgbox.style.marginTop = "-" + parseInt(msgbox.offsetHeight / 2) + "px";
}
</script>
<style>
#msgbox
{
position: absolute;
padding: 12px;
left: 50%;
top: 50%;
border: outset 5px lightgrey;
background-color: white;
visibility:hidden;
}
</style>
</head>
<body onload="msgBox('Hello world!','msgbox');">
<div id="msgbox"></div>
</body>
</html>
</code>Sv: popup lager
Testa exempelvis: document.clientHeight och document.clientWidthSv:popup lager
Ändra raden som ser ut så här:
<div id="msgbox"></div>
till
<div id="msgbox" style="margin: 0 auto;"></div>
Alternativt ändra i css´n
#msgbox{
din kod.....
+
Min kod:
margin: 0 auto;
}
Har använt detta tidigare och det har fungerat klockrent..