Ah, det var åbenbart lidt mere omfattende end jeg forventede. Jeg skal bruge det sammen med pop-up'en fra spørgsmålet her:
http://www.eksperten.dk/spm/654462Dog har jeg ændret lidt i opsætningen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"> <html lang="da">
<head>
<title>Pop-up TEST</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<link rel="shortcut icon" href="/favicon.ico">
<style type="text/css">
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: #FFFFFF;
}
#centerDiv {
margin: 0 auto;
width: 400px;
}
.alertPos {
/* Topmargenen = Den negative værdi af halvdelen af den samlede højde.
Venstremargenen = Den negative værdi af halvdelen af den samlede bredde. */
margin: -60px 0 0 -100px;
padding: 0;
position: absolute;
left: 50%;
top: 50%;
width: 200px;
height: 120px;
border: 2px outset threedhighlight;
z-index: 1000;
display: none;
background-color: #E6E6E6;
}
.alertTitel {
padding: 5px;
background-color: #828282;
font-family: verdana, tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.alertTekst {
height: 50px;
padding: 10px;
font-family: verdana, tahoma, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
}
.alertKnap {
padding: 5px;
height: 30px;
text-align: center;
}
</style>
</head>
<body>
<script type="text/JavaScript">
function showPop() {
var pop = document.getElementById("gnu");
//pop.style.left = "400px";
//pop.style.top = "400px";
pop.style.display = "block";
}
function hidePop() {
var pop = document.getElementById("gnu");
pop.style.display = "none";
}
</script>
<div id="gnu" class="alertPos">
<div class="alertTitel">Besked</div>
<div class="alertTekst">Dette er alertbeskeden...</div>
<div class="alertKnap"><button style="width:50px; height:25px;" onclick="hidePop();return false;">Luk</button></div>
</div>
<button onclick="showPop()">Vis</button>
</body>
</html>
Men jeg kan ikke få det smedet sammen, med eksemplet fra tråden her.
Ny bruger
Nybegynder
Opret
Preview
