Mirando por el codigo de los foros de vBulletin (
http://www.forosdelweb.com/clientscr...etin_global.js)
He logrado hacer q funcione la función de mostrar/ocultar un tbody por separado, lo que ya no sé es como hacer q aparezca inicialmente oculto, alguna idea??
Código:
// let's find out what DOM functions we can use
var vbDOMtype = '';
if (document.getElementById)
{
vbDOMtype = "std";
}
else if (document.all)
{
vbDOMtype = "ie4";
}
else if (document.layers)
{
vbDOMtype = "ns4";
}
// make an array to store cached locations of objects called by fetch_object
var vBobjects = new Array();
var is_regexp = (window.RegExp) ? true : false;
// function to emulate document.getElementById
function fetch_object(idname, forcefetch)
{
if (forcefetch || typeof(vBobjects[idname]) == "undefined")
{
switch (vbDOMtype)
{
case "std":
{
vBobjects[idname] = document.getElementById(idname);
}
break;
case "ie4":
{
vBobjects[idname] = document.all[idname];
}
break;
case "ns4":
{
vBobjects[idname] = document.layers[idname];
}
break;
}
}
return vBobjects[idname];
}
function toggle_collapse(objid)
{
if (!is_regexp)
{
return false;
}
obj = fetch_object("collapseobj_" + objid);
img = fetch_object("collapseimg_" + objid);
cel = fetch_object("collapsecel_" + objid);
if (!obj)
{
// nothing to collapse!
if (img)
{
// hide the clicky image if there is one
img.style.display = "none";
}
return false;
}
if (obj.style.display == "none")
{
obj.style.display = "";
if (img)
{
img_re = new RegExp("_collapsed\\.gif$");
img.src = img.src.replace(img_re, '.gif');
}
if (cel)
{
cel_re = new RegExp("^(thead|tcat)(_collapsed)$");
cel.className = cel.className.replace(cel_re, '$1');
}
}
else
{
obj.style.display = "none";
if (img)
{
img_re = new RegExp("\\.gif$");
img.src = img.src.replace(img_re, '_collapsed.gif');
}
if (cel)
{
cel_re = new RegExp("^(thead|tcat)$");
cel.className = cel.className.replace(cel_re, '$1_collapsed');
}
}
return false;
}
Como hacer que cambie el texto de "Mostrar..." por "Ocultar.." al hacer clic?
Código:
<a href = "#" onclick="return toggle_collapse('info')">Mostrar...</a>
<tbody id="collapseobj_info" style="">
<tr>
<td>Contenido por aqui</td>
</tr>
</body>