elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Arreglado, de nuevo, el registro del warzone (wargame) de EHN


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Obtener valor de un elemento html
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Obtener valor de un elemento html  (Leído 2,767 veces)
itzg3

Desconectado Desconectado

Mensajes: 146



Ver Perfil
Obtener valor de un elemento html
« en: 7 Abril 2014, 00:57 am »

Tengo una lista desordenada en la cual tengo 3 link:
Código:
<ul class="gnr">

<li><a class="lnk" href="#" title="Link1">Link1</a></li>
<li><a class="lnk" href="#" title="Link2">Link2</a></li>
<li><a class="lnk" href="#" title="Link3">Link3</a></li>
</ul>

Todos los links son de la clase "lnk" y lo que quiero hacer es que al hacer click en cualquiera de ellos se guarde el valor del atributo "title" en una variable y enviarla usando la funcion ajax()  de jquery a un documento php.


« Última modificación: 13 Abril 2014, 00:34 am por #!drvy » En línea

engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: Obtener valor de un elemento html
« Respuesta #1 en: 7 Abril 2014, 04:15 am »

leete este tutorial explican eso y más


« Última modificación: 13 Abril 2014, 00:34 am por #!drvy » En línea

El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
itzg3

Desconectado Desconectado

Mensajes: 146



Ver Perfil
Re: Obtener valor de un elemento html
« Respuesta #2 en: 7 Abril 2014, 05:09 am »

hola,
exacto sigo aquel tutorial pero me quede truncado en la parte de la conexion entre ajax y php.

Muestro el codigo que tengo:

En en el html:
Código:
<html>
<head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="probando_ajax.js"></script>

</head>
<body>

<div id="bloque_geners">
<ul class="gnr">

<li><a class="lnk" href="#" title="Link1">Link1</a></li>
<li><a class="lnk" href="#" title="Link2">Link2</a></li>
<li><a class="lnk" href="#" title="Link3">Link3</a></li>

</ul>
</div>
<div id="resultados">

</div>
</body>
</html>

En el JS:

Código:
var x;
x=$(document);
x.ready(inicializarEventos);

function inicializarEventos()
{
  var x;
  x=$(".lnk");
  x.click(presionSubmit);
}

function presionSubmit(){

$("a.lnk").each(function(){ //Esta linea y
   
               var t = this.title; // esta otra me dejaron en duda.

$.ajax({

           async:true,
           type: "POST",
           dataType: "html",
           contentType: "application/x-www-form-urlencoded",
           url:"recibe.php",
           data:"titulo="+t,
           beforeSend:inicioEnvio,
           success:llegadaDatos,
           timeout:4000,
           error:problemas
         });

});
}

function inicioEnvio()
{
  var x=$("#resultados");
  x.html('<img src="loading.gif">');
}

function llegadaDatos(datos)
{
  $("#resultados").text(datos);
}

function problemas()
{
  $("#resultados").text('Problemas en el servidor.');
}

Y el PHP:

Código:
<?php

$g=$_REQUEST['titulo'];

if($g=="Link1"){

echo "click en Link1";
}else{
if($g=="Baladas"){
echo "click en Link2";

}else{

echo " click en Link3";
}
}

?>

Y al hacer click en cualquiera de los tres link me imprime que hice click en Link3  y no me muestra el nombre del link respectivo al que se hizo click.
« Última modificación: 7 Abril 2014, 05:12 am por itzg3 » En línea

EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: Obtener valor de un elemento html
« Respuesta #3 en: 7 Abril 2014, 18:30 pm »

Por que tantas vueltas?

Código
  1. $(document).ready(function() {
  2. $('.gnr a').on('click', function(){
  3. var title = $(this).attr('title');
  4. alert(title);
  5. // ...  ajax
  6. });
  7. });
  8.  
En línea

itzg3

Desconectado Desconectado

Mensajes: 146



Ver Perfil
Re: Obtener valor de un elemento html
« Respuesta #4 en: 7 Abril 2014, 22:18 pm »

Gracias por esa respuesta tan breve .Le estaba dando mucha vuelta al tema xD

Saludos.


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines