Archivos de la categoría javascript

Javascript: objetos, funciones y arrays

Javascript logoEn Javascript no existe la programación orientada a objetos, o almenos de la forma como otros lenguajes de programación del lado del servidor. Igualmente, puede que haya veces que se quiera encapsular ciertos conceptos, para hacer el código más legible o de más fácil utilización.

Para ello hay que conocer tres elementos principales de Javascript:

Sigue leyendo Javascript: objetos, funciones y arrays

Optimizar Javascript con Firebug

En el trabajo tenía un script de Javascript que, cuando se cargaban muchos elementos en el DOM, tardaba casi 2 minutos en inicializar todos los objetos y eventos. No siendo un Javascript Expert, he tenido que optimizar el código para que siguiera funcionando correctamente, pero teniendo que esperar mucho menos a tenerlo todo listo. Quiero explicar mi experiencia y las herramientas que he descubierto, por si a alguien lo son de utilidad.

Sigue leyendo Optimizar Javascript con Firebug

Presentación: “Mootools y otros frameworks JavaScript”

Mootools logoPara el trabajo, tuve que hacer una presentación sobre Mootools, en la cual, hice una pequeña introducción a JavaScript, que era un framework y porque elegir Mootools de entre los diferentes y famosos frameworks hechos para JavaScript.

Como era para compañeros de trabajo, la presentación esta hecha un poco informal, y con trozos código para poder ver Mootools en funcionamiento y sus ventajas.

Sigue leyendo Presentación: “Mootools y otros frameworks JavaScript”

Función REMOVE para Array de Javascript

Función para eliminar un elemento o un grupo de elementos de un array en Javascript.

// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};

Visto en John Resig, donde también esta el código para sobreescribir la función nativa a Javascript.

Detectar la tecla de borrar en Mootools

Tecla retrocesoComo la palabra delete es una palabra reservada, no se puede utilizar la siguiente sentencia para detectar el evento de cuando se pulsa la tecla de borrar o retroceso:

var isdel = Event.Keys.delete;

Cuando hacemos un detector de teclas pulsadas en Mootools, para el evento de la tecla de retroceso hay que utilizar el siguiente método:

var isdel = Event.Keys['delete'];

Visto en david walsh blog.

Efecto con Mootools para subir el scroll de la página hasta arriba

Mootools logoPequeño trozo de código Javascript, que permite añadir un evento a los elementos que queramos, que produce un efecto de subir el scroll del navegador hasta arriba la página web. Muy práctico para los típicos enlaces ‘Subir‘ o ‘Arriba‘, que hay en páginas muy largas.

Esta hecho para trabajar con Mootools, y el plugin Fx.Scroll de Mootools que viene a parte en el More Builder.

	var scroller = new Fx.Scroll(document.body);
	$('link_to_top').addEvent('click', function(){
		scroller.toTop();
	}