I have a popup problem.
I have a script that generates a popup for image viewing.
It has 2 function, and the first is that it automaticly generates the popup
window to the size of the image, and the second is that it closes the popup
window when you click outside of it.
It is a script I have found on the internet, since I have no experience in
javascript coding.
It works fine, but the site won't go through a w3c validation.
In the script there are some body, title, head tag's which the validation
won't exept.
It looks like it can't see that it is inside a script, and think it's a body
tag that is suddently in the middle of the site, which it ofcause won't
exept.
So I need a little help with this one.
Or maybe if it's an older script, and someone knows a better and newer one
that can do the job.
Here is the script:
<script type="text/javascript">
PositionX = (screen.width/20);
PositionY = (screen.height/20);
defaultWidth = 800;
defaultHeight = 800;
var AutoClose = true;
if (parseInt(navig ator.appVersion .charAt(0))>=4) {
var isNN=(navigator .appName=="Nets cape")?1:0;
var isIE=(navigator .appName.indexO f("Microsoft")! =-1)?1:0;}
var
optNN='scrollba rs=no,width='+d efaultWidth+',h eight='+default Height+',left=' +
PositionX+',top ='+PositionY;
var
optIE='scrollba rs=no,width=150 ,height=100,lef t='+PositionX+' ,top='+Position Y
;
function popImage(imageU RL,imageTitle){
if (isNN){imgWin=w indow.open('abo ut:blank','',op tNN);}
if (isIE){imgWin=w indow.open('abo ut:blank','',op tIE);}
with (imgWin.documen t){
writeln('<html> <head><title>Lo ading...</title><style>bo dy{margin:0px;} </styl
e>');writeln('< sc'+'ript>');
writeln('var isNN,isIE;');wr iteln('if
(parseInt(navig ator.appVersion .charAt(0))>=4) {');
writeln('isNN=( navigator.appNa me=="Netscape") ?1:0;');writeln ('isIE=(navigat o
r.appName.index Of("Microsoft") !=-1)?1:0;}');
writeln('functi on reSizeToImage() {');writeln('if
(isIE){');write ln('window.resi zeTo(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);}');wr iteln('if (isNN){');
writeln('window .innerWidth=doc ument.images["George"].width;');write ln('windo
w.innerHeight=d ocument.images["George"].height;}}');
writeln('functi on
doTitle(){docum ent.title="'+im ageTitle+'";}') ;writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no"
onload="reSizeT oImage();doTitl e();self.focus( )">')
else writeln('</head><body bgcolor=000000 scroll="no"
onload="reSizeT oImage();doTitl e();self.focus( )" onblur="self.cl ose()">');
writeln('<img name="George" src='+imageURL+ '
style="display: block"></body></html>');
close();}}
</script>
And on the site i write this:
<a href="javascrip t:popImage('the image url','the popup window name')">click
here</a>
