| PROIECTARE SITE WEB > DOCUMENTATIE - JAVASCRIPT - Crearea
ferestrelor in JavaScript |
Proiectare Site si Web Design - JavaScript - Crearea Ferestrelor
Deschiderea automata a unei noi ferestre de browser este una dintre
proprietatile deosebite ale JavaScript. Putem sa incarcam in noua
fereastra fie un document deja creat (de exemplu un document HTML
de pe server), fie putem crea si incarca un document nou. In cele
ce urmeaza vom vedea cum putem deschide o noua fereastra si incarca
o pagina HTLM existenta in aceasta fereastra.
Urmatorul script deschide o noua fereastra browser si incarca o pagina
oarecare:
<html>
<head>
<script
language="JavaScript">
<!--
function openWin() {
myWin= open("fereastra.htm");
}
//
-->
</script>
</head>
<body>
<form>
<input type="button" value=Deschide fereastra noua"
onClick="openWin()">
</form>
</body>
</html>
Pagina "fereastra.htm" este incarcata in
noua fereastra prin intermediul metodei "open()".
Putem controla modul in care apare noua ferestra. De exemplu fereastra
poate avea o bara de stare, o bara de instrumente sau o bara de meniuri.
Urmatorul script deschide o noua fereastra care are dimensiunile 200x300.
Fereastra nu va avea o bara de stare sau o bara de instrumente dar
va avea o bara de meniuri.
<html>
<head>
<script
language="JavaScript">
<!--
function openWin2() {
myWin= open("fereastra.htm", "displayWindow",
"width=200,height=300,status=no,toolbar=no,menubar=yes");
}
//
-->
</script>
</head>
<body>
<form>
<input type="button" value="Open new window"
onClick="openWin2()">
</form>
</body>
</html>
Se poate cu usurinta constata faptul ca specificam proprietatile
in sirul:
width=200,height=300,status=no,toolbar=no,menubar=yes
Observam de asemenea ca nu trebuie folosite spatii in
acest sir!
Iata o lista a proprietatilor (impreuna cu domeniul de valori) pe
care o fereastra le poate avea:
| directories |
yes / no |
| height |
number
of pixels |
| location |
yes / no |
| menubar |
yes / no |
| resizable |
yes / no |
| scrollbars |
yes / no |
| status |
yes / no |
| toolbar |
yes / no |
| width |
number
of pixels |
| alwaysLowered |
yes / no |
| alwaysRaised |
yes / no |
| dependent |
yes / no |
| hotkeys |
yes / no |
| innerWidth |
number
of pixels |
| innerHeight |
number
of pixels |
| outerWidth |
number
of pixels |
| outerHeight |
number
of pixels |
| screenX |
position
in pixels |
| screenY |
position
in pixels |
| titlebar |
yes / no |
| z-lock |
yes / no |
|
Creare
si actualizare site