Actualizar un div entre varios iguales

Sipy · #1 (**permalink**) 14/06/2010, 04:25

Buenas,

Ya he conseguido que se me actualice un div sin que se actualice la pagina, pero el problema es que en la pagina hay varios divs que usan la misma id y cuando hay mas de uno siempre me actualiza el de arriba del todo, hay alguna manera de diferenciar divs con la misma id para que se actualice el que se debe actualizar?

Muchas gracias y un saludo!

Adler · #2 (**permalink**) 14/06/2010, 05:42

Hola

Puedes acceder a su indice así

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
function valores(val) {
divs = document.getElementsByTagName('div');
divs[val].innerHTML = 'Se ha insertado en el div ' + val;
}
</script>
</head>
<body >
<div id="d"/>DIV 1</div>
<div id="d"/>DIV 2</div>
<div id="d"/>DIV 3</div>
<button onclick="valores(2);" >mostrar</button>
</form>
</body>
</html>

Suerte

Sipy · #3 (**permalink**) 14/06/2010, 06:16

Muchas gracias, voy a clase y esta noche lo probare, Merci!!!

Un saludo

deirdre · #4 (**permalink**) 15/06/2010, 19:05

Hola Adler

Tu código js me produce una contradicción: ¿no es cierto que un 'id' debe ser único por cada página? O sea que no puede haber dos 'id'(s) iguales porque entonces no serían id(s).

id = identificador (dos iguales no identifican, sino confunden).

¿Estoy en un error?

Saludos

Adler · #5 (**permalink**) 16/06/2010, 08:05

Hola

Sí, tienes razón a media.
Fíjate, que a la función se le pasa un argumento, que equivale a la posición del div. Es decir,
como se le envia un "2" estamos haciendo referencia a <div id="d"/>DIV 2</div>.
Además, usamos document.getElementsByTagName('div');, para meter en una matriz todos los elementos con ese tag.
En resumen, realmente no estamos trabajando con las id. Pero como es lo que le ocurre a @Sipy

Ahora un caso en el que varios elementos tienen la misma id y name

Cita:

Podemos acceder a cada elemento usando getElementsByName. En este caso te daría un arreglo, con lo cual otra vez puedes acceder a cada uno de ellos, sin problemas. Con lo cual otra vez no trabajamos con sus id

Espero haberme explicado, no soy muy bueno en esto de explicar la teoría

deirdre · #6 (**permalink**) 16/06/2010, 10:37

Hola Adler

Creo que te entiendo (también a medias...). Si utilizas para la llamada a 'name' lo entiendo todo, pero el tema de las duplicidades de id me sigue desconcertando.

Gracias

Bye

Adler · #7 (**permalink**) 16/06/2010, 12:07

Cita:

Iniciado por deirdre

Hola Adler

Creo que te entiendo (también a medias...). Si utilizas para la llamada a 'name' lo entiendo todo, pero el tema de las duplicidades de id me sigue desconcertando.

Gracias

Bye

Vale, el asunto en resumen está en que no puedes usar id idénticas siempre y cuando vayas a trabajar con ellas, por que ocurriría lo que tu mencionastes

deirdre · #8 (**permalink**) 16/06/2010, 17:08

Gracias Adler

Además ya sabes que duplicidades de id crea código no estándard y no valida (porque la duplicidad, se use o no el id para algo, es un error).

Saludos y gracias.

Bye

Tecna · #9 (**permalink**) 17/06/2010, 09:38

Buenas,

estoy totalmente de acuerdo con deirdre y además decir que también daría problemas al aplicar los estilos css y con el añadido de que como no está contemplado ( y a veces aunque lo esté ) cada navegador tiene un comportamiento distinto al aplicar los valores de los estilos computados con lo que se pueden producir resultados inesperados y errores difícles de localizar y arreglar. Y, ¿para que poner una cosa que no vamos a poder usar y que nos puede causar problemas (por despiste, de validación...)? Estamos de acuerdo en que siempre hay varias formas de hacerlo pero getElementById es mas directo que getElementsByTagName('div') ya que div los suele haber a patadas en cualquier página y dependes mucho de que la estructura no cambie y se añadan o quiten divs en este caso

