Recorrer elementos div

[Jose_minglein2]

Buenas tengo este code para que cuando se muestre un div se oculten los demás:

Código:

<script language="javascript">
function mostrar(num){
if (document.getElementById('div'+num).style.display=='inline')
{
  document.getElementById('div'+num).style.display='none';
} 
else
{
  document.getElementById('div'+num).style.display='inline';
  for (i=0;ele=document.Form1.elements[i];i++)
  {
    if(ele.name.indexOf('div') != -1)
      {
        ele.style.display='none';
      }
  }
}
}
</script>

El problema es que me recorre todos los elementos menos los div (que exactamente lo que yo necesito). ¿como puedo hacer para que tenga estos también en cuenta??

Muchas gracias.

[Saruman]

porque no lo haces con document.getElementsByTagName("div") ?

[Cap.Buscapina]

holas, parece que coincidimos nuevamente , amigo Saruman.


sería mas o menos así:

function mostrar(num){
capas=document.getElementsByTagName('div');
for (i=0;i<capas.length;i++){
if(capas[i].id.indexOf('div') != -1){
capas[i].style.display='none';
}
}
if(document.getElementById('div'+num)){
document.getElementById('div'+num).style.display=' inline';
}else{
alert("la capa numero "+num+" no existe");
}
}

oculta todas las capas que tengan como ID="div" mas un número(comenzando de cero).

espero te sea útil

[Saruman]

Iniciado por Cap.Buscapina

holas, parece que coincidimos nuevamente , amigo Saruman.

así es amigo Cap.Buscapina

[Jose_minglein2]

Es perfecto, lo único que ya no hago la comprobación de div+num puesto que todos los div son así en esta page. Muchísimas gracias a ambos.

PD. No conocía el getElementsByTagName, (nunca te acostarás sin aprender algo nuevo)

[Cap.Buscapina]

Iniciado por Jose_minglein2

... (nunca te acostarás sin aprender algo nuevo)

justo para mi firma

[Jose_minglein2]

Solo una cosa más en IE (si si ya se que no se debe usar, pero es lo que usan mis clientes), me marca un error :
capas[...].style es nulo o no es un objeto.

Sin embargo me funciona de forma correcta la funcion. Así quedo:

Código:

<script language="javascript">
function mostrarremesas(num){
if (document.getElementById('div'+num).style.display=='inline'){
document.getElementById('div'+num).style.display='none';
}
else
{
capas=document.getElementsByTagName('div');
for (i=0;capas.length;i++){
capas[i].style.display='none';document.getElementById('div'+num).style.display='inline';
document.location.href='#div'+num;
}
}}
</script>

¿porque puede ser??

Muchas gracias.

[Cap.Buscapina]

fijate si el número que contiene el id (id="div1") deben comenzar del 0 y no deben salterse.

[valeria19_05]

Buenas, estoy algo perdida con este tema, tengo problema similar.. quiero recorrer un radiobutton generado con js, y lo muestro con php con la etiqueta div, el tema es que a la hora de elegir un valor del radio button para poder guardarlo en una base de datos, no se como lograrlo.


function MostrarHorasDisponibles(fechaSeleccionada) {

var f = fechaSeleccionada;
var fecha = f.split("/");
document.getElementById("ListaHorarios").innerHTML = "";
for (var i = 0; i < Dias.length; i++) {

if (Dias[i].Anio == fecha[2] && Dias[i].Mes == fecha[0] && Dias[i].Dia == fecha[1] ) {

var cbh = document.getElementById('ListaHorarios');
var val = Dias[i];
var cap = Dias[i].Hora;
var cb = document.createElement('input');
cb.type = 'radio';
cbh.appendChild(cb);
cb.name = val;
cb.value = cap;
document.getElementById('Fecha').innerHTML = "Los horarios disponibles para la fecha "+ fecha[1] + "/" + fecha[0] + "/" + fecha[2] + " son: ";
cbh.appendChild(document.createTextNode(cap));

}
}


};

y asi lo llamo desde php

echo "<div id='ListaHorarios'></div>