Lille pop-up-box

Du kan få en til at poppe-up men ikke få den til at forsvinde af sig selv, personen der er inde på din side skal trykke på ok, for at få den til at gå væk.

<script Language="JavaScript">

word=new Array();
word[0]="<i><b>Eksempel på popup</b></i>:<br> Her kan du skrive teksten";

function popdef(n){
info=window.open("","info","toolbar=no,location=no,directories=no,status=no,menubar=no,sc
rollbars=yes,resizable=yes,copyhistory=no,width=250,height=200")

info.document.open()
info.document.write("<html><head><title>Glossary</title></head><body>")
info.document.write(word[n])
info.document.write("</body></html>")
info.document.close()
clearID=info.setTimeout("self.close()",3000)
    return true;
    }
// -->
//  -->
</script>

<a href="http://www.eksperten.dk/"
onMouseOver="popdef(0);return  false">

<p><img src="billede.gif" width="100" height="100"
alt="billede.gif (4076 bytes)"></a>.</p>

Tak for svaret, men det er langt fra det jeg søger ..

Det er det her di vil have ikke???

<html>
<head>
<title>MouseOver 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
<!--



// --- MouseOver funktion til teksten ---
function vis_lag(lag_id) {
if(document.layers) {
document.lag_id.visibility="show"}
else {if (document.all)lag_id.style.visibility="visible"}
}


// --- MouseOut funktion til teksten ---
function skjul_lag(lag_id) {
if(document.layers) document.lag_id.visibility="hide";
else {if (document.all)lag_id.style.visibility="hidden"}
}

//-->
</script>
</head>


<body bgcolor="#FFFFFF">
<div id="tekst1" style="position:absolute; left:55px; top:17px; width:90px; height:20px; z-index:1; visibility: hidden; background-color: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000">tekst
  til Link 1</div>
<div id="tekst2" style="position:absolute; left:56px; top:50px; width:86px; height:20px; z-index:2; visibility: hidden; background-color: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000">tekst
  til link2</div>
<p><a href="link1.htm" onMouseOver="vis_lag(tekst1)"; onMouseOut="skjul_lag(tekst1)">Link
  1 </a></p>
<p><a href="link2.htm" onMouseOver="vis_lag(tekst2)";
onMouseOut="skjul_lag(tekst2)">Link
  2 </a></p>
</body>
</html>


Jeg kan godt lave det lidt pænere og nemmere. Jeg skal bare have at vide om det er derhen af...

skjoldet

Skjoldby,

Ja det er faktisk det jeg søger, men det virker ikke i Netscape og så er man lige vidt :(

Det får jeg det til....

Ok, jeg venter spændt :)

Skift funktionerne ud med dette:

// --- MouseOver funktion til teksten ---
function vis_lag(lag_id) {
if(document.layers) {lag_id.visibility='visible'};
if(document.all) {lag_id.style.visibility='visible'};
}


// --- MouseOut funktion til teksten ---
function skjul_lag(lag_id) {
if (document.layers) {lag_id.visibility='hidden'};
if (document.all) {lag_id.style.visibility='hidden'};
}



/skjoldet

Det er jo som det skal være.

Jeg siger tak!

Du har forstået det med lagene ikke??? Du skal lave et nyt lag for hver 'pop-up' tekst.

skjoldet

Jeps, den er i hus ;)

Skjoldby, det virker ikke i Netscape 4.0, siden scriptet ligger på kan slet ikke loades ind i browseren.

Kan du hjælpe ?

Hvilken side??? -og jeg har fået det til at virke i netscape...

kik evt her:
http://www.javascripts.com/repository/script15112.html