Just nu i M3-nätverket
Jump to content

öppna nytt fönster


matte2k

Recommended Posts

har fått tag på det här skripet som ska popuppa... och fönstret ska automatiskt ändra storlek till bildens storlek... är det möjligt å ta den funktion och göra om till ett script som gör att man genom en länk kan öpnna en bild i ett nytt fönster.. fönstret får gärna centreras oxå, dock ej ett måste..

nån som kan hjälpa mig med detta...

 

/matte

 

 

 

 

glöm detta.. hittade ju....

 

 

 

==============================================================

Script: Auto-Sizing Image Popup Window

 

Functions: Use this script to launch a popup window that

automatically loads an image and resizes itself

to fit neatly around that image. The script also

places a title you set in the titlebar of the

popup window. Any number of images can be launched

from a single instance of the script.

 

Browsers: NS6-7 & IE4 and later

[Degrades functionally in NS4]

 

Author: etLux

==============================================================

 

 

 

STEP 1.

Inserting the JavaScript <script> In Your Page

 

Insert the following script in the <head>...</head> part

of your page. Take special care not to break any of the lines;

they must be exactly as shown.

 

Set the variables as per the instructions in the script.

 

 

 

<script>

 

// Script Source: CodeLifter.com

// Copyright 2003

// Do not remove this notice.

 

// SETUPS:

// ===============================

 

// Set the horizontal and vertical position for the popup

 

PositionX = 100;

PositionY = 100;

 

// Set these value approximately 20 pixels greater than the

// size of the largest image to be used (needed for Netscape)

 

defaultWidth = 500;

defaultHeight = 500;

 

// Set autoclose true to have the window close automatically

// Set autoclose false to allow multiple popup windows

 

var AutoClose = true;

 

// Do not edit below this line...

// ================================

if (parseInt(navigator.appVersion.charAt(0))>=4){

var isNN=(navigator.appName=="Netscape")?1:0;

var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}

var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;

var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;

function popImage(imageURL,imageTitle){

if (isNN){imgWin=window.open('about:blank','',optNN);}

if (isIE){imgWin=window.open('about:blank','',optIE);}

with (imgWin.document){

writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');

writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');

writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');

writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');

writeln('width=100-(document.body.clientWidth-document.images[0].width);');

writeln('height=100-(document.body.clientHeight-document.images[0].height);');

writeln('window.resizeTo(width,height);}');writeln('if (isNN){');

writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');

writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');

if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')

else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');

writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');

close();

}}

 

</script>

 

 

 

==============================================================

 

 

 

STEP 2.

Calling the Image Popup from Links in Your Page

 

This is the form of the function:

 

imagePop("url_of_image","title_of_image")

 

Use the relative or absolute path of the image where we show

url_of_image. This is the url of the image you wish to show

in the auto-sizing popup window.

 

Use any text you wish where we show title_of_image. This is

the title that will appear in the titlebar of the popup. (Note:

do not use single- or double-quotes within a title.)

 

Caution: Be careful to place both values within quotes.

See the samples below.

 

 

Example 1: Launching from a text link

 

<a href="javascript:popImage('http://SomeSite.com/SomeImage.gif','Some Title')">

Click Here

</a>

 

 

Example 2: Launching from an image link

 

<a href="javascript:popImage('http://SomeSite.com/SomeImage.gif','Some Title')">

<img src="YourImage.gif" border="0">

</a>

 

 

Example 3: Launching from a form button

 

<form>

<input type="button" value="Click Here" onClick="popImage('SomeImage.gif','Some Title')">

</form>

 

 

 

============================[end]=============================

 

 

[inlägget ändrat 2003-07-15 21:00:53 av bor1z]

Link to comment
Share on other sites

Eller så gör du ett eget script som kanske är lite mindre. :)

 

<html>
<head>
<title>Testscript</title>
</head>
<script language="Javascript1.1">
<!--

function openImg(imageUrl, imageTitle) 
{
var img = new Image();
img.src = imageUrl;

var l = screen.width / 2 - 320;
var t = screen.height / 2 - 320;

var windowprops = "location=no,scrollbars=no,menubars=no,toolbars=no,resizable=no" +
",left=" + l + ",top=" + t + ",width=" + img.width + ",height=" + img.height;

var version = parseInt(navigator.appVersion);

if (version >= 4)
{
	imgPop = window.open("","PopupWin",windowprops);
	with (imgPop.document)
	{
		writeln('<html><head><title>' + imageTitle + '</title></head>');
		writeln('<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">');
		writeln('<img src="' + imageUrl + '" width="' + img.width + '" height="' + img.height + '" border="0"');
		writeln('</body></html>');
		close();
	}
}
else
{
	window.location.href = URL;
}
}

//-->
</script>

<body>
<br>
<a href="javascript:openImg('bild.jpg', 'Test')">Scripttest</a></td>
<br>
</body>
</html>

 

/JANspeed

 

 

[inlägget ändrat 2003-07-16 14:28:30 av JANspeed]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...