Holaaaaa!!!!!! Bueno, voy a postear esto aquí y también en CSS porque no estoy seguro si el problema está en la parte de javascript o en la parte del CSS.
Me acabo de dar cuenta que en FIREFOX FUNCIONA pero en IE NO :(
La cuestión es que LOGRÉ que me muestre los datos de las solapas pero la SEGUNDA SOLAPA NO QUEDA ACTIVADA.
Por un lado creo que el tema sería combinar los scripts, cosa que no sé como hacerlo, ya que una parte trabaja LLAMANDO al contenido de las solapas y la otra ACTIVA o DESACTIVA las solapas.
Si le saco uno de los 2 scripts, funciona, pero a medias... o sea, funciona una cosa o la otra, pero no ambas.
Los scripts son estos:
Script para llamar a las solapas
Código:
var cajasmicrosup = new Array(
'Videos',
'Fotos');
var microsup = new Estadisticas(cajasmicrosup,'Sup');
function Estadisticas(cuales,activo){
var cajas = cuales;
var estilo = activo;
var div = null;
var fechaarchivo = null;
var objeto = null;
this.crear = crear;
function crear(){
objeto = new AjaxDiv(fechaarchivo,div);
}
this.solapas = solapas;
function solapas(cual){
//div = 'aj' + cual;
for (i=0;i<cajas.length;i++){
var divcual = document.getElementById('li' + cajas[i]);
var divmayor = document.getElementById(cajas[i]);
if(cajas[i] == cual){
divcual.className = estilo;
divmayor.style.display = 'block';
} else{
divcual.className = '';
divmayor.style.display = 'none';
}
}
}
}
Script para ACTIVAS y DESACTIVAR las solapas
Código:
function aggEvento(){
var links = document.getElementById('indentmenu').getElementsByTagName('a');
for(i=0; links[i]; i++){
links[i].onclick = function(){
var links = document.getElementById('indentmenu').getElementsByTagName('a');
for(j=0; links[j]; j++){
links[j].className = "";
}
this.className = 'current';
}
}
}
Y el HTML trabaja de esta manera:
Código HTML:
<body onload="aggEvento()">
<div class="indentmenu" id="indentmenu">
<ul>
<li><a id="livideo" href="javascript:microsup.solapas('Videos');" class="current"></a></li>
<li><a id="lifotos" href="javascript:microsup.solapas('Fotos');" class=""></a></li>
</ul>
</div>
<div class="Est Caja">
<li id="liVideos" class="Sup">
<div style="display: block;" class="Cont" id="Videos">
ACA APARECIERON LOS VIDEOS
</div>
</li>
<li id="liFotos" class="Sup">
<div style="display: none;" class="Cont" id="Fotos">
ACA APARECIERON LAS FOTOS, PERO LA SOLAPA NO QUEDA ACTIVADA
</div>
</li>
</div>
</body> Y acá está la web donde aparece todo lo expuesto:
http://www.newgym.com.ar/x/demo6.html
Ahora...
- ¿por que las solapas funcionan en FIREFOX y en IE no?
- ¿se puede solucionar esto?
- ¿hay que modificar los códigos, hay algo que hice mal?
Ya casi lo tenemosssssss !!!!!!!!!!!!!! Gracias a todos uds.
Saludos. MArx.