¿Como recuperar un dato de varios divs haciendo Click ? - javascript - Jquey

Iniciado por Lupin, 26 Mayo 2011, 03:01 AM

0 Miembros y 1 Visitante están viendo este tema.

Shell Root

Pues no se que no es lo que te funciona,
Código (html4strict) [Seleccionar]
<html>
  <head>
    <title>PoC</title>
    <script type = "text/javascript" src = "JQuery.js"></script>
    <script language = "javascript">
      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>
  </head>
  <body>

  <div class = "art">
      <a id = "link" href = "http://127.0.0.1/PoC/index.php?token=PoC">
        <img alt = "" src = "http://profile.ak.fbcdn.net/hprofile-ak-snc4/186520_100001061925688_4930346_q.jpg" 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("token", sHREF));
    });
  </script>

  </body>
</html>
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

Lupin

 ;D ;D Gracias tu codigo va de maravillas.
Tratando de hacerlo mas general he reemplazado  esto :
 
<script language="javascript">
    $("div.art > div.delete").click( function() {
     var sHREF = $("#link").attr("href");
     alert(buscarParametroGET("token", sHREF));
    });


por esto

  <script language="javascript">
    $("div.art > div.delete").click( function() {
   var sHREF = $(this).parent().find('#link').attr("href");
  alert(buscarParametroGET("id_pagina",sHREF));
    });
  </script>


El problema es que me funciona en un solo DIV de los varios que el php genera en mi pagina, mas especifico en el segundo DIV. De alli la funcion arroja vacio...tratare de solucionarlo  y lo posteo...eso espero ;D

Lupin

Gracias Shell Root por tu ayuda...genial !!!
Bueno aun no lo resuelvo pero me quedo con este codigo

(Si funciona)

<html>
<head>
    <title>PoC</title>
    <script type = "text/javascript" src = "JQuery.js"></script>
    <script language = "javascript">
      function buscarParametroGET( parametros, url){
        var expReg    = "[\\?&]"+parametros+"=([^&#38;#38;#]*)";
        var regEx     = new RegExp ( expReg );
        var resultado = regEx.exec( url );
        if( resultado == null ){
          return "";
        }else{
          return resultado[1];
        }
      }
    </script>
<style type="text/css">
<!--
.art {
height: 50px;
width: 50px;
background-color:#00BFAA;
}
.delete {
height: 50px;
width: 120px;
background-color:#00BFAA;
}
-->
  </style>
  </head>
  <body>

  <div class = "art">
      <a id = "link" href = "http://127.0.0.1/PoC/index.php?token=100">
        <img alt = "" src = "http://profile.ak.fbcdn.net/hprofile-ak-snc4/186520_100001061925688_4930346_q.jpg" border = 0>
      </a>
    <div class = "delete" align = "center"><b>DELETE</b></div>
  </div>
 
  <br>
  <div class = "art">
      <a id = "link" href = "http://127.0.0.1/PoC/index.php?token=101">
        <img alt = "" src = "http://profile.ak.fbcdn.net/hprofile-ak-snc4/186520_100001061925688_4930346_q.jpg" border = 0>
      </a>
    <div class = "delete" align = "center"><b>DELETE</b></div>
  </div>
 
  <br>
  <div class = "art">
      <a id = "link" href = "http://127.0.0.1/PoC/index.php?token=102">
        <img alt = "" src = "http://profile.ak.fbcdn.net/hprofile-ak-snc4/186520_100001061925688_4930346_q.jpg" border = 0>
      </a>
    <div class = "delete" align = "center"><b>DELETE</b></div>
  </div>
  <br>
 
  <div class = "art">
      <a id = "link" href = "http://127.0.0.1/PoC/index.php?token=103">
        <img alt = "" src = "http://profile.ak.fbcdn.net/hprofile-ak-snc4/186520_100001061925688_4930346_q.jpg" border = 0>
      </a>
    <div class = "delete" align = "center"><b>DELETE</b></div>
  </div>
 
 
 

  <script language="javascript">
    $("div.art > div.delete").click( function() {
  var sHREF = $(this).parent().find('#link').attr("href");
  var strCompleta=new String(sHREF);
  var adelante = strCompleta.substring(strCompleta.indexOf("token")+6, strCompleta.length );
  alert (adelante);


    });
  </script>

  </body>
</html>


Voy a ponerme a estudiar mas en serio Jquery..
Espero que a otros le sirva este tema...
Por cierto como hago para postear el codigo de colores ??  ;D ;D

Shell Root

Con el uso de la etiqueta [code][/code]

Así,
[code=javascript]var sPoc = 1;[/code]

Resultado,
Código (javascript) [Seleccionar]
var sPoc = 1;
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

Lupin

Gracias
Asi sera mas facil hacer entender mis codeX !!!  >:D
Saludos !!