PDA

View Full Version : Tab Content Script (v 2.2)



yoursking
04-11-2010, 06:40 AM
1) Script Title:
Tab Content Script (v 2.2)
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm
3) Describe problem:
It's great script... Just having a starge problem with I.E. I am using this Multi Tap content to display the news from the RSS feed. I am trying to display different news from different papers on each tab. I am using the widget from feedwind (http://feed.mikle.com/en/). So I generated the widget for each news paper and placed the code in the table of content section of the script. The news is displaying correly on each tab in FireFox and Chome and all. But, in I.E it's getting loaded partially only. and other half of the table is blank. When I do refresh the screen, it shows up corretly. Not sure why? Is there any way I can refesh the page when the user click the tab. I tried to to give point to my site ID on the href section. But Didn't help. You can check out www.anormaldesi.com... to see the problem.

Here is the code...

<link rel="stylesheet" type="text/css" href="tabcontent.css" />

<script type="text/javascript" src="tabcontent.js"></script>


<div id="maintabs" class="indentmenu">
<ul>
<li><a href="#" rel="mf1" class="selected">Events</a></li>
<li><a href="http://www.anormaldesi.com" rel="mf2" class="selected">US News</a></li>
<li><a href="http://www.anormaldesi.com" rel="mf3"> Desi News</a></li>
<li><a href="#" rel="mf4" class="selected">Desi Market</a></li>
<li><a href="#" rel="mf5" class="selected">Local News</a></li>
</ul>
<br style="clear: left" />
</div>

<div style="border:hidden; width:450px; height: 190px; padding: 5px; margin-bottom:1em">

<div id="mf1" class="tabcontent">
Tab content 1 here<br />Tab content 1 here<br />
</div>


<div id="mf2" class="tabcontent">
<div
<!-- start feedwind code -->
<script type="text/javascript">
<!--
rssmikle_url="http://rss.cnn.com/rss/cnn_topstories.rss";
rssmikle_frame_width="468";
rssmikle_frame_height="179";
rssmikle_target="_blank";
rssmikle_font_size="12";
rssmikle_border="off";
rssmikle_css_url="";
rssmikle_title="on";
rssmikle_title_bgcolor="#800000";
rssmikle_title_color="#FFFFFF";
rssmikle_title_bgimage="http://";
rssmikle_item_bgcolor="#606060";
rssmikle_item_bgimage="http://";
rssmikle_item_title_length="100";
rssmikle_item_title_color="#FFFFFF";
rssmikle_item_border_bottom="off";
rssmikle_item_description="off";
rssmikle_item_description_length="40";
rssmikle_item_description_color="#666666";
rssmikle_item_description_tag="off";
rssmikle_item_podcast="off";
//-->
</script>
<script type="text/javascript" src="http://feed.mikle.com/js/rssmikle.js"></script>
<div style="font-size:10px; text-align:right;">
<a href="http://feed.mikle.com/en/" target="_blank" style="color:#cccccc;">FeedWind</a>
<!--Please display the above link in your web page according to Terms of Service.-->
</div>
<!-- end feedwind code -->
</div>
</div>


Thanks@