Jquery |

4 octubre, 2018

Ocultar o mostrar calendario datetimepicker o datepicker

            $('#fecha_ini_promocion').on('changeDate',function(e){
                $('.datepicker ').css("display", "none");
            })

1

2

3

$('#fecha_ini_promocion').on('changeDate',function(e){

$('.datepicker ').css("display", "none");

})

            $('#fecha_ini_promocion').on('changeDate',function(e){
                $('.datepicker ').css("display", "block");
            })

1

2

3

$('#fecha_ini_promocion').on('changeDate',function(e){

$('.datepicker ').css("display", "block");

})

23 marzo, 2018

Obtener URL de donde actual con JavaScript/jquery

<script type="text/javascript">
   alert(location.href);
</script>

ó

<script type="text/javascript">
   alert(window.location);
</script>

1

2

3

4

5

6

7

8

9

alert(location.href);

</script>

ó

alert(window.location);

</script>

4 marzo, 2018

Redireccionar a una determinada url con jquery

Redirección en una nueva Pestaña:

$('#btn_redireccionar').click(function(){
    url = "http://www.google.es";
    $("<a>").attr("href", url).attr("target", "_blank")[0].click();
});

1

2

3

4

$('#btn_redireccionar').click(function(){

url = "http://www.google.es";

$("<a>").attr("href", url).attr("target", "_blank")[0].click();

});

Redirección en la misma Pestaña:

                   
$("#btn_boton_comprar").click(function(){           
      url = "http://www.web_a_redireccionar.com";
      $(location).attr('href',url);
});

1

2

3

4

5

$("#btn_boton_comprar").click(function(){

url = "http://www.web_a_redireccionar.com";

$(location).attr('href',url);

});

Redirección Abriendo en una Ventana nueva(Opción menos elegante):

Y para abrir la redirección en una ventana nueva:

$("#btn_boton_comprar").click(function(){           
      var pagina = 'http://www.web_a_redireccionar.com';
      window.open(pagina, '_blank');
});

1

2

3

4

5

6

Y para abrir la redirección en una ventana nueva:

$("#btn_boton_comprar").click(function(){

var pagina = 'http://www.web_a_redireccionar.com';

window.open(pagina, '_blank');

});

1 marzo, 2018

Cómo acceder al valor de un datetimepiker bootstrap desde jquery

Después de horas y horas y horas y horas….de pruebas y más pruebas y más pruebas….he encontrado la solución…no puedo entender cómo ha día de hoy no hay un puñetero ejemplo(para tontos) de cómo coño acceder al valor de un puñetero Datetimepiker de boostrap…. Si nos vamos a la documentación del desarrollador pone claramente que…

1 marzo, 2018

Manejo de Fechas en Jquery con Moment

El manejo de fechas y horas en javascript/jquery siempre ha sido un dolor de cabeza, hasta el descubrimiento de la librería Moment.js. Podemos descargarla de http://momentjs.com/, y para añadirla a nuestro script sería tan sencillo como:

<script src="http://momentjs.com/downloads/moment-with-locales.js"></script>

1	<script src="http://momentjs.com/downloads/moment-with-locales.js"></script>

Una vez hecho esto, para usarla haríamos lo siguiente: Obtener Fecha Actual en Formato Linux

var fecha = moment();
console.log("Fecha y hora actual: "+fecha);

1 2	var fecha = moment(); console.log("Fecha y hora actual: "+fecha);

Obtener Fecha…

27 febrero, 2018

Obtener el valor (value) del radio button con jQuery

<form name="formulario" id="formulario" action="12-radio-button-jquery.php" method="POST">
	<input type="radio" name="edad" id="edad1" value="20"> 20<br>
	<input type="radio" name="edad" id="edad2" value="30"> 30<br>
	<input type="radio" name="edad" id="edad3" value="40"> 40 
	<br><br>
	<input type="button" id="boton" value="Enviar">
</form>

1

2

3

4

5

6

7

<input type="radio" name="edad" id="edad3" value="40"> 40

</form>

<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function()
		{
		$("#boton").click(function () {	 
			alert(<strong>$('input:radio[name=edad]:checked').val()</strong>);
			$("#formulario").submit();
			});
		 });
</script>

1

2

3

4

5

6

7

8

9

10

