Comunidad de diseño web y desarrollo en internet online

Enviar un atributo HTML a una función JS mediante HREF

Citar            
MensajeEscrito el 10 Sep 2008 02:56 pm
Buenas gente, a ver si me pueden dar una manito.
Me explico mejor. Tengo un link en HTML que es generado por PHP de acuerdo a ciertos valores de una base de datos. Algo como esto:

Código :

<a href="javascript: miFuncion();" title="Este es un link"> Link </a>


Ahora, lo que yo necesito, es enviarle a esa función de Javascript, el atributo "title" de mi link. Algo así:

Código :

<a href="javascript: miFuncion(this.title);" title="Este es un link"> Link </a>


Logro explicarme? Es posible obtener el atributo de una etiqueta sin necesidad de un getElementById ?
Un saludo a todos.

Por dave73

985 de clabLevel

5 tutoriales

 

Argentina, Córdoba

chrome
Citar            
MensajeEscrito el 10 Sep 2008 05:44 pm
Jquery, maldición es todo tan facil...

en JS estoy recién empezando pero con Jquery lo haría así
html:

Código HTML :

<a href="lo que sea" title="Este es un link" id='datoVariable' class='linkDato'>


Código HTML :

$(document).ready( 
   function(){   
      $(".linkDato").click(function(){
         alert($(this).attr('id'));
         ; return false
      });
   }
);

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 10 Sep 2008 06:08 pm
Gracias Inyaka por responder, pero ya había probado algo asi. Me sale el alert con el texto "undefined". Maldito Jquery :S

Por dave73

985 de clabLevel

5 tutoriales

 

Argentina, Córdoba

firefox
Citar            
MensajeEscrito el 10 Sep 2008 06:54 pm
Querido Inyaka, logré hacerlo funcionar. Ahora, existe un problema más grande y es que no sé como usar dos funciones de jquery a la vez. Veamos mi HTML:

Código :

<a href="" title="Este es un link" class="linkDato"> Link </a>


Ahora en JS:

Código :

$(document).ready(  
   function(){    
      $(".linkDato").click(function(){ 
         alert($(this).attr('id')); 
         ; return false 
      }); 
   } 
); 


Aparte, tengo otra función que hace un tooltip usando tambien el title:

Código :

$(function(){
   $("map > area").tooltip({ positionLeft: false });
})


El problema es que no funcionan ambas juntas al parecer. Porque me da undefined el alert.
He probado colocando la funcion del tooltip junto a la del click, pero no resulta.
¿Debo dedicarme al origami o existe solucion?

Por dave73

985 de clabLevel

5 tutoriales

 

Argentina, Córdoba

firefox
Citar            
MensajeEscrito el 10 Sep 2008 08:16 pm
con attr('id') buscas el atributo id

con attr('title') buscas el atributo title

con attr('deboLeerLasReferencias') buscas el atributo deboLeerLasReferencias


XD

suerte ¡¡ ^^

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 10 Sep 2008 08:43 pm
que tal esto:

Código :

miFunction (title){
  alert(title);
}
....
<a href="#" title="Este es un link" onclick="miFuncion(this.title);"> Link </a>

Por jacr1102

50 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Sep 2008 08:47 pm
falto agregarle el function para que quede asi:

Código :

function miFuncion (title){
  alert(title);
}
....
<a href="#" title="Este es un link" onclick="miFuncion(this.title);"> Link </a>


Algunas veces es mejor no usar jQuery =)

Por jacr1102

50 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Sep 2008 05:37 am

jacr1102 escribió:

falto agregarle el function para que quede asi:

Código :

function miFuncion (title){
  alert(title);
}
....
<a href="#" title="Este es un link" onclick="miFuncion(this.title);"> Link </a>


Algunas veces es mejor no usar jQuery =)

+1

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox

   Página 1 de 1

 

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