Hey,
ive found this tabswitch a while back.
I use it to switch between 2 Videoplayers which can been viewed here http://www.anime-movie-site.com/Galaxy-Express-999

Problem is that its broken in IE, firefox is just fine

but in ie 6/7
- it switch the tab, but the other movie dont stop playing, like it does and should in firefox.

in ie8
once tab is clicked 1 player stands still and the other is always at the bottom of the browser window :/ if you scroll once clicked, you see it.

I dont want to find something else, because i have the a href javascript codes often. Would be a pain to edit the movies again.


I use this on the actual movies
video #2 is display: none with css by default pageload.

PHP Code:

<ul class="movie_tabs">
<li><a href="javascript:tabSwitch('tab_1', 'vid_1');" id="tab_1" class="active">English Subtitles</a></li>
<li><a href="javascript:tabSwitch('tab_2', 'vid_2');" id="tab_2">English Dubbed</a></li>
</ul>

movies codes in divs 


and the js file

PHP Code:

function tabSwitch(new_tab, new_content) {  
   
document.getElementById('vid_1').style.display = 'none';  
document.getElementById('vid_2').style.display = 'none';  
document.getElementById(new_content).style.display = 'block';     
      
  
document.getElementById('tab_1').className = '';  
document.getElementById('tab_2').className = '';  
document.getElementById(new_tab).className = 'active';        
   
} 


Does anyone know how to make this work in IE? possibly 6,7,8

Thanks,
Seb

Recently, I was working on the FoxSports.com NBA Scoreboards. While putting the scoreboard template together using Adobe Spry, I noticed that I would have to create a universal "Tab" system that was easy to reproduce as needed and would work for multiple boards (multiple tab sections) on the same page. I didn't want to jump through hoops and a bunch of extra code to make it happen. SO! here is what I came up with! Check it out!

What kind of spammy post is that??? Stop promoting your site using "related" posting, but giving no answer at all...