Tworzenie nowego okna i metody okna


Tworzenie nowego okna

Do utworzenia nowego okna używa się funkcji open(), do zamkniecia okna funkcji close(). Oto przykład.

Kod w JavaScript:
W nagłówku definiuję dwie funkcje:
<script language="JavaScript">
<!--
var secWindow 
//Tworzenie nowego okna
function openW(){
	secWindow = window.open("picture.html","","HEIGHT = 400, WIDTH=600")
}
//Zamykanie nowego okna
function closeW() {
	if(secWindow) {
		secWindow.close()
		secWindow = null
	}
}
//-->
</script>

W sekcji body wywołuje dwie funkcje:
<FORM>
<INPUT TYPE = "button" VALUE = "utwórz nowe okno" onClick = "openW()">
<INPUT TYPE = "button" VALUE = "zamknij okno" onClick = "closeW()">
</FORM>

Metody okna

Klasa window posiada trzy metody: alert(), confirm() i prompt().

alert()

Metoda ta wyświetla okienko z pojedynczą wiadomością:

Java Script Code:
W nagłówku definiuję funkcję:
<script language="JavaScript">
<!--
function alertW() {
	window.alert("To jest okno alert!")
}
//-->
</script>
W sekcji BODY wywołuję funkcję:
<FORM>
<INPUT TYPE = "button" VALUE = "ALERT!" onClick = "alertW()"> 
</FORM>

Metoda confirm()

Ta metoda wyświetla dialog yes/no i zwraca wartość logiczną:

Kod w JavaScript:
W nagłówku definiuję funkcję:
<script language="JavaScript">
<!--
function confirmW() {
	if(window.confirm("Czy jesteś pewien, że chcesz się przełączyć do strony głównej?")) {
		location.href="index.html"
	}
}
//-->
</script>
W części BODY wywołuję tą funkcję:
<FORM>
<INPUT TYPE = "button" VALUE = "CONFIRM" onClick = "confirmW()">
</FORM>

Metoda prompt()

Metoda prompt() wyświetla dialog gdzie użytkownik może wprowadzić dane i zwraca te dane:

Kod w JavaScript:
W nagłówku pliku definiuję funkcję:
<script language="JavaScript">
<!--
function promptW() {
	var answer = window.prompt("Jak masz na imię?","ququqa","")
	if(answer) { window.alert("Hello "+answer+"!")}
}
//-->
</script>
W części BODY wywołuję funkcję:
<FORM>
<INPUT TYPE = "button" VALUE = ""PROMPT" onClick = "promptW()">
</FORM>


powrót do listy skryptów JavaScript


powrót do strony głównej