problem with different thumbnails opening same window

Danny

hi, lately i've been working on a website and i have used a bit of
javascript although i'm not an expert in this mather.
On the page there are 3 thumbnails and when you click on a thumbnail a
window with a picture (and text) on it opens.
Each thumbnail should open a window with a different picture. So this is
where the problem comes in : no matter wich thumbnail I click on, it's
always the same window with the same picture that opens...
Does it has something to do with the name of each window or the
showWindow() -function or the .....
the url is http://users.pandora.be/zwerfwagen/test.html
a second problem is the following : when you click on a thumbnail and the
new window opens, it is centered on the screen, but this is only for the
resolution of my screen. how can i make sure that the window is always
centered, no matter what type of screen/resolution is used?

any help would be appreciated
Danny

Jul 23 '05 #1

Subscribe Reply

1458

Robert

"Danny" <AN********************@pandora.be> wrote in message news:<4U***********************@phobos.telenet-ops.be>...

hi, lately i've been working on a website and i have used a bit of
javascript although i'm not an expert in this mather.
You need to go to the library or bookstore and get a book on
Javascript. The book recommended by this group is: javascript: The
Deinitive Guide by David Flanagan.

For a more basic book, I would consider: HTML for the World Wide Web
with XHTML and CSS: Visual QuickStart Guide, Fifth Edition by
Elizabeth Castro. This book is in the style of a cookbook. This is
good if it has what you want, but bad if not.

You need to abandoned the user of Front Page. It isn't compatible
with Javascript nor with browser other than IE. Front Page will kind
of work but you will get burnt by it eventually.

I could not exacly determine how you wanted your script to work but
here is something that may help.

I posted an example using frames here:

http://groups.google.com/groups?q=rc...gle.com&rnum=6

It has the subject of Re: change image in another frame.
Here is an example using CSS:

Robert

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Swap images</title>
<style type="text/css">

#thumbs{
float: left;
width: 20%;
padding-left: 5px;
padding-bottom: 20px;
}

#picture{
visibility: hidden;
float: right;
width: 74%;
padding-bottom: 20px;
border-width: medium;
border-style: dotted;
border-color: red;
background-color: grey;

}

#footer{
clear: both;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background: #eee;
}

</style>

<script type="text/javascript">
var nasaPath = "http://spaceplace.nasa.gov" +
"/en/educators/images/solarsystem/";

/*
An easier way to do this would be to make a transparent gif
image. Using a transparent gif image would avoid the use
of the css hidden visibility.

Netscape waits until the image is complete to display the new
image. In the meantime, Netscape displays the old image.
*/

var hideFirstPicture = "hidden";

function genImage(link)
{
var data = "<a href='" + nasaPath + link + "_L.jpg'>\n" +
"<img src='" + nasaPath + link + "_T.jpg'\n" +
"onclick='return changeImg(\"" +
nasaPath + link + "_L.jpg\");'>\n" +
"<\/a>";
document.writeln(data);
document.writeln("<br><br>");
}

function changeImg(name)
{

document.getElementById("picture").style.visibilit y = "hidden";
document.images["big_image"].src = name;

return false;

}
</script>
</head>
<body>
<div id="thumbs">
<h3>Solar System:</h3>
<script type="text/javascript">
genImage("Apollo17_Earth");
genImage("clem_full_moon");
genImage("giotto_halley");
</script>
</div>

<div id="picture">
<img id="big_image"
onload = "document.getElementById('picture').style.visibili ty =
hideFirstPicture;
hideFirstPicture = 'visible';"
src=
"http://spaceplace.jpl.nasa.gov/en/_images/common/nasa_header/logo_nasa.gif"

<p>This is the larger picture</p>
</div>
<div id="footer">
<p>These image are from NASA. See:<br>
http://spaceplace.jpl.nasa.gov/en/ed...s_images.shtml
</p>
</div>
</body>
</html>

Jul 23 '05 #2

Similar topics

1788

Problem with open enlarged version of an image in a new window

by: Markus Seibold | last post by:

Hello NG, i have a picture galerie with thumbnails. I want to add JS functionality that opens a new window with an enlarged version of the image when the user clicks on the thumbnails picture....

Javascript

3578

PROBLEM: window.open & accessing parent variables' values

by: Jiri Brada | last post by:

Hi, I have got a following problem with using Javascript: I have a HTML page with pictures' thumbnails. After clicking on any thumbnail, I would like to open a new window with the original...

Javascript

6708

window.open / resizeTo problem

by: David McCulloch | last post by:

The following code opens a new window, but the "resizeTo" doesn't resize it. Why not? (Don't ask why I simply did not open the window with the new size....my original problem was how to open a...

Javascript

7050

problem with vb.net and powerpoint automation

by: Rut | last post by:

Does anyone know how to start powerpoint from vb.net without the ppt screen appearing. I want to keep it hidden? Using this code: Try pp = New PowerPoint.Application pp.Visible =...

Visual Basic .NET

1159

Expor to Excel Problem

by: Aryan | last post by:

Hi, I am doing "Export to Excel" functionality, but while doing this I am getting error. Like I have two types of Report, each type has many sub reports inside. So I am opening new window for Each...

.NET Framework

1182

Export to EXCEL Problem

by: Aryan | last post by:

Hi, I am doing "Export to Excel" functionality, but while doing this I am getting error. Like I have two types of Report, each type has many sub reports inside. So I am opening new window for Each...

ASP.NET

2851

Problem with Exporting Data to Word

by: Mux | last post by:

I am facing the following problem while exporting data to Word. The current implementation is as described below: I have a JSP file which has a link that enables you to export the data to Word....

Javascript

2362

Firefox display problem for display:block

by: sneeka2 | last post by:

Hi, I'm developing a portfolio site, which contains a bunch of thumbnails wrapped in links: <a href="..."><img ... /></a>. A window.onload script inserts an onclick property into the links which...

Javascript

3944

1 Link opening 2 pages in two iframes each on different seperate pages More options

by: SHC | last post by:

I'm in need of some javascript to load two pages into two seperate iframes which are on two seperate and different pages. Rather complicated I know (and easier done in one frameset), but caused...

Javascript

7349

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

7074

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

7506

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5659

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

5063

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

3219

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

3210

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

780

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

445

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General