JavaScript Window

**Pino** · Jun 17th, 2005, 09:57 AM

Ok i've built up a gallery for a client and i ahd each thumnail loading up ina seperate window. But he decided he wanted javascript windows.

Now then I'm a javascript N00b and dont really want tpo get into it but do need some help with this.

Code:

<SCRIPT LANGUAGE="JavaScript">
function show_photo(pFileName,pTitle,pCaption) {
	photoWin = window.open( "", "Cerys Gallery", "width=600,height=450, status,scrollbars,resizable,screenX=20,screenY=40,left=20,top=40");
	photoWin.document.write('<html><head><title>' + pTitle + '</title></head>');	
	photoWin.document.write('<BODY BGCOLOR=#000000 TEXT=#FFFFCC LINK=#33CCFF VLINK=#FF6666>');
	photoWin.document.write('<center>');
	photoWin.document.write('<font size=+3 face="arial,helvetica"><b>' + pCaption + '</b></font><br>');
	photoWin.document.write('<img src="' + pFileName + '"><p>');
	photoWin.document.write('<font face="arial,helvetica">');	
	photoWin.document.write('"' + pTitle + '"<br>');
	photoWin.document.write('<p></font></body></html>');
	photoWin.document.close();	
	if (navigator.appName.substring(0,8) == "Netscape") photoWin.focus();
}
</SCRIPT>

and i am trying to set a link of each picture file to load its picture/captiona dn title in this javascript widnow.

PHP Code:


             echo "<a href='javascript:show_photo(" . $path . "," . $title . "," $caption ")>";

             echo "<img src='" . $path . "' width='100'></a></td>";

As we can see i'm mixing Php/Html/Javascript

This does nothing

can anyone explain to me how to use the function above corrrctly?

**Pino** · Jun 17th, 2005, 03:33 PM

Anyone any thoughts? I'm stuck here and i have a client on my back

**RobDog888** · Jun 17th, 2005, 06:16 PM

You say it does nothing? No popup window?

This is a snippet of some of my js code for a popup window. Note that the parameters for the popup are in the format - scrollbars=False ....

Code:

function openPopWin(winURL, winWidth, winHeight, winScroll) {
    var winOptions = 'menubar=no,toolbar=no,location=no,directories=no,status=yes,scrollbars=' + winScroll + ',resizable=yes,width=' + winWidth + ',height=' + winHeight;
    popup = window.open(winURL, 'popup', winOptions);
}

**RobDog888** · Jun 17th, 2005, 06:25 PM

Oh ya, and I just noticed that your not using the escape character for your document.write code.

Code:

.document.write("<html><head><title>Loading Image, Please Wait...<\/title><\/head><body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 text='",imgWidth,imgHeight,"'><center><a href='#' onClick =javascript:window.close()><img src='",imgName,"' alt='Click to Close' border='0'><\/a><\/center><\/body><\/html>")

**ALL** · Jun 18th, 2005, 05:17 PM

just a little point (if you want it!)... you dont need to seperate the variables form the output, unless you use the single quote. also you can do a line return in an echo statement

PHP Code:


echo "<a href='javascript:show_photo(" . $path . "," . $title . "," $caption ")>"; 

             echo "<img src='" . $path . "' width='100'></a></td>";

to:

PHP Code:


echo "<a href='javascript:show_photo($path,$title,$caption)'> 

<img src='$path' width='100'></a></td>";

just thought i'd let you know

PS: you are missing your end single quote of the first line of that php code! (i added in the second snippit)

Thread: JavaScript Window

Thread Tools

Display

JavaScript Window

Re: JavaScript Window

Re: JavaScript Window

Re: JavaScript Window

Re: JavaScript Window

Posting Permissions