Avatar billede 4b4dk Nybegynder
10. juli 2002 - 17:57 Der er 7 kommentarer og
1 løsning

Indviklet minimering af popup window via javascript

Jeg har set på andre sider at det er muligt at ændre størelse på popup window via javascript.

Her er hvad jeg kunne tænke mig:
tryk på et link og mit pop-up window resizes til en anden størelse, og der loades en ny side i pop-up window. (en og samme funktion).

Ideen var så .. at når man trykkede på linket .. blev browser vinduet "minimeret" til en anden størelse og en ny fil vises .. hvor der efter 2-3 sec. minimeres helt!

Har funktionen til at minimere helt.. men mangler hvordan man resizer (OG HOPPER TIL EN NY SIDE) .. af pop-up't...

Agh.. jeg har det sådan at alt skal forklares til det bliver indviklet.. Håber nogen kan forstå mine kragetær :)
Avatar billede jakoba Nybegynder
10. juli 2002 - 18:13 #1
idet du åbner vinduet skal du sørge for at gemme den pegepind til vinduet der bliver returneret af window.open

<script type='text/javascript'>

var pegepind;
function aabenOgResize( nyurl, bredde, hojde ) {
    pegepind = window.open( nyurl, "fast_vindues_navn" );  // åben eller load ny side.
    pegepind.resizeTo( bredde, hojde );    // juster størrelsen
}; //end aabenOgResize( string, number, number )

</script>

du kan også bruge pegepind senere til at få fat i vinduet.

mvh JakobA
Avatar billede 4b4dk Nybegynder
10. juli 2002 - 18:30 #2
dvs at hvis min faste url er open.html og mit normale window size er 800*600 så skal koden så således ud for at resize til 800*50 og hoppe til minimize.html:

<script type='text/javascript'>

var pegepind;
function aabenOgResize( minimize, 800, 50 ) {
    pegepind = window.open( nyurl, "open.html" );  // åben eller load ny side.
    pegepind.resizeTo( 800, 600 );    // juster størrelsen
}; //end aabenOgResize( string, number, number )

</script>

og så kalde scriptet med:
<a href="java script:aabenOgResize()">minimer</a>

er det korrekt ?
Avatar billede jakoba Nybegynder
10. juli 2002 - 18:38 #3
Nej ikke helt. nyurl, bredde og hojde er navne på paramtre, idet du ukalder funktionen skal du angive den sideadresse og den bredde og højde de ræpræsenterer

<script type='text/javascript'>

var pegepind;
function aabenOgResize( nyurl, bredde, hojde ) {
    pegepind = window.open( nyurl, "fast_vindues_navn" );  // åben eller load ny side.
    pegepind.resizeTo( bredde, hojde );    // juster størrelsen
}; //end aabenOgResize( string, number, number )

</script>

<a href="java script:aabenOgResize( 'open.html', 800, 600 )">minimer</a>

nu virker funktionen somom de værdier står de stede de tilsvarende parameternavne står.

mvh JakobA
Avatar billede jakoba Nybegynder
10. juli 2002 - 18:41 #4
bagefter kan du så ændre til en anden side (og størrelse) med:

<a href="java script:aabenOgResize( 'minimize.html', 800, 50 )">minimer</a>
Avatar billede 4b4dk Nybegynder
10. juli 2002 - 19:22 #5
det virker fint hvis det ikke er i et popup window.. men når jeg prøver det i et pop-up virker det ikke.. skal bruge det i noget chromeless værk!
se: www.4b4.dk/kasper-sorensen (har noget non mouse stuff så du kan ikke se koden).. men det jeg har brugt på "minimize" er: (undermenu.html kode)

<html>
<head>
<meta http-equiv="imagetoolbar" content="no">
<script type="text/javascript" src="js/nosecondmouse.js"></script>
<script>
onload = function() {
if (document.all) {
  obj = document.images['dragger'];
  x=0; y=0;catchW=false;
  obj.onmousedown = function() { x = event.screenX-top.window.screenLeft; y= event.screenY-top.window.screenTop;catchW=true; }
  obj.onmousemove = function() { if (catchW) top.window.moveTo(event.screenX-x,event.screenY-y);}
  obj.onmouseup = function() { catchW=false; }
}
}
</script>
<script type='text/javascript'>

var pegepind;
function aabenOgResize( nyurl, bredde, hojde ) {
    pegepind = window.open( nyurl, "fast_vindues_navn" );  // åben eller load ny side.
    pegepind.resizeTo( bredde, hojde );    // juster størrelsen
}; //end aabenOgResize( string, number, number )

</script>

</head>
<base target="numbers">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="800" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200">&nbsp;</td>
    <td width="400"><div align="center"><img src='move_image.gif' ondragstart='return false;' id='dragger'></div></td>
    <td width="200"><div align="right"><a href="java script:aabenOgResize( 'open.html', 700, 500 )">minimer</a><img src="spacer.gif" width="15" height="1"></div></td>
  </tr>
</table>
</html>


Hvad gør jeg galt ?
Avatar billede 4b4dk Nybegynder
10. juli 2002 - 19:23 #6
siden er btw delt op i framesets.. så skal have en target på .. men det kan jeg vel bare gøre med <base target="helesiden">...
Avatar billede 4b4dk Nybegynder
10. juli 2002 - 19:24 #7
el _top
Avatar billede 4b4dk Nybegynder
12. juli 2002 - 23:30 #8
nå.. fik aldrig et svar..
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