Pop-up langas | pamokos lietuviskai

HTML CSS Javascript photoshop pamokos

lietuviskos

top

Sekite mus Facebook'e

Sekite mus Facebook'e

Vartotojo meniu

Forumo naujausi

Google paieška

Loading

Pop-up langas PDF Spausdinti
Autorius: Primatas   
Data: Penktadienis, Balandžio 03, 2009

Å ioje pamokoje parodome, kaip naudoti JavaScript funkcijÄ… window.open();

window.open() funkcija sukuria naują naršyklės langą. Galima keisti kai kuriuos lango patametrus.

HTML ir JavaScript kodas: pabandyk pats

Paprastas pop-up langas:

<head>
<script type="text/javascript">
<!--
function myPopup() {
  window.open( "http://www.manualai.lt/" )
}
//-->
</script>
</head>
<body>
<form>
<input type="button" onClick="myPopup()" value="pop-up!">
</form>
<p onClick="myPopup()">Taip pat pop-up, tik iš paragrafo tago</p>
</body>

JavaScript window.open argumentai


Argumentas ReikšmėAprašymasVersija
location yes|no Ar rodyti pop-up lango "locationbar" (vietos juostÄ…)?
ver 1.0
menubar yes|no Ar rodyti po-up lango "menubar" (meniu juostÄ…)?
 ver 1.0
scrollbars yes|no

Ar rodyti "scrollbars" (slankiklius)?

 ver 1.0
status yes|no Ar rodyti "statusbar" (statuso juostelÄ™)?
 ver 1.0
titlebar yes|no Ar rodyti "titlebar" (antraštės juostelę)? ver 1.0
toolbar yes|no Ar rodyti "toolbar" (įrankių juostą)?
 ver 1.0
resizable yes|no Ar galima keisti lango dydį?
 ver 1.0
height pixels lango aukštis
 ver 1.0
width pixels lango plotis
 ver 1.0
directories yes|no Ar rodyti "personal toolbar" (asmeninę įrankių juostą)?
 ver 1.2
innerHeight pixels vidinis lango aukštis
 ver 1.2
innerWidth pixels vidinis lango plotis
 ver 1.2
screenX pixels

atstumas pikseliais kairio viršutinio lango kampo

nuo vaizduoklio kairio viršutinio kampo.

 ver 1.2
screenY pixels atstumas pikseliais nuo vaizduoklio viršaus
 ver 1.2

IÅ¡plÄ—stas JavaScript pop-up langas

Dabar pritaikykime naujai sužinotas pop-up lango galimybes:

HTML ir JavaScript kodas: pabandyk pats

<head>
<script type="text/javascript">
<!--
function myPopup2() {
  window.open( "http://www.manualai.lt/", "myWindow", 
  "status = 1, height = 300, width = 300, resizable = 0" )
}
//-->
</script>
</head>
<body>
<form>
<input type="button" onClick="myPopup2()" value="pop-up!">
</form>
<p onClick="myPopup2()">pop-up</p>
</body>
Komentarai
Paieška
xvivax   |2009-08-16 22:36:01
avatar Galima pastebeti jog argumentas "resizable", narsyklei firefox neveikia
primatas   |2009-08-20 17:28:45
avatar dar galim pastebeti, kad siais laikais jau nelabai reikia tu pop-up, kai
yra tokei dalykai kaip jQuery

daugiau info
Tik registruoti vartotojai gali rašyti komentarus!

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."
 

bottom
top

Nuolaida serveriai.lt

hostingas su 20% nuolaida

Naujausi

Skaitomiausi

Nuolaida serveriai.lt

hostingas su 20% nuolaida

bottom

Dizainą sukūrė: Neshas ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- Privertė veikti: Primatas
parašyti administracijai
Manualai.lt 2008-2009