E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale Javascript

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DEVELOPMENT  /  Javascript  /  Introducere in Javascript (13)

XI. Deschiderea unei ferestre noi (Pop-up)

14.05.2008
XI. Deschiderea unei ferestre noi (Pop-up)

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

Total vizualizari: 6920 6920 afisari   |   Comentarii  0   |   Rating   |   (2 voturi)   |   Timp necesar: 20 min 20 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
« 1 2
comenteaza printeaza

Cateva reguli importante
Inainte de a trece mai departe, sa stabilim cateva reguli pe care trebuie sa le respectati pentru ca scriptul sa functioneze corect:

1. In cazul tag-ului INPUT, puneti tot continutul acestui tag pe o singura linie in editorul text, inclusiv comenzile javascript.

2. Cand folositi comanda onClick=" ", nu lasati spatii, ci folositi virgule si ghilimele. Daca lasati spatii, codul nu va functiona corect in Netscape.

3. Valorile atributelor (yes, no, valori numerice) nu trebuie incluse in ghilimele. Folositi apostrofuri (' ') pentru a incadra intregul set de atribute.

4. In unele browsere va trebui sa inlocuiti numarul 1 cu yes si 0 cu no in sectiunea atributelor. In acest caz valorile yes si no vor functiona corect.


O noua fereastra a browserului
In continuare, sa vedem codul care deschide o fereastra completa a browserului. Pentru acesta, toate atributele trebuie sa aiba valoarea yes.

<FORM> 
<INPUT type="button" value="Fereastra noua!" 
onClick="window.open('http://www.e-learn.ro',
        'fereastra','width=300,height=300,toolbar=yes,
        location=yes,directories=yes,status=yes,menubar=yes,
        scrollbars=yes,copyhistory=yes, resizable=yes')"> 
</FORM>

Nu uitati sa puneti tot codul din tag-ul INPUT pe o singura linie.

Inchiderea ferestrei
Pentru a inchide o fereastra, folositi functia window.close() in codul HTML al paginii respective. Puneti acest cod in locul unde vreti sa apara butonul pe pagina.

<FORM> 
<INPUT type="button" value="Inchide" 
        onClick="window.close()"> 
</FORM>

Bineinteles, fereastra poate fi inchisa si apasand simbolul "x" din coltul dreapta sus.

Pozitia ferestrei
Acesta este un alt set de optiuni pe care le puteti utiliza pentru a stabili pozitia ferestrei, dar functioneaza doar pe NS4+ si IE4+:

1.    screenX=numar (in pixeli)

Seteaza distanta dintre fereastra si marginea din stanga a ecranului in Netscape 4+.

2.    screenY= numar (in pixeli)

Seteaza distanta dintre fereastra si marginea de sus a ecranului in Netscape 4+.

3.    left= numar (in pixeli)

Seteaza pozitia ferestrei fata de marginea din stanga a ecranului in IE 4+.

4.    top= numar (in pixeli)

Seteaza pozitia ferestrei fata de marginea de sus a ecranului in IE 4+.

Problema care apare este ca aceste comenzi sunt diferite pentru fiecare tip de browser. In acest caz, folosim ambele seturi de comenzi, iar browserul le va ignora pe cele pe care nu le recunoaste. Codul de mai jos deschide o fereastra noua la distanta de 0 pixeli fata de marginea din stanga si 100 de pixeli fata de marginea de sus a ecranului:

<FORM>
<INPUT type="button" value="Fereastra noua!" 
        onClick="window.open('http://www.e-learn.ro',
        'fereastra','width=400,height=200,left=0,
        top=100,screenX=0,screenY=100')"> 
</FORM>
Pagina:
« 1 2
comenteaza printeaza
Alte tutoriale Javascript:
Noteaza acest tutorial
Rating tutorial
 
(2 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
5565
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
5545
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
5385
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
5365
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
5120
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Dreamweaver XHTML Fotografie PHP Powerpoint MySQL Fireworks HTML Vista Bridge Sony Vegas StyleSheet JSON Flash Illustrator Ruby on Rails COREL DRAW AJAX Swift 3D Gimp Action Script Excel Javascript Word RoR Lightroom CSS Python PSD Outlook SWF Java XML SEO Verilog Photoshop
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software