Comunidad de diseño web y desarrollo en internet online

2 elementos con mismo ID

Citar            
MensajeEscrito el 01 May 2007 08:55 pm
Saludos colegas,

Tengo una pregunta. Después de leer el muy buen artículo de Dientuki sobre Ajax y Javascript no intrusivo. Me quedo una duda.

En el artículo se explica una función para comparar los id de un enlace y un div, para evitar el llamado a una función javascript dentro de un atributo. Tendriamos que usar la misma id para 2 elementos, lo cual no este permitido en el XHTML...

Es ahí donde me trabo... :? Es algo simple, pero bueno... hay que sacarse las dudas!

Por Harold

19 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 01 May 2007 09:46 pm
err.. pues pregúntale a Dientuki, no?

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 01 May 2007 10:04 pm

fael escribió:

err.. pues pregúntale a Dientuki, no?


para eso estan los foros no?

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

firefox
Citar            
MensajeEscrito el 01 May 2007 10:27 pm

Mx escribió:

fael escribió:

err.. pues pregúntale a Dientuki, no?


para eso estan los foros no?


Eso supuse, lo dice en el mismo artículo! :roll:

Por Harold

19 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 02 May 2007 03:43 am
Hola

En html no pueden haber 2 elementos con un mismo ID, el ID de un elemento es unico y no se puede reusar en la misma pagina...

saludos

Por alfathenus

833 de clabLevel

5 tutoriales

 

buenos aires || Argentina

firefox
Citar            
MensajeEscrito el 02 May 2007 05:55 am
pero si puedes usar una clase para varios elementos ;)

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 03 May 2007 07:05 pm
De hecho las clases son para eso. Los id son únicos al igual que tu numero nacional de identidad (o similar), es como si varias personas tuvieran el mismo numero en un país y quisieras hacer la diferencia porque uno es alto, otro gordo y otro feo (por ejemplo), no se prestaría eso a confusión si lo que realmente importa es el número, en nuestro caso el id??
Yo la solución que veo es que al incrementar el índice podría hacerse cambiar el nombre de la variable que será utilizada, y hacer las comparaciones por parejas, en vez de hacerlas por elementos con el mismo nombre. O concatenarle un digito más, en plan que si estás buscando el ancla con id="mi_id_4", lo asocies con un div con id="mi_id_40", así no te falla por w3c y sigue funcionando.

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

firefox
Citar            
MensajeEscrito el 03 May 2007 08:22 pm
usa un id para JS y un class para xhtml en cada etiqueta, la verdad no veo por que complicarse

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 03 May 2007 09:01 pm
La verdad es que no he visto el código, pero supongo que usará un getElementById para llegar hasta el contenido o algo similar, si pones una clase en vez de una Id a ver cómo lo haces. No estimeis mucho esta opinión porque no me defiendo demasiado en js, pero creo que por ahí van los tiros...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

firefox
Citar            
MensajeEscrito el 03 May 2007 09:06 pm
<miEtiqueta id=1 class="ejemplo">
<miEtiqueta id=2 class="ejemplo">
<miEtiqueta id=3 class="ejemplo">

le digo a getElementById que me traiga el elemento por su id, no por su classe

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 03 May 2007 09:12 pm
y por qué id, la 1, 2 ó 3?? te repito que no entiendo de esto demasiado, pero creo que no es así...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

firefox
Citar            
MensajeEscrito el 03 May 2007 09:21 pm
fíjate en el código de esta documentación http://otherdesigns.cl/documentacion/ , sobre todo en la primera parte donde donde esta el jasvascript, es muy sencillo en javascript donde justamente uso getElementById

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 03 May 2007 09:49 pm
mmm, está bien la cosa... ahora te comprendo, gracias. Una "peguilla", te has dado cuenta de que no puedes ver el contenido si tienes javascript desactivado y css activado??? En el resto de los casos sí se puede.
Creo que si se lo pones con un onLoad estaría mejor, haz la prueba...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

firefox
Citar            
MensajeEscrito el 03 May 2007 10:20 pm
jejeeje es solo para que la vean 10 personas a lo sumo XD es la documentación del proyecto, si fuese para que todos la viesen me esmeraría mas

de todos modos para la proxima voy a fijarme si hay alguna solución estandar ;)

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 09 May 2007 02:06 am
Gracias muchachos, me han servido sus comentarios... en algo...

Saludos

Por Harold

19 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.