Avatar billede onkelmor Nybegynder
19. maj 2003 - 21:25 Der er 9 kommentarer og
1 løsning

Popup flytbar?

Hej!
Jeg har brugt denne kode til at lave et popup vindue:
// Amazing Frameless Popup Window - Version I
// (C) 2000 www.CodeLifter.com
// Free for all users, but leave in this  header

// set the popup window width and height

var windowW=800 // wide
var windowH=500 // high

// set the screen position where the popup should appear

var windowX = 100 // from left
var windowY = 200 // from top

// set the url of the page to show in the popup

var urlPop = "hp.html"

// set the title of the page

var title =  "LKN|subnet|dk"

// set this to true if the popup should close
// upon leaving the launching page; else, false

var autoclose = true

// ============================
// do not edit below this line
// ============================

s = "width="+windowW+",height="+windowH;
var beIE = document.all?true:false

function openFrameless(){
  if (beIE){
    NFW = window.open("","popFrameless","fullscreen,"+s)   
    NFW.blur()
    window.focus()     
    NFW.resizeTo(windowW,windowH)
    NFW.moveTo(windowX,windowY)
    var frameString=""+
"<html>"+
"<head>"+
"<title>"+title+"</title>"+
"</head>"+
"<frameset rows='*,0' framespacing=0 border=0 frameborder=0>"+
"<frame name='top' src='"+urlPop+"' scrolling=auto>"+
"<frame name='bottom' src='about:blank' scrolling='no'>"+
"</frameset>"+
"</html>"
    NFW.document.open();
    NFW.document.write(frameString)
    NFW.document.close()
  } else {
    NFW=window.open(urlPop,"popFrameless","scrollbars,"+s)
    NFW.blur()
    window.focus()
    NFW.resizeTo(windowW,windowH)
    NFW.moveTo(windowX,windowY)
  } 
  NFW.focus() 
  if (autoclose){
    window.onunload = function(){NFW.close()}
  }
}

</script>
<div align="center">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="java script:openFrameless()"><img src="enter.gif" width="247" height="44" border="0"></a></p>
</div>

Men er der nogle der kan hjælpe mig med at gøre vinduet flytbart som et almindeligt vindue?
Avatar billede -master-d- Nybegynder
19. maj 2003 - 21:29 #1
Hvordan skal den gøres flytbar ? Skal det kun være en div som man kan trække i og så rykker vinduet med eller skal det være over hele vinduet man kan trykke og så rykke det ?
Avatar billede onkelmor Nybegynder
19. maj 2003 - 21:32 #2
Det skal være ligesom et almindeligt et. så det skal kun være en bjælke øverst.
Avatar billede riversen Nybegynder
19. maj 2003 - 21:35 #3
husk at lukke det andet spørgsmål
Avatar billede onkelmor Nybegynder
19. maj 2003 - 21:41 #4
er gjort :D
Avatar billede -master-d- Nybegynder
19. maj 2003 - 21:45 #5
Her er et eksempel på din url i popuppen

<html>

<head>
<title>Ny side 1</title>
<script>
function MoveWin(){
x=0,y=0;catchW=false;
document.all['dragger'].onmousedown= function MoveWin(){x=event.clientX;y=event.clientY;catchW=true;}
document.onmousemove= function MoveWin(){ if(catchW) parent.window.moveTo(event.screenX-x,event.screenY-y); }
document.onmouseup= function MoveWin(){catchW=false;}
}
</script>
</head>

<body>

<div align="center" id="dragger" onmouseover="MoveWin();">
  <center>
  <table border="0" width="424"  cellspacing="0" cellpadding="0" bgcolor="#C0C0C0">
    <tr>
      <td width="424" height="14">
        <p align="center">Træk her :</td>
    </tr>
  </table>
  </center>
</div>

<div align="center">
  <center>
  <table border="0" width="424" height="452" bgcolor="#FF0000">
    <tr>
      <td width="424" height="452"></td>
    </tr>
  </table>
  </center>
</div>

</body>

</html>
Avatar billede onkelmor Nybegynder
19. maj 2003 - 21:54 #6
Nu er jeg ikke lige den bedste til script..?  Ku du evt prøve at sætte det sammen med det script jeg startede med?
Avatar billede -master-d- Nybegynder
19. maj 2003 - 21:55 #7
Det script du startede med er fint nok.

Det jeg gave dig var et eksempel på din hp.html
Avatar billede onkelmor Nybegynder
19. maj 2003 - 22:05 #8
Nå ja :D.. Vil du så sætte det sammen med det her: (hp.html) Og evt fjerne den røde farve :D
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<TITLE>hp</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<!-- URL's used in the movie-->
<A HREF=java script:top.close()></A> <!-- text used in the movie-->
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="800" HEIGHT="500" id="hp" ALIGN="">
<PARAM NAME=movie VALUE="hp.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="hp.swf" quality=high bgcolor=#FFFFFF  WIDTH="800" HEIGHT="500" NAME="hp" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
</BODY>
</HTML>
Avatar billede -master-d- Nybegynder
19. maj 2003 - 22:07 #9
Prøv med den her :

<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<TITLE>hp</TITLE>
<script>
function MoveWin(){
x=0,y=0;catchW=false;
document.all['dragger'].onmousedown= function MoveWin(){x=event.clientX;y=event.clientY;catchW=true;}
document.onmousemove= function MoveWin(){ if(catchW) parent.window.moveTo(event.screenX-x,event.screenY-y); }
document.onmouseup= function MoveWin(){catchW=false;}
}
</script>
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<div align="center" id="dragger" onmouseover="MoveWin();">
  <center>
  <table border="0" width="100%"  cellspacing="0" cellpadding="0" bgcolor="#C0C0C0">
    <tr>
      <td width="100%" height="15">
        <p align="center">Træk her :</td>
    </tr>
  </table>
  </center>
</div>

<!-- URL's used in the movie-->
<A HREF=java script:top.close()></A> <!-- text used in the movie-->
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="800" HEIGHT="500" id="hp" ALIGN="">
<PARAM NAME=movie VALUE="hp.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="hp.swf" quality=high bgcolor=#FFFFFF  WIDTH="800" HEIGHT="500" NAME="hp" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
</BODY>
</HTML>
Avatar billede onkelmor Nybegynder
19. maj 2003 - 22:11 #10
Mange tak
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