Comunidad de diseño web y desarrollo en internet online

Como obtener el "id" o "class" deun elemento html

Citar            
MensajeEscrito el 04 Jun 2007 05:36 pm
Holap, me gustaría saber si hay manera de obtener el id o class de un elemento html, me explico:

Tengo este código html

Código :

[...]
<td class="celda1"><p class=""><span><img class="img1" src="img.png" /></span></p></td>
<td class="celda2"><p class=""><span><img class="img1" src="img.png" /></span></p></td>
<td class="celda3"><p class=""><span><img class="img1" src="img.png" /></span></p></td>
[...]


y tengo este código jQuery

Código :

[...]
$(".img1").click(function (){
         if ( cliked == 0){
         $(this).addClass('pinchao');
         cliked = 1
         }else if (actual == this){
         $(this).removeClass('pinchao');
         cliked = 0
         }else if (actual != this){
         $(actual).removeClass('pinchao');
         $(this).addClass('pinchao');
         }
         actual = this
      });
[...]


Lo que me gustaría es obtener el nombre de la clase celdaX, es decir, si presiono sobre la imagen que está en la celda llamada "celda1", obtener dicho nombre para ir guardandolo en una base de datos. Al igual, si la imagen presionada estaba en "celda2", pues mas de lo mismo. No se si me explico...

¿Hay alguna manera de obtener el nombre de la clase padre de un elemento html?

Gracias

Por NachE

2 de clabLevel



 

mozilla
Citar            
MensajeEscrito el 04 Jun 2007 08:50 pm
ultimamente me respondo a mi mismo...

la solución está en

Código :

$(this,"td").attr("class")


Con esto obtenemos el valor de class dentro de <td>

Saludos!

Por NachE

2 de clabLevel



 

mozilla
Citar            
MensajeEscrito el 06 Jun 2007 06:51 pm

Código :

<td class="celda1"><p class=""><span><img class="img1" src="img.png" /></span></p></td>


No encuentro sentido ponerle un <p> sin clase a todo eso. Ni ponerle una clase img1 a todas las imagenes. La clase de celda1 y siguiente si le veo sentido, son casi necesarias para hacer una tabla crossbrowser.

Quizás debas usar algo más semántico y usar herencias.

Código :

$('#table td.clase1 img').click(pinchaoFunction);

function pinchaoFunction() {
    [...]
}

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 11 Jun 2007 03:21 am

NEO_JP escribió:

Código :

<td class="celda1"><p class=""><span><img class="img1" src="img.png" /></span></p></td>


No encuentro sentido ponerle un <p> sin clase a todo eso. Ni ponerle una clase img1 a todas las imagenes. La clase de celda1 y siguiente si le veo sentido, son casi necesarias para hacer una tabla crossbrowser.

Quizás debas usar algo más semántico y usar herencias.

Código :

$('#table td.clase1 img').click(pinchaoFunction);

function pinchaoFunction() {
    [...]
}



El usar un <p> sin clase es por si después me hace falta. Si veo que no, lo quito y punto. La cosa de ponerle img1 a todas las imagenes, es por que no solo habrá una imagen, si no dos o tres dentro de cada <span>, y necesito funciones diferentes para cada una.

Saludos!

Por NachE

2 de clabLevel



 

mozilla
Citar            
MensajeEscrito el 01 Mar 2009 10:46 pm
Hola. Me gustaria saber como acceder desde una pagina html a otra usando javascript.
Por ejemplo:

Yo tengo en el servidor 2 paginas llamadas pagina1.html y pagina2.html. En pagina1.html he creado 1 formulario y he creado 1 boton que, a traves de javascript, lleva al usuario a pagina2.html. Quiero mostrar en pagina2.html los datos que ha introducido el usuario en el formulario de pagina1.html.

Gracias de antemano.

Por emiliete1990

3 de clabLevel



 

msie
Citar            
MensajeEscrito el 01 Mar 2009 10:54 pm
Os doy una sugerencia para ayudarme aunque no se si esta bien.

<html id="pagina1">
[...]
</html>

codigo javascript:

function escribir()
{
pagina1.document.form1.nombre.value="Pepito";
}

Un saludo.

Por emiliete1990

3 de clabLevel



 

msie

 

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