XI. Deschiderea unei ferestre noi (Pop-up)

Pentru a deschide o fereastra noua, trebuie sa folositi o functie JavaScript predefinita. Sintaxa este:

window.open('url', 'nume fereastra', 'atribut1', 'atribut2')

Aceasta este functia care va permite sa deschideti o noua fereastra a browserului. Observati ca parametrii functiei au fost separati prin virgule in loc de spatii.

1.    'url'

Adresa web a paginii care doriti sa apara in fereastra noua.

2.    'nume fereastra'

Puteti folosi ce nume doriti. Acest parametru poate fi utilizat in caz ca va veti referi mai tarziu la aceasta fereastra.

3.    'atribut1,atribut2'

Pentru ultimii 2 parametri puteti alege dintr-o lista de atribute, prezentate in continuare.

Atribute

1.    width=200

Defineste latimea ferestrei, in pixeli.

2.    height=200

Defineste inaltimea ferestrei, in pixeli.

3.    resizable=yes/no

Alegeti daca utilizatorul are optiunea de a redimensiona fereastra.

4.    scrollbars=yes/no

Alegeti daca fereastra va avea sau nu scrollbar.

5.    toolbar=yes/no

Alegeti daca noua fereastra va avea sau nu meniul de navigare al browserului (butoanele back, forward, stop,etc.).

6.    location=yes/no

Alegeti daca doriti sau nu ca bara ce arata url-ul curent sa fie vizibila (In aceasta bara scrieti adresa http://site...).

7.    directories=yes/no

Alegeti daca doriti sau nu ca fereastra sa includa alte butoane. (butoane personale, etc...).

8.    status=yes or no

Alegeti daca doriti ca fereastra sa cuprinda bara de status .

9.    menubar=yes or no

Alegeti daca doriti ca fereastra sa includa meniul principal (File, Edit, etc...).

10.    copyhistory=yes or no

Alegeti daca doriti ca noua fereastra sa importe istoricul paginilor vizitate (history) din fereastra parinte.

Iata un exemplu de cod care deschide un pop-up la apasarea unui buton:

<FORM> 
<INPUT type="button" value="Fereastra noua!" 
onClick="window.open('http://www.site.com/pagina.htm',
        'titlu','width=400,height=200')"> 
</FORM>

• Banda de stiri cu scroll in Javacript
• Reflexii pentru imagini
• URLencode si URLdecode cu JavaScript
• Explicarea scriptarii cross-site
• VI. Prompt-uri