Posts Tagged ‘javascript’

  • 16 Apr

    Posted by


    Category

    Lo Nuevo de Javascript 5

    0

    Se esta liberando la version 5 de ECMA Javascript (http://www.ecma-international.org/publications/files/drafts/tc39-2009-025.pdf) y aca voy a listar un par de nuevos features que podremos ver y sin dudas van a ser super utiles.

    // retorna el prototype de obj si obj es un objeto
Object.getPrototypeOf(obj)

    // ejecuta una funcion por cada uno de los items
// super util para evitar un for entero
Array.prototype.forEach(callFunc[, thisArg])
    // retorna un subarray de elementos donde la funcion evalue a true
Array.prototype.filter(callFunc[, thisArg])
    // retorna un numero como el timestamp de unix
Date.now()
    // finalmente un trim nativo
String.trim()

    Aparentemente la version 5 va a soportar creacion de classes (no como funciones) lo cual hace mucho mejor el manejo de objetos.

    Esten conectados, pronto mas informacion acerca de esta nueva version.

  • 05 Apr

    Posted by


    Category

    Como Generar Numeros Random En Javascript

    0

    Con una funci

  • 31 Mar

    Posted by


    Category

    Como Cargar y Ejecutar Javascript Dinamicamente

    0

    JQuery es mi libreria de Javascript favorita, el amigo John Resig ha hecho de este codigo una excelente API con miles de funciones. Una de ella es ejecutar un codigo javascript desde un archivo dinamicamente cargado.

    Tal cosa no es posible en IE (no se en el IE8) generando un element SCRIPT y poniendole un attributo src.

    Con query, cargar dinamicamente un javascript es realmente facil.

    $.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
});

    Tambien podemos utilizar esta alternativa mas corta

    $.getScript("test.js");
  • 02 May

    Posted by


    Category

    Como Centrar un DIV en el Browser

    0

    Estoy haciendo una aplicacion que tiene un popup pero como un div, y la idea era centrarlo en la pantalla. Varias horas estuve haciendo research para terminar usando el editor de html aptana.

    Bastante simple era, pero como siempre hay que dar con la tecla. Aca el codigo que me funciono en Internet Explorer y en Firefox. Aca el codigo para los apurados.

    var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight;
var top = (height  - divHeight) / 2 document.body.scrollLeft;
var left = (width  - divWidth) / 2 document.body.scrollTop;
myDiv.style.left = left "px";
myDiv.style.top = top "px";

    Analicemos lo puesto arriba, primero voy a tomar el ancho y alto de la ventana del browser

    var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight;

    Luego, voy a usar un algoritmo muy simple para centrar teniendo en cuenta lo que ha hecho scroll horizontal y verticalmente la ventana.

    var top = (height - divHeight) / 2 document.body.scrollLeft;
var left = (width - divWidth) / 2 document.body.scrollTop;

    Por ultimo posicionamos nuestro DIV de esta manera:

    myDiv.style.left = left "px";
myDiv.style.top = top "px";

    Voila!

Page 3 of 3«123