Product_info Folder Tabs - Javascript guru required

[Guest]

if you look here:

http://www.almatcomputers.co.uk/product_in.../products_id/19

 

you will see the tabs displayed ok under IE but under Mozilla it goes weird. I either need someone to debug my codes or a piece of <IF coing, if IE do this IF Mozilla do that.

 

Here is the coding:

 

2 files first:

 

Product_tabs.css (here)

Product_tabs.js (here)

 

The calling code

<div class="prod_tabs"><ul id="mainnav1">
<li><a href="#DESC"><acronym title="<?PHP echo TEXT_TAB_DESC; ?>">
<?PHP echo TEXT_TAB_DESC; ?></acronym></a></li>
<?php if ($product_info['products_tabspec'] > '') { ?>
<li><a href="#TAB1"><acronym title="<?PHP echo TEXT_TAB_SPEC; ?>">
<?PHP echo TEXT_TAB_SPEC; ?></acronym></a></li>
<?php } if ($product_info['products_tabimage'] > '') { ?>
<li><a href="#TAB2"><acronym title="<?PHP echo TEXT_TAB_IMAGE; ?>">
<?PHP echo TEXT_TAB_IMAGE; ?></acronym></a></li>
<?php } if ($product_info['products_tabsupport'] > '') { ?>
<li><a href="#TAB3"><acronym title="<?PHP echo TEXT_TAB_SUPPORT; ?>">
<?PHP echo TEXT_TAB_SUPPORT; ?></acronym></a></li><?php } 
if (!MAX_REVIEWS_IN_PRODUCT_INFO == '0') {
if ($reviews['count'] > 0) { ?>
<li><a href="#TAB4"><acronym title="<?PHP echo TEXT_TAB_REVIEW . ' (' . $reviews['count']; ?>)"><?PHP echo TEXT_TAB_REVIEW . ' (' . $reviews['count']; ?>)</acronym></a></li><?php } 
}
?></ul></div>

 

And the displaying code,

 

<div id="DESC" class="tabcontent"><u><div style="font-size: 12px;font-weight: bold;">
<?php echo TEXT_TAB_DESC_SUB; ?></div></u><br><?php echo stripslashes($product_info['products_description']); ?>
<?php if (tep_not_null($product_info['products_url'])) { echo '<br><br>' . sprintf(TEXT_MORE_INFORMATION, tep_href_link(FILENAME_REDIRECT, 'action=url&goto=' . urlencode($product_info['products_url']), 'NONSSL', true, false)); } ?></div>

<?php if ($product_info['products_tabspec'] > '') { ?>
<div id="TAB1" class="tabcontent"><u><div style="font-size: 12px;font-weight: bold;">
<?PHP echo TEXT_TAB_SPEC_SUB; ?></div></u><br><?php echo stripslashes($product_info['products_tabspec']); ?></div><?php } ?>

<?php if ($product_info['products_tabimage'] > '') { ?>
<div id="TAB2" class="tabcontent"><u><div style="font-size: 12px;font-weight: bold;">
<?PHP echo TEXT_TAB_IMAGE_SUB; ?></div></u><br><?php echo stripslashes($product_info['products_tabimage']); ?></div><?php } ?>

<?php if ($product_info['products_tabsupport'] > '') { ?>
<div id="TAB3" class="tabcontent"><u><div style="font-size: 12px;font-weight: bold;">
<?PHP echo TEXT_TAB_SUPPORT_SUB; ?></div></u><br><?php echo stripslashes($product_info['products_tabsupport']); ?></div><?php } ?>

<?php if (MAX_REVIEWS_IN_PRODUCT_INFO > 0) { 
 if ($reviews['count'] > 0) { 
?>

<div id="TAB4" class="tabcontent"><div style="font-size: 12px;font-weight: bold;"><u>
<?PHP echo $product_info['products_name'] ?> Product Reviews</u> <?php echo tep_image(DIR_WS_IMAGES . 'layout/stars_' . $reviews_rating . '.gif', 'Average Rating from ' . $reviews['count'] . ' customers.', '', '', 'align=absmiddle'); ?></div><br>

 

 

Can anyone help and make this browser compatible.

[rabbitseffort]

which version of product tabs are you using?

it is very slow to load in IE, but firefox was fast but didnt show all your tabs

 

I use a tabs contribution that works browser wide---I have afeeling you didnt install it yourself though?

 

I would think the error lies in admin categories.php

[Guest]

Not using the admin side, I actually used the DOMTabs JS script from www.onlinetools.org and converted the script into use with OSC, with a little help from Product Tabs Contrib v 1.5.

 

Does the contrib you used support background images and <DIV> redirects etc

[rabbitseffort]

I used product tabs 1.5 and it is fine--why not just use it and then mod it to act and look the way you want? was there a reason you didnt use it by itself?

 

I will look at the one you mentioned--domtabs--I am not familiar with it

 

I just looked at it and their demo works multi browser--so I would go back thru your installl and be sure it is right

 

or just use product tabs contribution since it works and is the same

[Guest]

Thats it really, I need Product Tabsv1.5 basically to work with background images on all broswers, If I remove the background URL from the CSS it loads ok.

 

ANy ideas I need this to work with images or alternative or a Browser redirect code.

 

Thanx in advance.

[Guest]

Does anyone know the coding for browser detection.

 

For example

 

<If> Internet Explorer then load "mysite/ie.css"

 

<else> load "another.css"