Obtener varios ids de javascript

arnaldito300 · #1 (**permalink**) 23/08/2011, 19:28

Hola amigos, bien...estube ausente por mucho tiempo por motivos obvios, pero ahora vuelvo, con ganas de seguir aprendiendo con ustedes...
me gustaría saber como obtener varios ids(para div) desde javascript, consegui tomar 1 con innerHtml pero quiero 3 o 4 id, para actualizar 3 o 4 div con los contenidos de los mismos... le dejo el codigo que utilizo...
Tengo un archivo.js que contiene este codigo:

Código Javascript:

Ver originalfunction Reloj(){ 
    Hora = Hoy.getHours() 
    Minutos = Hoy.getMinutes() 
    Segundos = Hoy.getSeconds() 
    if(Hora<=00){
    Programa = "programa";
    }
    if((Hora<=02)&&(Minutos<=49)){ 
    Programa = "programa2";
    Programa2 = "programa3";
    }
    if(Hora<=03) {
    Programa = "programa";
    Programa2 = "programa2";    
    }
    if (Hora<=9) Hora = "0" + Hora 
    if (Minutos<=9) Minutos = "0" + Minutos 
    if (Segundos<=9) Segundos = "0" + Segundos 
    var Dia = new Array("Domingo", "Lunes", "Martes", "Mi\xe9rcoles", "Jueves", "Viernes", "S\xe1bado"); 
    var Mes = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); 
    var Anio = Hoy.getFullYear(); 
    var Fecha = "Yvy Ya'u, " + Dia[Hoy.getDay()] + " " + Hoy.getDate() + " de " + Mes[Hoy.getMonth()] + " de " + Anio + " - "; 
    var Script, Script2, Elprog, Sigprog, Total 
    Script = Fecha
    Script2 = Hora + ":" + Minutos + ":" + Segundos
    Elprog = Programa
    Sigprog = Programa2
    Total = Script + Script2
    document.getElementById('Fecha_Reloj').innerHTML = Total
    Hoy.setSeconds(Hoy.getSeconds() +1)
    setTimeout("Reloj()",1000) 
}

y en mi archivo index.html:

<html>
<head>
<script type="text/javascript" src="archivo.js"></script>
</head>
<body spellcheck="false" onload="Reloj()">
<div id="Fecha_Reloj">y aqui aparece mi fecha y reloj</div>
</body>
</html>

yo deseo colocar otro div

y que me devuelva el valor de "Programa" en ese div....
por favos si me ayudan!!!
gracias desde ya!

arnaldito300 · #2 (**permalink**) 28/08/2011, 22:30

Por favor, si alguien me da una mano, es que me urge entregar un trabajo, y no entiendo mucho javascript, lo que pretendo es que en un div aparezca el horario, en otro div, el valor de "Programa" en otro div el valor de "Programa2", y tambien pretendo leer una imagen dentro de otro div, y tampoco se como leer la direccion de la imagen para este otro div....Ayudaaaaaaaaaaaaaaaaa!!!!

Por favooooor!!!
Saludos!

Batan · #3 (**permalink**) 29/08/2011, 02:33

Con este script pequeño puedes asignarle un ID a un elemento.

Por medio e un bucle puedes recorrer todos los ID y asignarle Id

Código Javascript:

Ver original<script>
function cargarId(){
    div1 = document.getElementsByTagName('div').item(2);
    div1.id = 'terceraDivision';
    }
    
function presion(){
    div2 = document.getElementsByTagName('div').item(0);
    div2.id = 'primeraDvision';
    }
</script>

Código HTML:

Ver original<body onload="cargarId()">
<div>
Primero Div
</div>
 
<div>
Segundo Div
</div>
 
<div>
Tercer Div
</div>
<input type="button" onclick="presion()" value="Insertar ID"/>
</body>

Saludos

arnaldito300 · #4 (**permalink**) 29/08/2011, 18:17

Gracias por responder Batan, pero en realidad no necesito un boton para llamar los valores...lo ideal seria que lo llamen asi como me funciona correctamente el reloj....que aparezca en el div 1 "Programa", en el segundo div "Programa 2" etc,,,,
Saludos!

Batan · #5 (**permalink**) 30/08/2011, 13:08

No entiendo tu pregunta.
Yo te deje un ejemplo para asignarle id a los DIV.
Creo entender que al cargar la página, se creen ya los ID en los respectivos DIV y habria más que llamar a la misma función pero desde el body, y con el evento onload.
Si no es asi, explicamelo un poco mejor, por que no lo entendi bien, por favor. Gracias

Saludos

arnaldito300 · #6 (**permalink**) 30/08/2011, 18:44

Disculpa mi ignorancia, pero como notaras, no entiendo mucho javascript. Estoy empezando con esto, lo que conseguí es llamar en un div con id "Fecha_Reloj", perfecto!,
Pero repito, lo que me gustaría es llamar, así como me llama el reloj y fecha, me llame en otro div otra cosa...
Por ejemplo, cuando sea las 00:00 aparecerá en el div con id "Fecha_Reloj" programa, lo que deseo es crear otra id, que no sea "Fecha_Reloj" para llamar en otro div otra palabra, frase, etc... todo relativo al horario, asi como programa.
Programa, programa2, programa3, blah,blah,blah....

En tu ejemplo, veo:
Primero Div
Segundo Div
Tercer Div

y un boton que dice: Insertar ID
pero no ocurre nada, te pido por favor, si es que esta a tu alcance, que me facilites exactamente como devo modificar mi código, para que me resulte, es que es para un sitio de un cliente, y debo entregar en estos días, estoy umpoco desesperado ya que no encuentro una solución a este problem,
espero me entiendas y puedas ayudarme!...

Un Cordial Saludo y mil gracias!

Batan · #7 (**permalink**) 31/08/2011, 00:46

Instala el firebug de firefox.
Y verás que lo que te dije si funciona, lo que estamos haciendo es DOM por lo cual en el código fuente no se interpreta. Pero en el Firebug si se puede.

Te explico un poco del código anterior que te puse.

Cita:

document.getElementsByTagName('div').item(0);

Este fragmento de código lo que hace es buscar el primer div que hay en tu web

Cita:

document.getElementsByTagName('div').item(2);

Lo mismo que el anterior solo ue esta vez busca el tercer div.

Cuando encontramos dicho div, lo guardamos en una variable para despues darle atributos.

Cita:

div2.id = 'primeraDvision';

Con esto le damos una id al div que querias, en este caso

Cita:

div2 = document.getElementsByTagName('div').item(0);
div2.id = 'primeraDvision';

en el primer div creamos una id con ese valor

Espero haberme aclarado.
Saludos

arnaldito300 · #8 (**permalink**) 31/08/2011, 16:49

Los siento man, pero sigo sin entender, soy muy, muy novato con esto, y no entiendo nada de DOM, ni nada de eso, simplemente quería tipo un código como el:
document.getElementById('Fecha_Reloj').innerHTML = Total
pero en vez de "Fecha_Reloj" poner "miId" y en vez de total "Elprog" para que me devuelva "Programa", "Programa2", etc...Según el horario );,

Disculpa mi ignorancia, y muchas gracias por tu paciencia!