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

 

 


Tema destacado: AIO elhacker.NET 2021 Compilación herramientas análisis y desinfección malware


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] 2 Ir Abajo Respuesta Imprimir
Autor Tema: ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey  (Leído 8,183 veces)
Lupin

Desconectado Desconectado

Mensajes: 153



Ver Perfil
¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey
« en: 26 Mayo 2011, 03:01 am »
Hola
Tengo varios divs que genero por php y cada uno me arroja un id especifico
¿como puedo recuperar el valor de esa id por javascript?
Quiero recuperar para poder enviarlo por url a otra pagina
 :-[ :-[
Código:
<script src="includes/jquery.js" type="text/javascript"></script>
        
		<script type="text/javascript">
            $(document).ready(function (){
                //Aqui asignamos el click al elemento <a>
                $(".delete").click(function (){
 
 				var click_element= this;
				alert(click_element.nodeName); // QUIERO OBTENER 
AQUI EL "id_pagina" DEL DIV  PERO SOLO ME ARROJA EL TIPO DE ELEMENTO!!!!
                });
            });
</script>


    <DIV class="art">
    <A href="<?php print 'empleados.php?hist='.$row["id_pagina"].'#ancla'; ?>"></A>
    <div class="delete" align="center"><b>DELETE</b></div>
   </DIV>
   
   
       <DIV class="art">
    <A href="<?php print 'empleados.php?hist='.$row["id_pagina"].'#ancla'; ?>"></A>
    <div class="delete" align="center"><b>DELETE</b></div>
   </DIV>
   
   
       <DIV class="art">
    <A href="<?php print 'empleados.php?hist='.$row["id_pagina"].'#ancla'; ?>"></A>
    <div class="delete" align="center"><b>DELETE</b></div>
   </DIV>
   .
   .
   .
Con este codigo solo logro recuperar el typo de elemento pero a mi me interesa el  $row["id_pagina"] que contiene un determinado Div al hacer click
En línea
bomba1990


Desconectado Desconectado

Mensajes: 395



Ver Perfil WWW
Re: ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey
« Respuesta #1 en: 26 Mayo 2011, 03:54 am »
si quieres obtener el valor de el atributo href solo tienes que hacer $(this).attr('href'), si quieres extraer el id tienes que hacer un de la url, puede usar esto var id= ruta.substring(ruta.lastIndexOf("="),ruta.length); es decir te quedaria asi:

Código
  1. $(".delete").click(function (){
  2. var id_pagina = $(this).attr('href);
  3. var id = id.substring(id.lastIndexOf("="),id.length);
  4. });
  5.  

No lo e probado pero te debe funcionar
En línea
"Cuando le di de comer a los pobres me llamaron santo, pero cuando pregunte porque los pobres eran pobres me dijeron comunista"

http://sosinformatico.blogspot.com/
http://www.publisnet.com.ve
Shell Root
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.723


<3


Ver Perfil WWW
Re: ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey
« Respuesta #2 en: 26 Mayo 2011, 04:05 am »
Yo tengo esta pequeña función para obtener un parámetro GET.
Código
  1. function buscarParametroGET( parametros ){
  2.   var expReg    = "[\\?&]"+parametros+"=([^&#38;#]*)";
  3.   var regEx     = new RegExp ( expReg );
  4.   var uRL       = window.location.href;
  5.   var resultado = regEx.exec( uRL );
  6.   if( resultado == null ){
  7.     return "";
  8.   }else{
  9.     return resultado[1];
  10.   }
  11. }
En línea
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.
RedZer


Desconectado Desconectado

Mensajes: 666



Ver Perfil
Re: ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey
« Respuesta #3 en: 26 Mayo 2011, 04:26 am »
checate esta liga aver si te sirve de algo
http://foro.elhacker.net/desarrollo_web/pasar_parametros_con_jquery_y_ajax-t327513.0.html
En línea
Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
Lupin

Desconectado Desconectado

Mensajes: 153



Ver Perfil
Re: ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey
« Respuesta #4 en: 27 Mayo 2011, 00:34 am »
Gracias por responder muchachos ,ahora he entendido como hacerlo pero no me funka el codigo lo he arreglado asi  (utilizando los codigos de bomba1990  y modificando la funcion de Shell Root ) :

Quiero recuperar "href" del los div "art" y luego mediante la funcion buscarparametrosGET recuperar un determinado "id_pagina" segun el div donde el usuario haga click y alli mandarlo por URL a la misma pagina pero enviando el metodo GET el "id_pagina" que recupere...
La verdad recien esoy empezando en PHP y no he prestado mucha importancia a javascript pero veo que hay casos en el cual hay que manejar los dos..
Aqui esta mi codigo que no funciona ante los clicks que le mando   :( :(


mipagina.php
Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
            $(document).ready(function (){
                //Aqui asignamos el click al elemento <a>
              $(".delete").click(function (){

				var id_pagina = $(".art").attr['href'];
						location.href="mipagina.php?id="
								  + buscarParametroGET( 'id_pagina' , id_pagina) ;
					 })
			  
			   });
			
			function buscarParametroGET( parametros , url)
					{
					 var expReg    = "[\\?&]"+parametros+"=([^&#38;#]*)";
					 var regEx     = new RegExp ( expReg );
					 var resultado = regEx.exec( url );
					 if( resultado == null ){
					   return "";
					 }else{
				   return resultado[1];
					 }
					}


			
</script>


<style type="text/css">
<!--
.delete {
	height: 300px;
	width: 300px;
	background-color: #0C0;
}
.art {
		background-color: #0f0;
}

-->
</style>
</head>

<body>



<DIV class="art"><A 
		href="xxx.php?cap=1&id_pagina=78#ancla">
				<img alt="" src="images/001.jpg"
					border=0><br>
                  </A>
   		 <div class="delete" align="center"><b>DELETE</b></div>
</DIV>
  
   <br>
   
   
  <DIV class="art"><A 
		href="xxx.php?cap=1&id_pagina=79#ancla"> 
				<img alt="" src="images/001.jpg"
					border=0><br>
                  </A>
   		 <div class="delete" align="center"><b>DELETE</b></div>
</DIV>

   
  
</body>
</html>
En línea
Shell Root
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.723


<3


Ver Perfil WWW
Re: ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey
« Respuesta #5 en: 27 Mayo 2011, 04:48 am »
Pero no entiendo muy bien, a ver. Supongamos que tenemos la siguiente estructura.

Código
  1. <div id = "contenedor">
  2.   <a href = "index.php?token=23fb81d50f1eaf9de847a56a00">
  3.     <img src = "IMG/imgPoC.jpg" >
  4.   </a>
  5.   <div id = "delete">DELETE</div>
  6. </div>

Entonces, lo que quieres es tener el LINK del a href si hace click en la capa DELETE? Quizás te sirva esto,
Código
  2.   <head>
  3.     <title>PoC</title>
  4.     <script type = "text/javascript" src = "JQuery.js"></script>
  5.   </head>
  6.   <body>
  7.  
  8.   <div class = "art">
  9.       <a id = "link" href = "hola">
  10.         <img alt = "" src = "http://profile.ak.fbcdn.net/hprofile-ak-snc4/186520_100001061925688_4930346_q.jpg" border = 0>
  11.       </a>
  12.     <div class = "delete" align = "center"><b>DELETE</b></div>
  13.   </div>
  14.  
  15.   <script language="javascript">
  16.     $("div.art > div.delete").click( function() {
  17.       var sHREF = $("#link").attr("href");
  18.       alert(sHREF);
  19.     });
  20.   </script>
  21.  
  22.   </body>
  23. </html>
« Última modificación: 27 Mayo 2011, 05:12 am por Shell Root » En línea
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.
Lupin

Desconectado Desconectado

Mensajes: 153



Ver Perfil
Re: ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey
« Respuesta #6 en: 27 Mayo 2011, 20:12 pm »
Código:
<html>
<head>
<title>PoC</title>

    <script type="text/javascript" src="Saya Willka/includes/jquery.js"></script>

</head>
<body>
 
  <div class = "art">
      <a id = "link" href = "borrar.php?id_pagina=34">
        <img alt = "" src ="oficina.gif" border = 0>
      </a>
    <div class = "delete" align = "center"><b>DELETE</b></div>
  </div>
 
  <script language="javascript">
    $("div.art > div.delete").click( function() {
      var sHREF = $("#link").attr("href");
      alert( "HOLA "+ sHREF);
	  alert(buscarParametroGET("id_pagina" , "borrar.php?id_pagina=54"));// SI FUNCIONA !!!!
	  alert(buscarParametroGET("id_pagina" , sHREF)); // NO FUNCIONA !!!
	  
location.href="destino.php?capt=" + buscarParametroGET("id_pagina" , sHREF);
   
		function buscarParametroGET( parametros , url)
					{
					 var expReg    = "[\\?&]"+parametros+"=([^&#38;#]*)";
					 var regEx     = new RegExp ( expReg );
					 var resultado = regEx.exec( url );
					 if( resultado == null ){
					   return "";
					 }else{
				   return resultado[1];
					 }
					}
	    });
	
</script>
 
</body>
</html>
En línea
Lupin

Desconectado Desconectado

Mensajes: 153



Ver Perfil
Re: ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey
« Respuesta #7 en: 27 Mayo 2011, 20:26 pm »
Gracias Shell Root
Tus codigos han sido geniales  me han sido de mucha ayuda,  veo que intentar programar una web y pretender querer hacerlo SOLO en php puede llegar a ser muy limitante !!!, bueno por lo menos para mi si.
Pero tengo una duda que no me explico :
1 .Porque el script de codigo de JQuery se coloca casi finalizando el Body, la verdad yo lo cambie de ubicacion encima de los divs y no me funciono.
2. Mi otra pregunta seria porque no funciona esto
Código:
alert(buscarParametroGET("id_pagina" , "borrar.php?id_pagina=54"));// SI FUNCIONA !!!!
	  alert(buscarParametroGET("id_pagina" , sHREF)); // NO FUNCIONA !!!
	  location.href="destino.php?capt=" + buscarParametroGET("id_pagina" , sHREF);
En realidad lo que necesito es la ultima linea osea una redireccion a otra pagina pero con datos obtenidos del div.
Tu funcion buscarParametroGET me ha dado la idea que necestiaba es recontra util, es mas le he modificado para dos paremetros y si me ha funcionado dentro del jquery pero cuando le paso variables no...
Aqui esta mi codigo completo...jeje lamento la insistencia pero es una joda atascarse en una parte del codigo y no seguir avanzando en el proyecto..
Código:
<html>
<head>
    <title>PoC</title>

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

  </head>
  <body>
 
  <div class = "art">
      <a id = "link" href = "borrar.php?id_pagina=34">
        <img alt = "" src ="oficina.gif" border = 0>
      </a>
    <div class = "delete" align = "center"><b>DELETE</b></div>
  </div>
 
  <script language="javascript">
    $("div.art > div.delete").click( function() {
      var sHREF = $("#link").attr("href");
  alert(buscarParametroGET("id_pagina" , "borrar.php?id_pagina=54"));// SI FUNCIONA !!!!
	  alert(buscarParametroGET("id_pagina" , sHREF)); // NO FUNCIONA !!!
	  location.href="destino.php?capt=" + buscarParametroGET("id_pagina" , sHREF);
   


		function buscarParametroGET( parametros , url)
					{
					 var expReg    = "[\\?&]"+parametros+"=([^&#38;#]*)";
					 var regEx     = new RegExp ( expReg );
					 var resultado = regEx.exec( url );
					 if( resultado == null ){
					   return "";
					 }else{
				   return resultado[1];
					 }
					}
	    });
	
  </script>
 
  </body>
</html>
En línea
Shell Root
Moderador Global
***
Desconectado Desconectado

Mensajes: 3.723


<3


Ver Perfil WWW
Re: ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey
« Respuesta #8 en: 27 Mayo 2011, 23:14 pm »
Debería de funcionar sólo si tienes correcta la variable sHREF, es decir,
Código
  1.   var sHREF = "http://foro.elhacker.net/post.html;topic=328726.0;num_replies=7";
  2.   alert( buscarParametroGET("num_replies", sHREF) );

Así que tienes que hacer que sHREF contenga la URL que quieres.
En línea
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.
Lupin

Desconectado Desconectado

Mensajes: 153



Ver Perfil
Re: ¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey
« Respuesta #9 en: 27 Mayo 2011, 23:23 pm »
Pero si tengo  sHREF correcto incluso cuando
hice un alert(sHREF) me arroja la url sin problemas

Código:
...
$("div.art > div.delete").click( function() {
      var sHREF = $("#link").attr("href");  // si funciona pero parece que la funcion 
buscarParametroGET no lo recibe bien.


....

Creo que optare por esta solucion menos eficiente pero  es lo que tengo a la mano por ahora :
Código:
...var sHREF = $("#link").attr("href");
var strCompleta=new String(sHREF);
	var adelante = strCompleta.substring(strCompleta.indexOf("id_pagina")+10, strCompleta.length);
	alert (adelante);
...
En línea
Páginas: [1] 2 Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Fromulario: Recuperar un Dato y Aplicarle una Etiqueta (Ayuda)
PHP 		MakiaResc 4 1,811 Último mensaje 23 Enero 2008, 04:18 am
por MakiaResc
Crear varios txt a partir de 1 dependiendo del valor de un dato en el registro
Programación Visual Basic 		agmen 8 5,035 Último mensaje 26 Septiembre 2010, 22:33 pm
por seba123neo
Pregunta divs absolutos y javascript
Desarrollo Web 		basickdagger 1 1,720 Último mensaje 24 Mayo 2013, 20:13 pm
por BlackM4ster
javascript crear un margen donde solo se pueda dar click
Desarrollo Web 		SrTrp 0 1,543 Último mensaje 12 Febrero 2017, 01:15 am
por SrTrp
[Pregunta]: Editar un dato de javascript/Jquery
Desarrollo Web 		Leguim 2 1,521 Último mensaje 10 Agosto 2019, 05:18 am
por MinusFour
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines