Forum » Izdelava spletišč » JavaScript popup
JavaScript popup
Karlos ::
No na JavaScript se glih ne spoznam prav dobr, zadeva je pa taka, da bi rad, da ko se mi odpre popup okno v katerem je slika odpru z lastnmostmi
Pa še moja koda:
head>
skript language="JavaScript">
function openW(mypage,myname,w,h,features) {
if(screen.width){
var winl = (screen.width-w)/2;
var wint = (screen.height-h)/2;
}else{winl = 0;wint =0;}
if (winl < 0) winl = 0;
if (wint < 0) wint = 0;
var settings = 'height=' + h + ',';
settings += 'width=' + w + ',';
settings += 'top=' + wint + ',';
settings += 'left=' + winl + ',';
settings += features;
win = window.open(mypage,myname,settings);
win.window.focus();
}
/script>
/head>
body>
a href="JavaScript:openW('/pod/do/slike','Title',width,height,'')">Ime linka/a>
/body>
Oz. kako bi naredu podobno kakor se na teli strani odpirajo slike:
http://avtomoto.siol.net/default.asp?ar...
leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
Pa še moja koda:
head>
skript language="JavaScript">
function openW(mypage,myname,w,h,features) {
if(screen.width){
var winl = (screen.width-w)/2;
var wint = (screen.height-h)/2;
}else{winl = 0;wint =0;}
if (winl < 0) winl = 0;
if (wint < 0) wint = 0;
var settings = 'height=' + h + ',';
settings += 'width=' + w + ',';
settings += 'top=' + wint + ',';
settings += 'left=' + winl + ',';
settings += features;
win = window.open(mypage,myname,settings);
win.window.focus();
}
/script>
/head>
body>
a href="JavaScript:openW('/pod/do/slike','Title',width,height,'')">Ime linka/a>
/body>
Oz. kako bi naredu podobno kakor se na teli strani odpirajo slike:
http://avtomoto.siol.net/default.asp?ar...
Sai Baba: "Dam vam to, kar hočete, da boste hoteli to, kar vam želim dati."
tec ::
Tole je popup.html
Tole je popup.js, ki ga dodas v header
Tole pa dodas na linke
<HTML><HEAD><TITLE>ime slik</TITLE> <script> var arrTemp=self.location.href.split("?"); var picUrl = (arrTemp.length>0)?arrTemp[1]:""; var NS = (navigator.appName=="Netscape")?true:false; function resajz() { iWidth = (NS)?window.innerWidth:document.body.clientWidth; iHeight = (NS)?window.innerHeight:document.body.clientHeight; iWidth = document.images[0].width - iWidth; iHeight = document.images[0].height - iHeight; window.resizeBy(iWidth, iHeight); self.focus();}; </script> <style>body{margin: 0px;} input{border: 1px solid #000000; font-family: tahoma;}</style> <META HTTP-EQUIV="imagetoolbar" CONTENT="no"> </HEAD> <BODY onload='resajz();'> <script> document.write( "<img src='" + picUrl + "' border=1>" ); </script></BODY></HTML>
Tole je popup.js, ki ga dodas v header
function okno(sPicURL) {window.open( "/link/do/popup.htm?"+sPicURL, "", "resizable=0,HEIGHT=200,WIDTH=200,left=5,top=5,screenX=5,screenY=5");}
Tole pa dodas na linke
onclick="javascript:okno('/link/do/slike.jpg')"
Karlos ::
Res ti hvala za tale quick answer, da ne omenjam kolk časa sem se zafrkavu s tem.
Sai Baba: "Dam vam to, kar hočete, da boste hoteli to, kar vam želim dati."
MRB0rYS ::
Jaz sem tole kodo že neki časa nazaj malce popravil, tako da ima popup slika spodaj gumbek ZAPRI OKNO.
S tem da sem jaz dodal css sej to pa ni težko.
Samo imam pa eno vprašanje.
Rad bi dodal recimo gumbek na popup oknu naslednja slika in prejšnja slika, kot na primer na avto.net. S tem da se sprehajaš samo po slikah na recimo eni strani ki je trenutno odprta.
lp
S tem da sem jaz dodal css sej to pa ni težko.
<html> <head> <title>Slika</title> <script> var arrTemp=self.location.href.split("?"); var picUrl = (arrTemp.length>0)?arrTemp[1]:""; var NS = (navigator.appName=="Netscape")?true:false; function resajz() { iWidth = (NS)?window.innerWidth:document.body.clientWidth; iHeight = (NS)?window.innerHeight:document.body.clientHeight; iWidth = document.images[0].width - iWidth; iHeight = document.images[0].height - iHeight; window.resizeBy(iWidth, iHeight+30); self.focus();}; </script> <style> body { margin: 0px; background-color: #00CC00; } </style> <link href="../css.css" rel="stylesheet" type="text/css"> </head> <body onload='resajz();'> <p><center> <script class="popitup"> document.write( "<img src='"+ picUrl +"' border=0>"); document.write('<input type="button" class="popitup" onClick="javascript:window.close();" value="Zapri okno">'); document.close(); </script></center> </body></html>
Samo imam pa eno vprašanje.
Rad bi dodal recimo gumbek na popup oknu naslednja slika in prejšnja slika, kot na primer na avto.net. S tem da se sprehajaš samo po slikah na recimo eni strani ki je trenutno odprta.
lp
b0rys
Zgodovina sprememb…
- spremenil: MRB0rYS ()
Karlos ::
Samo v firefoxu se pa mal premal razširi v širino, oz. sliko mal odseka (koda od MRB0rYS-a)
Sai Baba: "Dam vam to, kar hočete, da boste hoteli to, kar vam želim dati."
Karlos ::
Ok stvar sem rešil tako da sem v kodi
function okno(sPicURL)
{window.open( "/link/do/popup.htm?"+sPicURL, "", "resizable=0,HEIGHT=200,WIDTH=200,left=5,top=5,screenX=5,screenY=5");}
HEIGHT=200,WIDTH=200 popravil na HEIGHT=400,WIDTH=400
Lp
function okno(sPicURL)
{window.open( "/link/do/popup.htm?"+sPicURL, "", "resizable=0,HEIGHT=200,WIDTH=200,left=5,top=5,screenX=5,screenY=5");}
HEIGHT=200,WIDTH=200 popravil na HEIGHT=400,WIDTH=400
Lp
Sai Baba: "Dam vam to, kar hočete, da boste hoteli to, kar vam želim dati."
*pety* ::
am tale koda, ki jo je MRB0rYS napisov en post nazaj...
no jst sm poskusla to kodo uporabit na moji spletni strani pa sem se cist totalka zmedla!
A bi biu en tko dobr, da bi mi napisov, kam moram vstavit PODATKE MOJE SLIKE... npr. naslov slike je PES velika je pa W:500 H:400 ... bi mi lahko kdo pomagou? Prosm
no jst sm poskusla to kodo uporabit na moji spletni strani pa sem se cist totalka zmedla!
A bi biu en tko dobr, da bi mi napisov, kam moram vstavit PODATKE MOJE SLIKE... npr. naslov slike je PES velika je pa W:500 H:400 ... bi mi lahko kdo pomagou? Prosm
Simply The Best and Uniqe!
zenith1 ::
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
» | jquery in div-i (strani: 1 2 )Oddelek: Izdelava spletišč | 11383 (10121) | lisjak |
» | JavaScript zunaj HTMLOddelek: Izdelava spletišč | 1289 (1187) | *wolf* |
» | Javascript in phpOddelek: Izdelava spletišč | 1966 (1655) | rokpok |
» | [JavaScript]window.open()Oddelek: Izdelava spletišč | 1850 (1641) | Ziga Dolhar |
» | Kako se tole naredi?Oddelek: Izdelava spletišč | 1516 (1216) | njok |