How do you pass a filename in a php variable to a javascript routine?

Phrank

I have a variable number of images - of a house (the rooms) - that I want to show on a web page. I want to preload these images for fater showing. I use the "onmouseover = " to display these images on the right of a screen when you hold the mouse over a thumbnail on the left of a screen.

When I hard code this routine it works great. The problem I have is the file locations are in a mysql database. I can pull them out and into a php variable $TheDiskLocation. I need to then get the value to a javascript routine to preload the images. How can I get the value to javascript from php?

I have been trying to use an input field that php can update and that javascript can then read also. Is this the way?

If you have an the following input field:

and your read the mysql database and do say:

$TheDiskLocation = $row['filelocation'];

Does this update the input field just by placing the value in the php variable $TheDiskLocation? If so I can then read the value with javascript with something like:

document.form.TheDiskLocation.value.

Can't seem to get the above to process to work.

Any help you would be greatly apprecaited.

Thx

leatherback

Hi Phrank,

It woul dhelp a lot -for fututre reference- to actually READ the forum. THis kind of question comes up 10++ times a day.

NO you cannot do it that way.

Javascript only sees the output of the PhP scirpt, since PhP happens on the server, while javascript runs on the client.

You need to echo-out the filename in the right location in your script.

e.g.:


$TheDiskLocation = $row['filelocation']; 

echo "
img1.location = $TheDiskLocation

";

Phrank

I use the code you show to show the thumbnail:

while ($row = mysql_fetch_assoc($result)){
$CellCount = $CellCount + 1;

    echo '<td><a onMouseOver="document.images[';
	echo "'" . "example" . "'" . '].src=';
	echo 'image06.src">';	
	echo "<img src=" . '"' . ShowImageFromVar($row['Thumbnail'], $row['ImageType']) . '"' . "width=70 height=70>";

.....

Works great. But I am hardcoding the 'image06.src' above. What I want to do is preload the images within a javascript routine.

In place of the "images/portfolio_images/gallery2/1.jpg" I need to put a path that is in a php variable.

How can I get it there? Can I store it somewhere on the form so that javascript can get to it?

Phrank

Maybe that is the answer. You can echo and input field or any tab in html. Why not echo a javascript routine that preloads the images.

That should work!

Thanks for your reply.

Phrank

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<?
echo '<script language="javascript">';
echo 'alert("Will I see this?")';
echo '</script>';
?>
</body>
</html>