Jquery |

28 junio, 2019

Integrar Recapcha V3

Agradecimientos a la fuente: https://www.salamarkesa.com/recaptcha-php-tutorial-implementar/ Vamos a ver aquí un ejemplo de cómo yo lo estoy implementando en la salamarkesa para el sistema de comentarios. Paso 1. Creas tus claves. Desde aquí: reCaptcha admin Simplemente pon el dominio de tu web y obtienes dos claves: una pública y una privada. Paso 2. Coloca este script antes…

28 diciembre, 2018

Poner el foco en el editor TinyMCE

Si deseamos poner el foco en el editor desde jquery:

tinymce.get('id_del_editor').focus();

1	tinymce.get('id_del_editor').focus();

Fuente: https://stackoverflow.com/questions/2212552/how-do-you-set-the-focus-of-a-tinymce-textarea-element

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…