Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

A Little Help with Table Images...

Status
Not open for further replies.
mpaone12

mpaone12

Technical User
Oct 15, 2000
13
US
Hello, I am a novice web-designer and I am looking to create a table that contains both buttons, as well as, a table cell for displaying information.

It will work like this, when the user does a mouse-over on one of the buttons, there will be a designated spot (cell) in the table that displays specific information about that button.

For example, it will look like this...
_______________
|button | button |
|______|________|
|button | button |
|______|________|
|button | infohere|
|______|________|

So that, whenever a mouseover occurs on a button, different additional information (in picture format) is displayed in the info box (cell). So basically, my question is, how can I make it so that the info box (cell) continues to update itself with a series of different image for each button on its mouseover?

Thank you kindly in advance.
Any help greatly appreciated. [bigsmile]

Mike Paone
mpaone@attbi.com
 
Sort by date Sort by votes
Are you hand coding?

I can explain how to do it in Dreamweaver but not coding it by hand. If you are coding by hand you may want to ask this in the Javascript forum.
funkymonk2.jpg


rod@sameplanet.co.uk
********************
 
Upvote 0 Downvote
<SCRIPT LANGUAGE=JAVASCRIPT TYPE=&quot;TEXT/JAVASCRIPT&quot;>
<!-- Hide script from old browsers

if (document.images) {
buttonBlue = new Image
buttonRed = new Image

buttonBlue.src = &quot;button.gif&quot;
buttonRed.src = &quot;button2.gif&quot;
}
else {
buttonBlue = &quot;&quot;
buttonRed = &quot;&quot;

document.but = &quot;&quot;
}

// End hiding script from old browsers -->
</SCRIPT>

------above in <head> tag; below are your links------------



<A HREF=&quot;link.htm#link&quot; onMouseover=&quot;document.but.src=buttonRed.src&quot; onMouseout=&quot;document.but.src=buttonBlue.src&quot;><IMG SRC=&quot;button.gif&quot; NAME=&quot;but&quot; border=0></A>

This is a simple rollover script. Put the name=&quot;but&quot; in the image that you want to rollover.
 
Upvote 0 Downvote
Obviously, you'll have to add to the script with every button that you have.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

ControlNovice
  • Locked
  • Question
Any plans to add AppSheet programming to this list?
Replies
0
Views
333
ControlNovice
ControlNovice
rosarij
  • Locked
  • Question
Help me fix this document.write javascript code
Replies
1
Views
430
ggriffit
ggriffit
Digital Dose
  • Locked
  • Question
My website refreshes twice when it is opened on any browser. 1
Replies
3
Views
473
sartechy
sartechy
chris900
  • Locked
  • Question
suggest a Magento development company
Replies
0
Views
307
chris900
chris900
bogdangromov
  • Locked
  • Question
Free-royalty music for a vlog
Replies
0
Views
351
bogdangromov
bogdangromov

Part and Inventory Search

Sponsor

Back
Top