Javascript

XRegExp: ampliación de expresiones regulares en Javascript

ByLuis June 21, 2007

XRegExp es una ampliaciÃ³n de Javascript para las expresiones regulares, las cuales en Javascript flaquean a la hora de los modificadores.
En este caso, aÃ±ade los modificadores s y x, lo cual amplÃa el uso que podemos darle a las expresiones regulares. El modificador s permite que el punto “.”, que representa a cualquier carÃ¡cter, represente tambiÃ©n al salto de lÃnea, el cual suele ignorar. El modificar x ignora los espacios en la expresiÃ³n regular, y asÃ poder crear unas expresiones regulares mÃ¡s legibles.
XRegExp
VÃa / dzone

Javascript

WireIt: librería Javascript para crear ‘cables’

ByLuis December 13, 2007

WireIt es una librerÃa basada en Yahoo Pipes que nos permite crear cables y conectar con ellos elementos. SÃ, algo difÃcil de entender, pero si decimos que es perfecto para crear diagramas o si sÃmplemente vemos la imagen, nos haremos una idea de cuÃ¡l es su funcionalidad.

EstÃ¡ montada sobre Yahoo! User Interface y nos permite mover objetos, conectarlos entre sÃ, desconectarlos y mucho mÃ¡s.
WireIt
Gracias ElÃas por el aviso

Javascript | Laboratorio | XHTML

Laboratorio: control para direcciones IP

ByLuis July 14, 2006

Algo que me suele gustar bastante es que cuando tengo que introducir una direcciÃ³n IP en un formulario o ventana de Windows, no tenga que estar dÃ¡ndole al tabulador para cambiar de caja de texto. Lo mismo es aplicable cuando se trata de un serial number. Tambien suelo agradecer que hacer un copy/paste, no tenga que ir haciÃ©ndolo caja a caja.

Siempre viene bien hacernos un control para direcciones IP, que permita pegar toda la direcciÃ³n ip y que se rellenen las cajas correctamente y que al pulsar el punto se mueva de caja, y la verdad es que tampoco es muy difÃcil de hacer.

Javascript | PHP | Quicklinks

Building a Sleek AJAX Email Signup Form

ByLuis August 30, 2010

In this tutorial, we’ll learn how to create a slick email signup form. This form will harness the full power of AJAX, meaning that we will submit data to the server, validate it, and receive a response – all without a single page refresh! Along the way, you should pick up some useful tips related to PHP and JavaScript, as well as general programming …

Post original

css | Javascript

Evitar el caché en las hojas de estilo

ByLuis November 7, 2007

Algo que suele ocurrir con frecuencia es que al realizar cambios en la hoja de estilos, estos no se vean reflejados en la pÃ¡gina por el cachÃ© del navegador.

Para evitar esto, tan solo es necesario un script que cargue los estilos y que le aÃ±ada un parÃ¡metro GET que sea Ãºnico para que el navegador lo entienda como un fichero nuevo. En este caso el parÃ¡metro es la fecha.

function loadStyleSheets(stylelist) {
var head = $$("head")[0];
var date = new Date();
var dateString = Date.parse(date.toString());
for(var i = 0; i < stylelist.length; i++) {
var link = document.createElement("link");
link.href="style/" + styleList[i] + "?" + dateString;
link.type = "text/css";
link.rel = "stylesheet";
head.appendChild(link);
}
}

En este caso el autor hace uso de la funciÃ³n de Prototype $$, pero se podrÃa hacer sin el uso de este framework.

Como consejos sobre el mismo tema yo aÃ±adirÃa dos:

si estÃ¡s trabajando en local y no ves los cambios, carga en el navegador directamente el fichero .css que hayas modificado, asÃ los cambios aparecerÃ¡n, luego los podrÃ¡s ver en la pÃ¡gina.
si la pÃ¡gina se crea mediante PHP le puedes aÃ±adir a la etiqueta link el parametro GET directamente:

<link rel="stylesheet" href="estilos.css?refresh=<?php echo time(); ?>" />

How to avoid caching and dynamic load of stylesheets

Javascript

Hapi.js + Vue.js internacionalización (i18n)

ByLuis September 6, 2019September 6, 2019

A partir de ahora no voy a explicar lo que hago, sino que compartiré lo que considere algo especial, pondré algún enlace a algún otro tutorial y por supuesto el enlace al tag de GitHub.

En esta ocasión he añadido internacionalización al proyecto. Parece una tontería, pero cuanto antes se meta, en mi opinión, mejor que mejor. Luego cambiar todos los textos para que admitan i18n es un tostón enorme.

Para añadir internacionalización usaremos el paquete vue-i18n, que añade todo lo que necesitamos. Aquí hay un tutorial bastante completo que explica cómo usarlo, y es el que yo he seguido.

Lo único que he añadido es que coja el idioma del navegador:

import( `@/lang/${ browserLang }.json` ).then( messages => {
	i18n.setLocaleMessage( browserLang, messages.default );
} );

Aquí está el código

Javascript

Funciones en Javascript

ByLuis October 13, 2009October 14, 2009

Normalmente el uso que hacemos de las funciones en javascript es bastante sencillo, pero en algún otro momento puede que necesitemos un uso más avanzado.

El tutorial que os paso explica detalladamente todos los usos que podemos realizar de funciones. Lo que yo desconocía era el uso de callee, que tiene un puntero a la función que se está ejecutando en ese instante, fundamental para la recursividad:

alert((function(n){ if(n <= 1){return 1;}else{return n*arguments.callee(n-1);}})(10));

Functional Javascript

Similar Posts