Avatar billede bimbolo Nybegynder
20. februar 2002 - 14:54 Der er 16 kommentarer

Helt simpelt...

... bare ikke for mig. Jeg ønsker en simpel måde at lave følgende på: når man holder musen over et link, popper et vindue op, og når man tager musen ud, lukker det ned igen.
Avatar billede bimbolo Nybegynder
20. februar 2002 - 14:56 #1
...forresten helst uden statusbar, menubjælke og scrollbars.
Avatar billede tknudsen Nybegynder
20. februar 2002 - 15:02 #2
Det kræver at popup vinduet IKKE åbner der hvor muse-markøren befinder sig idet OnMouseout event på linket så bliver afviklet hvilket medfører at vinduet lukker.

PRøv følgende (vejledene):

<script>

var whdPopup;

function openWindow()
{
  whdPopup = window.open(url_til_popup,'Popup','status=0');
}

function closeWindow()
{
  if(whdPopup)
    whdPopup.close();
}

</script>

<body>
<a onmouseover="openWindow()" onmouseout="closeWindow()">åben popup</a>
</body>
Avatar billede bimbolo Nybegynder
20. februar 2002 - 15:10 #3
Ikke ilde. Men jeg vil gerne kunne bestemme højde og bredde
Avatar billede tknudsen Nybegynder
20. februar 2002 - 15:17 #4
whdPopup = window.open(url_til_popup,'Popup','height=400,width=400,status=0');
Avatar billede bimbolo Nybegynder
20. februar 2002 - 15:18 #5
Kan jeg ikke bare omskrive

<script>
<!--
function PopWin(url,h,w) {
popupWin = window.open(url, '', 'height=' + h + ',width=' + w + ',top=50,left=25')
}
// -->
</script>

<a href='#' onMouseOver="PopWin('test.html',500,50)">
..så den også kan lukke?
Avatar billede tknudsen Nybegynder
20. februar 2002 - 15:19 #6
"så den osse kan lukke" ?

du kan godt sende højde og vidde parametrene med over i PopWin() funktionen.
Avatar billede bimbolo Nybegynder
20. februar 2002 - 15:20 #7
med lukke mener jeg at når man tager musen ud lukker den vinduet ned.
Avatar billede tknudsen Nybegynder
20. februar 2002 - 15:25 #8
jo - og afhængig af hvilken browser du bruger kan det gøres på en eller flere måder. Der er bare nogle ting at tage stilling til - som feks - er det kun hvis du flytter musen over på det oprindelige side popup'en skal lukke ?

i så fald og hvis browseren er > ie4 mener jeg at du kan gøre således:

<script>

var whdPopup;

function closePopup()
{
  if(event.srcElement.id=='MYPOPUP' && whdPopup)
    whdPopup.close();
}

window.onmouseover = closePopup;

</script>

popup.htm:

<body id="MYPOPYP">
...
</body>
Avatar billede bimbolo Nybegynder
20. februar 2002 - 15:29 #9
Jeg er desværre ikke så klog. Kan du komme til at skære det mere ud i pap?
Avatar billede bimbolo Nybegynder
20. februar 2002 - 15:44 #10
HJÆLP!
Avatar billede tknudsen Nybegynder
20. februar 2002 - 15:45 #11
du har 2 filer:
- main.htm
- popup.htm

main.htm indeholder:

<html>
<head>
<script>

var whdPopup;

function openWindow(url,w,h)
{
var propStr = 'height=' + h + ',width=' + w + ',top=50,left=25';
whdPopup = window.open(url,'DIMS', propStr);
}

unction closeWindow()
{
  if(event.srcElement.tagName=='BODY' && whdPopup)
    whdPopup.close();
}

window.onmouseover = closeWindow;

</script>
</head>
<body>
<a onmouseover="openWindow('popup.htm',500,200)">åben popup</a>
</body>
</html>

popup.htm indeholder:

<html>
<head>
</head>
<body>
dimser er seje
</body>
</html>


glem det med id i body-tag'et
Avatar billede tknudsen Nybegynder
20. februar 2002 - 15:45 #12
f
Avatar billede bimbolo Nybegynder
20. februar 2002 - 15:50 #13
det dur ikke.
Den siger tegnet ')' var ventet.
Avatar billede tknudsen Nybegynder
20. februar 2002 - 15:51 #14
ja - det var derfor du fik et "f" - gæt selv på hvilken linie det skal stå :-)

(det mangler foran unktionen closeWindow())
Avatar billede tknudsen Nybegynder
20. februar 2002 - 15:53 #15
hmmm - istedet for window.onmouseover er det document.onmouseover

sorry
Avatar billede bimbolo Nybegynder
20. februar 2002 - 16:11 #16
Lad os tage den én gang til fra top til tå hvor lortet åbner og lukker rigtigt.
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