Det är många som använder sig av pop-up fönster för att ha information i
i stället för ett vanligt inlägg på bloggen, och jag anväder mig av det ofta.
Så jag tänkte jag skulle dela med mig av ett sådant javascript som jag tycker
är super bra....detta script rättar automatiskt till sig efter hur stort innehållet
är i det. De flesta pop-up fönster måste man ställa in hur stor fönstret ska bli
och här slipper man det besväret.
1. Denna kod ska in inom <head> i eran kodmall
<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(300,300);');
writeln('width=300-(document.body.clientWidth-document.images[0].width);');
writeln('height=300-(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>
2. Denna kod ska ni placera var ni vill ha länken för att fönstret ska öppna sig
Vill ni istället för en text ha en bild som öppnar fönstret istället så ersätter ni "Klicka här"
med denna koden.
Svårare än så är det inte....lycka till :)
5 kommentarer
Cajsa
22 Oct 2009 22:45
Hej!
Du skrev till mig på ddb's forum, om dessa popupp-fönster. Jag klistrade in den första koden efter <head> som det står att man ska.
men det händer något konstigt med min blogg?
gå in och kolla och kanske kan du se vad som är fel.
Cajsa
23 Oct 2009 14:54
Såg vad du hade kommenterat, och jag tog bort det igen, men har lagt till det nu så att du kan se vad som är fel.
Jag provade nu att lägga den precis innan </head> men det hjälpte inte.
Cajsa
23 Oct 2009 18:32
Tack så jättemycket! Nu fick jag ordning på det! :D
Jennie
12 Nov 2010 09:26
Hej
Jag undrar om du har svar till mig ang popup fönster. Min fråga lyder: Vet du hur man kan ha 2 popup fönster på olika ställen, te.x en på kontakt ( med info) och den andra te.x info om mig?
ina
15 Dec 2010 12:11
Kul att någon annan har koder för popupfönster, designadinbloggs koder funkar tyvärr inte!
Jag har haft en sån här popup i några månader nu, men av någon anledning går det inte att förhandsgranska stilmallen när jag lägger in de här koderna. Du har ingen aning om vad det kan bero på? Jag lägger in dom rätt, så det är inte det som är problemet :/
Kommentera