creating new window

14 New Member

I have 10 thumbnails on a page. My goal is to have a new window appear containing the full size image when the small link is clicked under each respective image. But instead of creating 10 html pages, each with a different full-sized image, I am attempting to have my code just write new windows containing the clicked images.

Expand|Select|Wrap|Line Numbers

 var newWindow;
 
function writeToWindow() {

newWindow = window.open("","","status,height=200,width=300");

var newContent = " <html><head><title>IMAGE<\/title><\/head>";

newContent += "<body>";

newContent += "<\/body><\/html>";
 
newWindow.document.write(newContent);

newWindow.document.close();

}

[HTML]<a href="#" value="image1" onclick="writeToWindow();">Enlarge image</a>[/HTML]

What should go between the body tags in my js and what should i place in the <a> tags to make this happen?!?!

Thanks!

Jul 13 '07 #1

Subscribe Reply

1602

nomad

664

Recognized Expert Contributor

I have 10 thumbnails on a page. My goal is to have a new window appear containing the full size image when the small link is clicked under each respective image. But instead of creating 10 html pages, each with a different full-sized image, I am attempting to have my code just write new windows containing the clicked images.

Expand|Select|Wrap|Line Numbers

var newWindow;

function writeToWindow() {

newWindow = window.open("","","status,height=200,width=300");

var newContent = " <html><head><title>IMAGE<\/title><\/head>";

newContent += "<body>";

newContent += "<\/body><\/html>";

newWindow.document.write(newContent);

newWindow.document.close();

}

[HTML]<a href="#" value="image1" onclick="writeToWindow();">Enlarge image</a>[/HTML]

What should go between the body tags in my js and what should i place in the <a> tags to make this happen?!?!

Thanks!

not to sure if you can write a array that can hold your images that might be the way to go.
nomad

Jul 13 '07 #2

acoder

16,027

Recognized Expert Moderator MVP

I have 10 thumbnails on a page. My goal is to have a new window appear containing the full size image when the small link is clicked under each respective image. But instead of creating 10 html pages, each with a different full-sized image, I am attempting to have my code just write new windows containing the clicked images.

Expand|Select|Wrap|Line Numbers

var newWindow;

function writeToWindow() {

newWindow = window.open("","","status,height=200,width=300");

var newContent = " <html><head><title>IMAGE<\/title><\/head>";

newContent += "<body>";

newContent += "<\/body><\/html>";

newWindow.document.write(newContent);

newWindow.document.close();

}

[HTML]<a href="#" value="image1" onclick="writeToWindow();">Enlarge image</a>[/HTML]

What should go between the body tags in my js and what should i place in the <a> tags to make this happen?!?!

Thanks!

Pass the url to the image as an argument in writeToWindow(). Between the body tags, add something like:

Expand|Select|Wrap|Line Numbers

newContent += "<img src=\""+imgsrc+"\">";

Alternatively, just use the link, set the target to "_BLANK" to open a new window, and just link to the image:
[HTML]<a href="url-to-img.gif" target="_BLANK">Enlarge Image</a>[/HTML]

Jul 16 '07 #3

by: Tom Moroow | last post by:

Hi, I'm pretty new to javascript and was wondering how you would piece together a variable name and then assign it a value. I want to create a hidden field and assign it a value based on the value...

Similar topics