Mensajes

Si esta manera es dificil de enteder tamb me ayudaria si puedo meter una función que reciba al menos un parametro data-callback="alert(1);" pero solamente me deja funciones sin parametros es decir data-callback="alert"

Imagino que es mejor usar jquery
pero me refiero a que yo de entrada no se que elemento input tiene foco, simplemente se que el mouse o el cursor está presionado en un input y que se tiene que quitar dicho foco de x input... ¿como lo haría?

creo que como dije antes, con algo de jquery y usar e.blur(); o algo así...

Quisiera por medio de javascript sacarle el foco a cualquier input si lo tuviera...

Código (javascript) [Seleccionar] Expandir


if(¿El foco está dentro de un input?)
{
     [Eliminar/Sacar foco del input]
}


Estoy hace varias horas con un código que creo lo estoy escribiendo bien pero no me funciona y no termino más...

Básicamente estoy intentando detectar cuando el usuario verifica el recaptcha, pero en "tiempo real" quiero decir que el procedimiento es que cuando el usuario verifica un recaptcha al momento el sistema lo detecta y no tengo que esperar a darle click a un botón...

básicamente investigando me encontré que google recaptcha puede capturar tres respuestas por medio de atributos que uno le pone al captcha...

El primero es data-callback="x" => detecta cuando un usuario valida un captcha,
el segundo data-error-callback="y" => detecta cuando ocurre un error como por ejemplo la perdida de conexión,
y por último data-expired-callback="z" => detecta cuando expira el tiempo y el captcha vuelve a como estaba antes...


Bueno teniendo en cuenta estos puntos estoy intentando hacer esto,


HTML

Código (html) [Seleccionar] Expandir


         <form method="post">
<input type="text" name="">
<div class="g-recaptcha input_captcha" data-callback="" data-error-callback="" data-expired-callback="" data-sitekey="CLAVE_DEL_SITIO"></div>
<button type="submit" name="enviar">enviar</button>
</form>


javascript

Código (javascript) [Seleccionar] Expandir


function Prepare_Recaptcha(position)
{
        var input_captcha = document.querySelectorAll('.input_captcha'); // obtengo todos los captchas html

                if(input_captcha.length > position)
{
input_captcha[position].setAttribute('data-error-callback', function() // error connection
{
input_captcha[position].style.border = '1px solid red';
alert('No se puede conectar a reCAPTCHA. Revisa la conexión y vuelve a intentarlo.');
});

input_captcha[position].setAttribute('data-callback', function() // recaptcha verified
{
input_captcha[position].style.border = 'none';
});

input_captcha[position].setAttribute('data-expired-callback', function() // recaptcha expired
{
input_captcha[position].style.border = '1px solid red';
});
}
}

Prepare_Recaptcha(0); // preparo el primer captcha, si una página tuviera más entonces iría incrementando los valores o mejor aún lo hago con un for para automatizar la tarea y hacerlo más dinámico...


Pero por qué en otros códigos que tengo que no son de AJAX sino que son en una página HTML, el código "document.write" me imprime bien la variable de javascript y no me da problemas como ahora...

Bäsicamente estoy tratando de hacer un "echo" para javascript... y la idea es hacerlo sin cerrar todo entre comillas..

Básicamente estoy tratando de usar document.write en un archivo php que es llamado con una función ajax...

digamos que en la función tengo...

Código (javascript) [Seleccionar] Expandir


                       .done(function(results)
{
$('#box_element').append(results);
})


y en el archivo php que es llamado...

Código (php) [Seleccionar] Expandir


<?php
// [...]
         
      ?>
     <h6>Este es el dato de ajax: <script type="text/javascript">document.write('un dato');</script></h6>
     <?php

// [...]
?>


Lo que me pasa es que me pone toda la pantalla en blanco y me pone "un dato" pero me saca todo mi html... no le encuentro sentido a que pase eso...

Buenas tardes,

tengo lo siguiente...

HTML

Código (html) [Seleccionar] Expandir


<button type="button" class="the_button" onclick="alert(1);">Mostrar 1</button>


y quiero hacer lo siguiente...

Código (javascript) [Seleccionar] Expandir


document.querySelectorAll('.the_button')[0].onclick = console.log(1);


Es decir, reemplazar la función... en vez de mostrar el 1 con un alert mostrarlo por consola... ¿Como podría hacer esto?

EDIT:
Solución:

Código (javascript) [Seleccionar] Expandir


document.querySelectorAll('.the_button')[0].onclick = function()
{
       console.log(1);
};


Buenas,

estoy intentando enviar un recaptcha de google que creo que es la v2 por medio de ajax, realmente no se bien como puedo enviar y luego recibir los datos correspondientes.

Para un ejemplo, la manera en que valido los recaptcha si es un formulario es hacerlo de la siguiente manera:

HTML

Código (html) [Seleccionar] Expandir


<form method="post">
       <input type="text" name="texto">
       <div class="g-recaptcha input_captcha" data-sitekey="<?php echo(SITE_KEY); ?>"></div>
       <button type="submit" name="enviar">enviar</button>
</form>


PHP

Código (php) [Seleccionar] Expandir


<?php
if(isset($_POST['enviar'])
{
      $captcha_response = $_POST['g-recaptcha-response'];
      
      if(!empty($captcha_response))
      {
               $captcha_results = Get_Captcha($captcha_response);

               if($captcha_results['success'] == true)
               {
                       echo "el dato fue enviado correctamente!";
               }
               else
               {
                        echo "el captcha no se completó de una forma correcta.";
               }
      }
      else
     {
             echo "es requerido que completes el captcha";
     }
}
?>


Como puedo entonces hacer una función JS que envíe una solicitud hacia un fichero por medio de ajax donde por parametro se envíe el captcha a evaluar?

Código (javascript) [Seleccionar] Expandir


function Enviar_Captcha(captcha_response)
{
                        $.ajax({
url: 'fichero.php',
type: 'POST',
dataType: 'html',
data: {captcha_response},
})

.done(function(results)
{
$('body').append(results);
})
}


Como dije antes, no se como enviarlo por parametro en una función que realizará la petición por ajax y luego como puedo recibir ese "captcha_response" para evaluarlo en dicho fichero..

Gracias!

Buenas,

quería saber como podría obtener la cantidad de elementos mediante el tipo de estilo que tengan... es decir obtener la cantidad de elementos con una determinada clase que tengan un display: block

gracias!

Por eso descarte el método de ajax, mi idea no es hacerlo en "tiempo real" sino que hacerlo cuando el usuario haga una petición... por ejemplo cuando un usuario cargue un formulario (hasta ahí tiene conexión) pero luego cuando el presione un botón submit que es para enviar dicho formulario (en ese momento ya perdió la conexión) entonces se valida si tiene conexión o no... realmente nose si lo que yo estoy planteando tiene sentido ya que si ya no tiene conexión no se hasta que punto va a poder validarse algo si lógicamente ya no tiene conexión..