$(document).ready(function()

{

$("#boton").click(function () {

alert(<strong>$('input:radio[name=edad]:checked').val()</strong>);

$("#formulario").submit();

});

</script>

Fuente: https://www.anerbarrena.com/value-radio-button-jquery-checked-1580/

15 febrero, 2018

Errores datatable, que son y como solucionarlos

Error Nº1 Cuando nos de el error: DataTables warning: table id=tblusers – Invalid JSON response. For more information about this error, please see http://datatables.net/tn/1 Revisar en tabla cada una de las funciones del modelo que extraen datos en el controlador que obtiene los datos del datatable y los devuelve en formato Json, puede ser que…

1 febrero, 2018

Eventos sobre elementos dinamicos jquery

En muchas ocasiones generamos de manera dinámica ciertos elementos de un formulario por ejemplo, como inputs, selects, etc….y nos encontramos con que la tipica llamada a un evento que antes funcionaba perfectamente sobre elementos ya presentes en el documento html y que funcionaban perfectamente, de repente, como por arte de magia dejan de funcionar. Para…

27 enero, 2017

Ejemplo Formulario de contacto con “No CAPTCHA reCAPTCHA” Integrado

Notas: -El código del formulario funciona con bootstrap y jquery(por lo que deberé añadir las dependencias a sus respectivas librerias) -El codigo de la librería recaptchalib de más abajo lo tengo que meter en un archivo recaptchalib.php y subirlo al servidor(ruta del ejemplo require_once(‘scripts/php/recaptchalib.php’);). -Debo tener una clave google sitekey Código de la librería recaptchalib.php

<?php
/**
 * This is a PHP library that handles calling reCAPTCHA.
 *    - Documentation and latest version
 *          https://developers.google.com/recaptcha/docs/php
 *    - Get a reCAPTCHA API Key
 *          https://www.google.com/recaptcha/admin/create
 *    - Discussion group
 *          http://groups.google.com/group/recaptcha
 *
 * @copyright Copyright (c) 2014, Google Inc.
 * @link      http://www.google.com/recaptcha
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
/**
 * A ReCaptchaResponse is returned from checkAnswer().
 */
class ReCaptchaResponse
{
    public $success;
    public $errorCodes;
}
class ReCaptcha
{
    private static $_signupUrl = "https://www.google.com/recaptcha/admin";
    private static $_siteVerifyUrl =
        "https://www.google.com/recaptcha/api/siteverify?";
    private $_secret;
    private static $_version = "php_1.0";
    /**
     * Constructor.
     *
     * @param string $secret shared secret between site and ReCAPTCHA server.
     */
    function ReCaptcha($secret)
    {
        if ($secret == null || $secret == "") {
            die("To use reCAPTCHA you must get an API key from <a href='"
                . self::$_signupUrl . "'>" . self::$_signupUrl . "</a>");
        }
        $this->_secret=$secret;
    }
    /**
     * Encodes the given data into a query string format.
     *
     * @param array $data array of string elements to be encoded.
     *
     * @return string - encoded request.
     */
    private function _encodeQS($data)
    {
        $req = "";
        foreach ($data as $key => $value) {
            $req .= $key . '=' . urlencode(stripslashes($value)) . '&';
        }
        // Cut the last '&'
        $req=substr($req, 0, strlen($req)-1);
        return $req;
    }
    /**
     * Submits an HTTP GET to a reCAPTCHA server.
     *
     * @param string $path url path to recaptcha server.
     * @param array  $data array of parameters to be sent.
     *
     * @return array response
     */
    private function _submitHTTPGet($path, $data)
    {
        $req = $this->_encodeQS($data);
        $response = file_get_contents($path . $req);
        return $response;
    }
    /**
     * Calls the reCAPTCHA siteverify API to verify whether the user passes
     * CAPTCHA test.
     *
     * @param string $remoteIp   IP address of end user.
     * @param string $response   response string from recaptcha verification.
     *
     * @return ReCaptchaResponse
     */
    public function verifyResponse($remoteIp, $response)
    {
        // Discard empty solution submissions
        if ($response == null || strlen($response) == 0) {
            $recaptchaResponse = new ReCaptchaResponse();
            $recaptchaResponse->success = false;
            $recaptchaResponse->errorCodes = 'missing-input';
            return $recaptchaResponse;
        }
        $getResponse = $this->_submitHttpGet(
            self::$_siteVerifyUrl,
            array (
                'secret' => $this->_secret,
                'remoteip' => $remoteIp,
                'v' => self::$_version,
                'response' => $response
            )
        );
        $answers = json_decode($getResponse, true);
        $recaptchaResponse = new ReCaptchaResponse();
        if (trim($answers ['success']) == true) {
            $recaptchaResponse->success = true;
        } else {
            $recaptchaResponse->success = false;
            $recaptchaResponse->errorCodes = $answers [error-codes];
        }
        return $recaptchaResponse;
    }
}
?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

<?php

/**

* This is a PHP library that handles calling reCAPTCHA.

* - Documentation and latest version

* https://developers.google.com/recaptcha/docs/php

* - Get a reCAPTCHA API Key

* https://www.google.com/recaptcha/admin/create

* - Discussion group

* http://groups.google.com/group/recaptcha

*

* @link http://www.google.com/recaptcha

*

* Permission is hereby granted, free of charge, to any person obtaining a copy

* of this software and associated documentation files (the "Software"), to deal

* in the Software without restriction, including without limitation the rights

* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

* copies of the Software, and to permit persons to whom the Software is

* furnished to do so, subject to the following conditions:

*

* The above copyright notice and this permission notice shall be included in

* all copies or substantial portions of the Software.

*

* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,

* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN

* THE SOFTWARE.

*/

/**

* A ReCaptchaResponse is returned from checkAnswer().

*/

class ReCaptchaResponse

{

public $success;

public $errorCodes;

}

class ReCaptcha

{

private static $_signupUrl = "https://www.google.com/recaptcha/admin";

private static $_siteVerifyUrl =

"https://www.google.com/recaptcha/api/siteverify?";

private $_secret;

private static $_version = "php_1.0";

/**

* Constructor.

*

* @param string $secret shared secret between site and ReCAPTCHA server.

*/

function ReCaptcha($secret)

{

if ($secret == null || $secret == "") {

die("To use reCAPTCHA you must get an API key from <a href='"

. self::$_signupUrl . "'>" . self::$_signupUrl . "</a>");

}

$this->_secret=$secret;

}

/**

* Encodes the given data into a query string format.

*

* @param array $data array of string elements to be encoded.

*

* @return string - encoded request.

*/

private function _encodeQS($data)

{

$req = "";

foreach ($data as $key => $value) {

$req .= $key . '=' . urlencode(stripslashes($value)) . '&';

}

// Cut the last '&'

$req=substr($req, 0, strlen($req)-1);

return $req;

}

/**

* Submits an HTTP GET to a reCAPTCHA server.

*

* @param string $path url path to recaptcha server.

* @param array $data array of parameters to be sent.

*

* @return array response

*/

private function _submitHTTPGet($path, $data)

{

$req = $this->_encodeQS($data);

$response = file_get_contents($path . $req);

return $response;

}

/**

* Calls the reCAPTCHA siteverify API to verify whether the user passes

* CAPTCHA test.

*

* @param string $remoteIp IP address of end user.

* @param string $response response string from recaptcha verification.

*

* @return ReCaptchaResponse

*/

public function verifyResponse($remoteIp, $response)

{

// Discard empty solution submissions

if ($response == null || strlen($response) == 0) {

$recaptchaResponse = new ReCaptchaResponse();

$recaptchaResponse->success = false;

$recaptchaResponse->errorCodes = 'missing-input';

return $recaptchaResponse;

}

$getResponse = $this->_submitHttpGet(

self::$_siteVerifyUrl,

array (

'secret' => $this->_secret,

'remoteip' => $remoteIp,

'v' => self::$_version,

'response' => $response

)

);

$answers = json_decode($getResponse, true);

$recaptchaResponse = new ReCaptchaResponse();

if (trim($answers ['success']) == true) {

$recaptchaResponse->success = true;

} else {

$recaptchaResponse->success = false;

$recaptchaResponse->errorCodes = $answers [error-codes];

}

return $recaptchaResponse;

}

?>

Código html,…

26 enero, 2017

Detectar el navegador con JavaScript

Fuente: http://www.solvetic.com/tutoriales/article/1634-detectar-el-navegador-con-javascript/ NOTA: Para detectar el microsoft edge(que sigue fallando mas que una escopeta de ferias) lo haríamos así:

var es_ie = navigator.userAgent.indexOf("Edge") > -1 ;
if(es_ie){
     alert("Estás usando Microsoft Edge");
}

1

2

3

4

var es_ie = navigator.userAgent.indexOf("Edge") > -1 ;

if(es_ie){

alert("Estás usando Microsoft Edge");

}