Avatar billede wampiro-uha Nybegynder
21. november 2003 - 12:04 Der er 6 kommentarer og
1 løsning

Peeker-funktion som virker!

Jeg har simpelthen ledt og ledt efter en peeker-funktion som virker.
Og alle de steder hvor jeg finder noget om det, henviser til denne side:
http://www.codelifter.com/main/javascript/amazingframelesspeeker.html

Og jeg kan simpelthen ikke se hvordan den skulle virke.

Det jeg ønsker er et lille vindue uden rammer eller noget, som kommer op nede i højre hjørne i ca. 3 sekunder og så forsvinder igen.
Avatar billede wampiro-uha Nybegynder
21. november 2003 - 13:39 #1
Det behøver ikke at være den kode som jeg linker til som skal virke.
Det er bare det eneste eksempel jeg kan finde (som så alligevel ikke virker).
Avatar billede wampiro-uha Nybegynder
21. november 2003 - 13:40 #2
Sætter lige pointene lidt op!
Avatar billede roenving Novice
21. november 2003 - 14:28 #3
Sådan noget ?-)

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Peeker</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving;http://www.eksperten.dk/spm/430565">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
var h = w = t = l = dh = dw = 0, pdiv, timer;
var ph = 200;//height of the uppopping layer
var pw = 300;//width of the uppopping layer
var staying = 3000;//3 seconds before it leaves !-)
function peeker(){
    staying -= 50;
    if(staying>2000){
        t -= dh;
        l -= dw;
        pdiv.style.top = t + "px";
        pdiv.style.left = l + "px";
        pdiv.style.display = "block";
    }else if(0>=staying){
        pdiv.style.display="none";
        clearInterval(timer);
    }else if(2000>staying){
        pdiv.style.top = (h - ph - 126) + "px";
        pdiv.style.left = (w - pw - 30) + "px";
    }
}
function initPeeker(){
    pdiv = document.getElementById("peekerDiv");
    pdiv.style.height = ph + "px";
    pdiv.style.width = pw + "px";
    h = t = screen.availHeight;
    w = l = screen.availWidth;
    t -= 126;
    l -= 30;
    dh = Math.floor(ph/20);
    dw = Math.floor(pw/20);
    timer = setInterval('peeker()',50);
}
</script>
</head>
<body onresize onload="initPeeker()">
<div id="peekerDiv" style="position:absolute;display:none;background:red">
<!-- Peekerens indhold -->
<span id="divSpan" style="font-family:sans-serif;font-size:30px;font-weight:800;">Her er en peeker !-)</span>
</div>
</body>
</html>
Avatar billede wampiro-uha Nybegynder
21. november 2003 - 14:38 #4
jeps, lav et svar :-)
Avatar billede roenving Novice
21. november 2003 - 14:45 #5
Velbekomme '-)
Avatar billede wampiro-uha Nybegynder
22. november 2003 - 11:53 #6
Takker :-)
Avatar billede roenving Novice
22. november 2003 - 11:54 #7
-- jeg siger tak for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester