PDA

View Full Version : tab content script and ie8



hazehog
08-24-2011, 09:26 AM
1) Script Title: Tab Content Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

3) Describe problem: not working with ie8 on my setup:
http://gojtp.com/avtec/about-us/

Go down the sidebar under the widgets on most pages in the right sidebar are 2 tabs with 2 different forms
one says "sales" the other "service"
click to service
and down the form a ways are 2 dropdowns
-"What do you need assistance with today?*"
-"What type of AVTEC system do you use?*"

On Firefox and other browser is working ok. Only IE8 not working.
Please help!

ddadmin
08-25-2011, 07:29 AM
This isn't DD Tab Content script you're using on your page it seems...

jscheuer1
08-25-2011, 10:51 AM
Even if it were, the problem is with the jquery.selectBox.js script, more specifically or at least correctable visa vis its jquery.selectBox.css file.

Here's what to do -

Make a supplemental stylesheet, call it - say, jquery.selectBox.ie8.css and put it in the same folder as the jquery.selectBox.css stylesheet. In it put this rule:


.selectBox-label {
display: inline-block;
margin-top: 3px;
}

Add it to your pages like so (addition highlighted):


<script src="http://gojtp.com/avtec/wp-content/themes/avtec-theme/jquery-selectbox/jquery.selectBox.js" type="text/javascript"></script>

<link href="http://gojtp.com/avtec/wp-content/themes/avtec-theme/jquery-selectbox/jquery.selectBox.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]>
<link href="http://gojtp.com/avtec/wp-content/themes/avtec-theme/jquery-selectbox/jquery.selectBox.ie8.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript">
jQuery(document).ready(function(){
// debugger;
jQuery("SELECT").selectBox();
});
</script>

<script type="text/javascript">
jQuery(document).read . . .

That's it!

Note: You can probably just add those styles to the end of jquery.selectBox.css and forget about the supplemental stylesheet as in Firefox at least it doesn't hurt it and in fact centers the labels in the buttons better vertically. You'd have to test in your other target browsers, but I imagine they would be fine with it too.

ddadmin
08-25-2011, 06:12 PM
Very nice John as always!