Foros del Web - Ver Mensaje Individual

Garmauco · #1 (**permalink**) 24/07/2007, 19:54

Holas... he estado utilizando un script de pestañas en javascript .. pero me resulta que cuando pongo informacion dentro de una capa... me da problemas cuando esta contenida dentro de una tabla.. aca le dejo el codigo.. para ver,, si me pueden ayudar... de ante mano muchas gracias.. por cualquier ayuda..

Código:

var tablink_idname = new Array("tablink","anotherlink")
//Set the id names of your tabcontentareas (without a number at the end)
var tabcontent_idname = new Array("tabcontent","anothercontent") 
//Set the number of your tabs in each menu
var tabcount = new Array("4","6")
//Set the Tabs wich should load at start (In this Example:Menu 1 -> Tab 2 visible on load, Menu 2 -> Tab 5 visible on load)
var loadtabs = new Array("1","5")  
//Set the Number of the Menu which should autochange (if you dont't want to have a change menu set it to 0)
var autochangemenu = 2;
//the speed in seconds when the tabs should change
var changespeed = 3;
//should the autochange stop if the user hover over a tab from the autochangemenu? 0=no 1=yes
var stoponhover = 0;
//END MENU SETTINGS


/*Swich EasyTabs Functions - no need to edit something here*/
function easytabs(menunr, active) {
if (menunr == autochangemenu){
currenttab=active;
}
if ((menunr == autochangemenu)&&(stoponhover==1)) {
stop_autochange()} 
else if ((menunr == autochangemenu)&&(stoponhover==0))  {
counter=0;
} 
menunr = menunr-1;
for (i=1; i <= tabcount[menunr]; i++){
document.getElementById(tablink_idname[menunr]+i).className='tab'+i;
document.getElementById(tabcontent_idname[menunr]+i).style.display = 'none';
}
document.getElementById(tablink_idname[menunr]+active).className='tab'+active+' tabactive';
document.getElementById(tabcontent_idname[menunr]+active).style.display = 'block';
}

window.onload=function(){
var menucount=loadtabs.length; 
var a = 0; 
var b = 1; 

do {
easytabs(b, loadtabs[a]);  
a++; 
b++;
}
while (b<=menucount);
if (autochangemenu!=0){start_autochange();}
}

<html>
<div class="menu">
<ul>
<table border="0" id=212>
<li><a href="#" onclick="easytabs('1', '1');"  title="" id="tablink1">Identificacion</a></li>
<li><a href="#" onclick="easytabs('1', '2');"  title="" id="tablink2">Ubicacion </a></li>
<li><a href="#" onclick="easytabs('1', '3');"  title="" id="tablink3">Otra cosa por hacer </a></li>
<li><a href="#" onclick="easytabs('1', '4');"  title="" id="tablink4">Matricula </a>
</li>
</table>
</ul>
</div>
<table>

    <div id="tabcontent1">// en esta capa.. se presenta el problema...
   <tr>
     <td>
	   <input type="1544" name=566>
	 </td>
   </tr>
    </div>
   <div id="tabcontent2">
   <p>contenido 2</p>
   </div>
   <div id="tabcontent3">
   <p>contenido 3</p>
   </div>   
   <div id="tabcontent4">
    <input type=text name=123>
   </div>
</table>   
</div>
</html>

saludos...