» »

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
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
<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.

<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
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 :\
Simply The Best and Uniqe!

zenith1 ::

Drugač o JS vem ravno toliko, kot je ostalo lanskega snega. Ampak bi bilo takole v redu zate.

LP

*pety* ::

ej ne najde mi strežnika :( :( ma kdo še kako možno pomoč?:\
Simply The Best and Uniqe!

*pety* ::

a pozna kdo kodo, ki bi znala pomagat?:\ plosim plosim
Simply The Best and Uniqe!


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

jquery in div-i (strani: 1 2 )

Oddelek: Izdelava spletišč
8710643 (9381) lisjak
»

JavaScript zunaj HTML

Oddelek: Izdelava spletišč
111206 (1104) *wolf*
»

Javascript in php

Oddelek: Izdelava spletišč
201887 (1576) rokpok
»

[JavaScript]window.open()

Oddelek: Izdelava spletišč
171763 (1554) Ziga Dolhar
»

Kako se tole naredi?

Oddelek: Izdelava spletišč
261440 (1140) njok

Več podobnih tem