PDA

View Full Version : Tab Content Script with Rollovers



myyoungfamily
04-21-2006, 11:23 PM
I'm trying get the tab content script (http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm) to work with my image rollovers. Giving it the look of most popular menus but no page change.

I've got it to work in Internet Explorer but not in Mozilla.
I've figured out that my problem is caused by taking out the <li></li> tags.
What I can't figure out, is how to make them work with my table collums.
Here's the code that works in IE:

<ul id="tablist">
<TD>
<A HREF="#" onClick="return expandcontent('sc1', this)"
ONMOUSEOVER="toggleImages('todayspixel_print_button', new Array('todayspixel_website_button', 'images/todayspixel-website-button-.gif', 'todayspixel_print_button', 'images/todayspixel-print-button-ov.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button.gif'), 'todayspixel_contact_button', new Array('todayspixel_website_button',
'images/todayspixel-website-button-.gif', 'todayspixel_print_button', 'images/todayspixel-print-button.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button-.gif'), '', new Array('todayspixel_website_button', 'images/todayspixel-website-button-.gif')); return true;"
ONMOUSEOUT="toggleImages('todayspixel_website_button', new Array('todayspixel_website_button', 'images/todayspixel-website-button-.gif', 'todayspixel_print_button', 'images/todayspixel-print-button.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button.gif'), 'todayspixel_print_button', new Array('todayspixel_website_button',
'images/todayspixel-website-button.gif', 'todayspixel_print_button', 'images/todayspixel-print-button-ov.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button.gif'), 'todayspixel_contact_button', new Array('todayspixel_website_button', 'images/todayspixel-website-button.gif', 'todayspixel_print_button',
'images/todayspixel-print-button.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button-.gif'), '', new Array('todayspixel_website_button', 'images/todayspixel-website-button.gif')); return true;"
ONMOUSEUP="selected='todayspixel_website_button'; changeImages('todayspixel_website_button', 'images/todayspixel-website-button-.gif', 'todayspixel_print_button', 'images/todayspixel-print-button.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button.gif'); return true;">
<IMG galleryimg="no" NAME="todayspixel_website_button" SRC="images/todayspixel-website-button.gif" WIDTH=93 HEIGHT=50 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#" onClick="return expandcontent('sc2', this)"
ONMOUSEOVER="toggleImages('todayspixel_website_button', new Array('todayspixel_website_button', 'images/todayspixel-website-button-.gif', 'todayspixel_print_button', 'images/todayspixel-print-button-ov.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button.gif'), 'todayspixel_contact_button', new Array('todayspixel_website_button',
'images/todayspixel-website-button.gif', 'todayspixel_print_button', 'images/todayspixel-print-button-ov.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button-.gif'), '', new Array('todayspixel_print_button', 'images/todayspixel-print-button-ov.gif')); return true;"
ONMOUSEOUT="toggleImages('todayspixel_website_button', new Array('todayspixel_website_button', 'images/todayspixel-website-button-.gif', 'todayspixel_print_button', 'images/todayspixel-print-button.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button.gif'), 'todayspixel_print_button', new Array('todayspixel_website_button',
'images/todayspixel-website-button.gif', 'todayspixel_print_button', 'images/todayspixel-print-button-ov.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button.gif'), 'todayspixel_contact_button', new Array('todayspixel_website_button', 'images/todayspixel-website-button.gif', 'todayspixel_print_button',
'images/todayspixel-print-button.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button-.gif'), '', new Array('todayspixel_print_button', 'images/todayspixel-print-button.gif')); return true;"
ONMOUSEUP="selected='todayspixel_print_button'; changeImages('todayspixel_website_button', 'images/todayspixel-website-button.gif', 'todayspixel_print_button', 'images/todayspixel-print-button-ov.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button.gif'); return true;">
<IMG galleryimg="no" NAME="todayspixel_print_button" SRC="images/todayspixel-print-button.gif" WIDTH=72 HEIGHT=50 BORDER=0 ALT=""></A></TD>
<TD>
<A HREF="#" onClick="return expandcontent('sc3', this)"
ONMOUSEOVER="toggleImages('todayspixel_website_button', new Array('todayspixel_website_button', 'images/todayspixel-website-button-.gif', 'todayspixel_print_button', 'images/todayspixel-print-button.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button-.gif'), 'todayspixel_print_button', new Array('todayspixel_website_button',
'images/todayspixel-website-button.gif', 'todayspixel_print_button', 'images/todayspixel-print-button-ov.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button-.gif'), '', new Array('todayspixel_contact_button', 'images/todayspixel-contact-button-.gif')); return true;"
ONMOUSEOUT="toggleImages('todayspixel_website_button', new Array('todayspixel_website_button', 'images/todayspixel-website-button-.gif', 'todayspixel_print_button', 'images/todayspixel-print-button.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button.gif'), 'todayspixel_print_button', new Array('todayspixel_website_button',
'images/todayspixel-website-button.gif', 'todayspixel_print_button', 'images/todayspixel-print-button-ov.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button.gif'), 'todayspixel_contact_button', new Array('todayspixel_website_button', 'images/todayspixel-website-button.gif', 'todayspixel_print_button',
'images/todayspixel-print-button.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button-.gif'), '', new Array('todayspixel_contact_button', 'images/todayspixel-contact-button.gif')); return true;"
ONMOUSEUP="selected='todayspixel_contact_button'; changeImages('todayspixel_website_button', 'images/todayspixel-website-button.gif', 'todayspixel_print_button', 'images/todayspixel-print-button.gif', 'todayspixel_contact_button', 'images/todayspixel-contact-button-.gif'); return true;">
<IMG galleryimg="no" NAME="todayspixel_contact_button" SRC="images/todayspixel-contact-button.gif" WIDTH=94 HEIGHT=50 BORDER=0 ALT=""></A></TD>
</ul>

Can anybody help me here?