JSFiddle

  • Descargar todas las imagenes de una página

    No-Library (pure JS), HTML, CSS, JavaScript

    $(document).ready(function () {
    	$('#btnDescargarPrimera').bind('click', function(e){
      	
        var a = $("<a>")
        .attr("href", $('img').first().attr('src'))
        .attr("download", "nombreImagenDescarga.png ...</a>
  • Jugando con Canvas 2

    No-Library (pure JS), HTML, CSS, JavaScript

    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    var x = canvas.width/2;
    var y = canvas.height-30;
    var ...
  • Jugando con Canvas

    No-Library (pure JS), HTML, CSS, JavaScript

    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    var x = canvas.width/2;
    var y = canvas.height-30;
    
    var ...
  • Plugin Select Contact Hour Picker

    Plugin que permite la selección de rangos de contacto, por ejemplo: de lunes a viernes de 8:00 a 17:00 y de sabados a domingo de 10:00 a 16:00

    $(document).ready(function() {
        
        $("#picker").rangeSheduleContact({
    			values: [],
       	  editable: true,
      	  enabled: true,
    	  });
    
    });
    
    
    /**
     * range hours contact
     * A javascript range hours contact (L-V 08 ...
  • Doble negación en javascript

    Resultado de evaluar con la doble exclamación en javascript

    //Probando los resultados de comprobar con !!expresion
    function tos(expression, value, comment) {
      var res = !!value;
    
      $('table tbody').append('<tr><td class="td0"></td><td class="td1"></td><td class="td2"></td></tr>');
      var $tr ...
  • Select2 Múltiple Selección

    Ejemplo del uso del componente select2 para selección de múltiples opciones.

    $("#provinciasConSelect2").select2();
    
  • Probando Knockoutjs

    Pequeña demostración del funcionamiento de Knockoutjs, bindeando un modelo.

    var objectViewModel = {
      nombre: ko.observable("Balón"),
      color: ko.observable("Blanco"),
    };
    ko.applyBindings(objectViewModel);
    
  • Linq.js

    Primeros experimentos con Linq.Js - Filtrando arrays

    var array = [
        { "id": 1, "nombre": "Adrian", "apellidos": 'Rodríguez Martín', "profesion": "Trabaja" },
        { "id": 2, "nombre": "Javier", "apellidos": 'Rodríguez Justo', "profesion": "Juega ...
  • Usando las Promise

    Pequeño ejemplo para entender el uso de las Promise

      //--------------------------------------------------------------------------------------------------------------
      //Ejemplo básico
      //--------------------------------------------------------------------------------------------------------------
      var espera = function(ms){
          return new Promise(function(resolve){
          		$('#pEjemploBasico').html(getMyTime() + ' - Ejecutando<br>');
              //document.getElementById('lblEjemploBasico').innerHTML = "Promesa ...
  • Director

    Usando la librería Director.js

        
    
    var author = function () { console.log("author"); };
        var books = function () { console.log("books"); };
        var viewBook = function(bookId) { 
        		$('#idBody').html('');
          	$('#idBody').append ...