Incrustar un PDF con PDF.js
May16

Incrustar un PDF con PDF.js

Hoy veremos como incrustar un PDF con PDF.js. PDF.js es un proyecto de software libre de la fundación Mozilla que a grandes rasgos nos permite utilizar un visor de ficheros pdf para la web de forma genérica, la ventaja que tiene es que utilizando pdf.js utilizaremos el mismo visor en todos los navegadores por tanto nos aseguramos que se verá correctamente en la mayoría de los navegadores actuales. Para...

Leer más
Simular clicks con jQuery
May12

Simular clicks con jQuery

Hoy veremos como simular clicks con jQuery. Esto nos puede llegar a ser muy útil porque hay momentos en los que necesitamos que automáticamente se dé click en algún elemento de la página. Pongo un ejemplo, a continuación: <!DOCTYPE HTML> <html lang="es"> <head> <meta charset="utf-8"/> <title>Conseguir hash de la url con javascript</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"> <script type="text/javascript"> $(document).ready(function(e) { // Cuando le dás click muestra...

Leer más
Conseguir el hash de la URL con Javascript
May09

Conseguir el hash de la URL con Javascript

Hoy veremos como conseguir el hash de la URL con Javascript, esto es algo que en algún momento nos puede ser útil. Pongo un ejemplo a continuación: <!DOCTYPE HTML> <html lang="es"> <head> <meta charset="utf-8"/> <title>Conseguir hash de la url con javascript</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) { if(window.location.hash) { var hash = window.location.hash.substring(1); $("#content").append("<p>Hash: "+hash+"</p>"); } else { $("#content").append("<p> No hay ningun hash en la URL </p>"); } });...

Leer más
Empezar con LESS rápido
Dic20

Empezar con LESS rápido

No nos engañemos LESS no hace magia, si no sabes CSS de poco te servirá LESS, por eso es importante que te manejes bien con CSS antes de empezar con LESS. Aquí veremos los conceptos más básicos para empezar con LESS rápido. Supongo que ya tienes instalado LESS y si no puedes ver como se hace aquí. Variables LESS incorpora la posibilidad de utilizar variables en nuestros CSS cosa...

Leer más
Instalar LESS en Windows
Dic13

Instalar LESS en Windows

Como sabemos LESS es un preprocesador CSS que “extiende” este lenguaje de hojas de estilo y lo dota de características propias de un lenguaje de programación convencional, lo cual es sumamente interesante. Hoy veremos como instalar LESS en Windows para comenzar a trabajar con el. En primer lugar instalaremos node.js en nuestro sistema. Una vez que lo tengamos instalado abriremos la consola de comandos de node e instalaremos el...

Leer más
Recortar imágenes con Jcrop y PHPThumb
Ago02

Recortar imágenes con Jcrop y PHPThumb

Hoy vamos a ver como recortar imágenes con Jcrop y PHPThumb. Jcrop es un plugin para jQuery que nos permite seleccionar de forma visual un área de una imagen y guardar las coordenadas seleccionadas en un formulario que enviaremos a un script PHP el cual recortará la imagen. Para hacer efectivo el recorte utilizaremos la librería para PHP PHPThumb que es muy sencilla de utilizar y funciona estupendamente. El...

Leer más
Integrar Ajax en Zend Framework 2
Jun07

Integrar Ajax en Zend Framework 2

Podemos utilizar Ajax en Zend Framework 2 de forma similar a como lo haríamos en otros frameworks. En Zend contamos con algunas funciones específicas para trabajar con Ajax. Veamos un ejemplo. La vista que hará la petición AJAX al dar click a un botón. <script> $(document).ready(inicio); function inicio(){ var x=$(".cargar"); x.click(cargar); function cargar(){ $.ajax({ async: true, type: "POST", url: "<?=$this->basePath("crud/usuariosajax")?>", success: function(datos){ $("#usuarios").html(datos); } }); return false; } }...

Leer más
Pelota que rebota con Javascript
Feb03

Pelota que rebota con Javascript

Vamos a ver como se hace el famoso efecto de los salvapantallas, el efecto de pelota que rebota con Javascript, el elemento se moverá por los ejes X, Y y Z. Vamos a conseguir esto: Para comprender el ejemplo debes saber HTML, algo de CSS y programación básica con JS <!DOCTYPE HTML> <html lang="es"> <head> <meta charset="utf-8"/> <title>Mover bola en el eje Z con dentro de una caja JS</title>...

Leer más
Página 8 de 8« Primera...45678