New guy to javascript needs help!

chrisdude911 · Apr 26, 2006

Hi,
I am new to javascript and i need help!
I am trying to make a picture display where i click on a small
thumbnail picture and it displays in a bigger picture box
Here is my code so far:

<html>
<head>
<title>Pics</title>
</HEAD>
<body>
<table border="1">
<tr>
<td>
<a href="picbox" onclickload="guitar">
<img id="guitar" src="guitar.jpg" height="200" width="100">
</a>
</td>

<td>
<id="picbox">
</td>
</tr>

</table>
</body>
</html>

Could anyone help?
Thanks
Chris

Evertjan. · Apr 26, 2006

chrisdude911 wrote on 26 apr 2006 in comp.lang.javascript:

Hi,
I am new to javascript and i need help!

I am trying to make a picture display where i click on a small
thumbnail picture and it displays in a bigger picture box
Here is my code so far:

<html>
<head>
<title>Pics</title>
</HEAD>
<body>
<table border="1">
<tr>
<td>
<a href="picbox" onclickload="guitar">

what is "onclickload"?
"picbox" is not a page to go to

<img id="guitar" src="guitar.jpg" height="200" width="100">

If you start now start using style css

</a>
</td>

<td>
<id="picbox">

id is not a html element

</td>
</tr>

</table>
</body>
</html>

============================

Try this [not tested]:

========= test.html ==========

<style>
..small {height:100px;margin:2px;}
..large {height:600px;border:black 2px solid;}
</style>

<script type='text/javascript'>
function toPicbox(x){
document.getElementById('picbox').src = x.src;
}
</script>

<img src="guitar.jpg" class='small' onclick='toPicbox(this)'>
<img src="piano.jpg" class='small' onclick='toPicbox(this)'>
<img src="drums.jpg" class='small' onclick='toPicbox(this)'>
<br><br>
<img src='startempty.jpg' id="picbox" class='large'>

============================

chrisdude911 · Apr 26, 2006

Thanks
That works!!!!!!

Evertjan. · Apr 26, 2006

chrisdude911 wrote on 26 apr 2006 in comp.lang.javascript:

Thanks
That works!!!!!!

a final advice, because this is not email:

Please quote what you are replying to. If you want to post a followup via
groups.google.com, don't use the "Reply" link at the bottom of the article.
Click on "show options" at the top of the article, then click on the
"Reply" at the bottom of the article headers.
<http://www.safalra.com/special/googlegroupsreply/>

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Javascript DOM	1	Mar 29, 2023
Sort by number of characters	1	Nov 2, 2023
Image shifts to the right when export the page to pdf	4	May 5, 2023
How to have two html audio players on one page?	0	May 3, 2022
Help with my responsive home page	2	Dec 14, 2022
I need help fixing my website	2	Oct 15, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023

New guy to javascript needs help!

chrisdude911

Evertjan.

chrisdude911

Evertjan.

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads