EchoEcho.Com
KOMPLETTE WEBKURSER

HJEM KURSER JAVASCRIPT AVANCERET     
EchoEcho.Com
TOOLS & RESSOURCER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
  
  SØG PÅ DETTE SITE

FORESLÅ DETTE SITE
FORESLÅ DETTE SITE      

POPUP VINDUER

INTRODUKTION


TEKNIKKEN


KODEN


EKSEMPEL


POPUP REDKSAB

Popup vinduer :
KODEN

Når man arbejder med popup vinduer, er der tre forskellige teknikker der er relevante:
  • HVORDAN MAN ÅBNER ET NYT VINDUE

  • HVORDAN MAN LUKKER ET NYT VINDUE

  • HVORDAN MAN BRUGERTILPASSER ET NYT VINDUE


Denne side dækker disse tre teknikker en efter en.




ÅBNE ET VINDUE

javascriptet til at åbne et nyt vindue er:

MyNewWindow=
window.open("http://www.mydomain.com/myfile.html", "NameOfMyWindow");


Dette vil åbne et nyt vindue magen til det der er beskrevet på foregående side.

Vi har stadig ikke sat hvilke knapper og menuer der skal være tilstæde samt størrelsen på vinduet.




LUK VINDUE

Javascript til at lukke et vindue er:
NameOfMyWindow.close();


NameOfMyWindow er det navn du gav vinduet da du åbnede det.

NB:
Hvis du vil lukke det aktive vindue behøver du ikke at speceficere navnet på vinduet.


Istedet kan du bare bruge:
window.close();





BRUGERTILPASSE ET VINDUE

Du kan tilføje flere forskellige parametere for det nye vindue.

Dette vil tillade dig at kontrollere vinduets størelse samt hvilke dele af broseren der skal være tilgængelige.

option forklaring
toolbar = ja | nej tilføj/fjern browserens toolbar
location = ja | nej tilføj/fjern browserens location field
directories = ja | nej tilføj/fjern browserens directories felt
status = ja | nej tilføj/fjern browserens status felt
menubar = ja | nej tilføj/fjern browserens menubar
scrollbars = ja | nej tilføj/fjern browserens scrollbarre
resizeable = ja | nej tillader at man ændrer et nyt vindues størelse
width = value vinduets bredde i pixels
height = value vinduets højde i pixels


Et eksempel på en måde at definere hvilke dele der skal være synelige, er vist nedenunder:

PageURL="http://www.mydomain.com/myfile.html";

WindowName="MyPopUpWindow";

settings=
"toolbar=yes,location=yes,directories=yes,"+
"status=no,menubar=no,scrollbars=yes,"+
"resizable=yes,width=600,height=300";


MyNewWindow=
window.open(PageURL,WindowName,settings);

Note:
Der er ikke mellemrum mellem de forskellige indstillinger.
Hvis der var ville vinduet ikke åbne korrekt i Netscape browsere.




<< TILBAGE
LÆS MERE >>

JAVASCRIPT MENU

JAVASCRIPT INTRO


ANIMEREDE KNAPPER


BROWSER DETECTION


COOKIES


POPUP VINDUER


DROP DOWN MENU


FORM VALIDERING


FRAMESET SCRIPT


MULTI LINK








EchoEcho.Com
KOMPLETTE WEBKURSER
 HJEM 
 
 KURSER 
 
 RESSOURCER 
 
 REDSKABER 
 
 DOKUMENTATION 
   
 OVERSIGT 
EchoEcho.Com
TOOLS & RESSOURCER

(c) Copyright 1998-1999 NetKontoret - All Rights Reserved         Opdateret: 09/20/2001 12:10:15