Tilpasse et info-boks popup-script
Med udgangspunkt i:<html>
<head>
<style type="text/css">
#myAlert {
position: absolute;
font-family: "ms sans serif", sans-serif;
font-size: 11px;
background-color: #c0c0c0;
border: 2px outset #ffffff;
padding: 15px 25px;
text-align: center;
z-index: 100;
visibility: hidden;
}
button {
width:70px;
}
</style>
<script type="text/JavaScript">
var d=document;
function showAlert() {
var w,h, a = d.getElementById("myAlert");
w=a.offsetWidth; h=a.offsetHeight;
a.style.left = (d.body.offsetWidth-w)/2;
a.style.top = (d.body.offsetHeight-h)/2;
a.style.visibility = "visible";
}
function hideAlert() {
d.getElementById("myAlert").style.visibility = "hidden";
}
</script>
</head>
<body>
<div id="myAlert">En hel masse tekst<br><br><button onclick="hideAlert()">OK</button></div>
<button onclick="showAlert();">Open</button>
</body>
</html>
hentet fra www.exp.dk/spm/297581
kunne jeg godt tænke mig at lave det, så funktionen virker på flere forskellige links.
Sagen er den, at jeg har en lang række link, hvor jeg ønsker en popup på hver enkelt, med hver deres tekst. Men ovenstående sætter jo desværre kun en tekst :-(
Nogen der har den gyldne kode, der kan få det til at virke uden at jeg skal lave:
function showAlert() {
var w,h, a = d.getElementById("myAlert");
w=a.offsetWidth; h=a.offsetHeight;
a.style.left = (d.body.offsetWidth-w)/2;
a.style.top = (d.body.offsetHeight-h)/2;
a.style.visibility = "visible";
}
function hideAlert() {
d.getElementById("myAlert").style.visibility = "hidden";
}
for hver enkelt popup?