Adler · #10 (**permalink**) 17/06/2010, 13:19

Cita:

Iniciado por Tecna

Buenas,

estoy totalmente de acuerdo con deirdre y además decir que también daría problemas al aplicar los estilos css y con el añadido de que como no está contemplado ( y a veces aunque lo esté ) cada navegador tiene un comportamiento distinto al aplicar los valores de los estilos computados con lo que se pueden producir resultados inesperados y errores difícles de localizar y arreglar. Y, ¿para que poner una cosa que no vamos a poder usar y que nos puede causar problemas (por despiste, de validación...)? Estamos de acuerdo en que siempre hay varias formas de hacerlo pero getElementById es mas directo que getElementsByTagName('div') ya que div los suele haber a patadas en cualquier página y dependes mucho de que la estructura no cambie y se añadan o quiten divs en este caso

knock, knock ¿un problema de disléxia?

Cita:

Iniciado por Sipy

Buenas,

Ya he conseguido que se me actualice un div sin que se actualice la pagina, pero el problema es que en la pagina hay varios divs que usan la misma id y cuando hay mas de uno siempre me actualiza el de arriba del todo, hay alguna manera de diferenciar divs con la misma id para que se actualice el que se debe actualizar?

Muchas gracias y un saludo!

Cita:

Iniciado por Adler

Vale, el asunto en resumen está en que no puedes usar id idénticas siempre y cuando vayas a trabajar con ellas, por que ocurriría lo que tu mencionastes

¿Cual es la discusión?

Tecna · #11 (**permalink**) 18/06/2010, 10:17

Buenas,

el Id debe ser ÚNICO, y no lo digo yo,

- se menciona en el estándar ECMA-262 en varios puntos.
- en la especificación HTML 4.01 en el punto 7.5.2
- en la especificación CSS2.1 en el punto 5.9
- en el núcleo del DOM nivel 2 en el método getElementById

y en el caso concreto de javascript como no provoca una excepción ni es un error de sintaxis si no se usa no dará error pero no quiere decir que no esté mal, sería un error subyacente que provocaría comportamientos inesperados porque tanto puede devolver null, como el primero que encuentre o uno aleatorio en el caso de que se hiciera referencia a él.

Cita:

Iniciado por Adler

Vale, el asunto en resumen está en que no puedes usar id idénticas siempre y cuando vayas a trabajar con ellas, por que ocurriría lo que tu mencionastes

Si no se puede trabajar con ellos no tiene ningún sentido usar ids iguales (y además seguirá estando mal).

Cita:

Iniciado por Adler

knock, knock ¿un problema de disléxia?

No se a qué viene eso y creo que los insultos están de más pero ya que insultas por lo menos escribe correctamente, sobra la tilde. Aunque no insulta quien quiere sino quien puede.

xpatriciox2010 · #12 (**permalink**) 05/07/2010, 17:54

Cita:

Iniciado por Sipy

Buenas,

Ya he conseguido que se me actualice un div sin que se actualice la pagina, pero el problema es que en la pagina hay varios divs que usan la misma id y cuando hay mas de uno siempre me actualiza el de arriba del todo, hay alguna manera de diferenciar divs con la misma id para que se actualice el que se debe actualizar?

Muchas gracias y un saludo!

xpatriciox2010 · #13 (**permalink**) 05/07/2010, 17:56

Hola Sipy.
soy nuevo en el sistema, lei la nececidad de actualizar los div sin necesidad de actualizar la pagina. Por favor podrias decirme como puedo hacerlo por medio de codigo tengo ese problema. gRacias de antemano por ola ayuda.

patricio.