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




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