Consejos Para Utilizar Mejor Prototype

prototype_logo.jpgMuchos o al menos la mayoria conocemos y hemos utilizado Prototype (un framework para javascript) pero ¿realmente lo estamos utilizando bien?. La siguiente es una lista de las maneras correctas de usar prototype en determinados casos.

La manera incorrecta:

  1. document.getElementById(‘foo’)

La manera correcta:

  1. $(‘foo’)

La manera incorrecta:

  1. var woot = document.getElementById(‘bar’).value
  2.  
  3. var woot = $(‘bar’).value

La manera correcta:

  1. var woot = $F(‘bar’)

La manera incorrecta:

  1. $(‘footer’).style.height = ‘100px’;
  2. $(‘footer’).style.background = ‘#ffc’;

La manera correcta:

  1. $(‘footer’).setStyle({
  2. height: ‘100px’,
  3. background: ‘#ffc’
  4. })

La manera incorrecta:

  1. $(‘coolestWidgetEver’).innerHTML = ’some nifty content’

La manera correcta:

  1. $(‘coolestWidgetEver’).update(’some nifty content’)

Las 2 anteriores parecen similares pero ¿podriamos hacer esto de la primera forma?

  1. $(‘coolestWidgetEver’).update(’some nifty content’).addClassName(‘highlight’).next().hide()

La manera incorrecta:

  1. new Ajax.Request(‘ninja.php?weapon1=foo&weapon2=bar’)

La manera correcta:

  1. new Ajax.Request(‘ninja.php’, {
  2. parameters: {
  3. weapon1: ‘foo’,
  4. weapon2: ‘bar’
  5. }
  6. })

La segunda es una manera mas limpia y estructurada de nuestra definición de parametros en la llamada a AJAX.

La manera incorrecta:

  1. new Ajax.Request(‘blah.php’, {
  2. method: ‘POST’,
  3. asynchronous: true,
  4. contentType: ‘application/x-www-form-urlencoded’,
  5. encoding: ‘UTF-8′,
  6. })

La manera correcta:

  1. new Ajax.Request(‘blah.php’)

Todos esos parametros ya estan predeterminados en el objeto Ajax.Request asi que esta de mas definirlos.

La manera incorrecta:

  1. Event.observe(‘myContainer’, ‘click’, doSomeMagic)

La manera correcta:

  1. $(‘myContainer’).observe(‘click’, doSomeMagic)

Ver Lista Completa (En Ingles)

Via: Scriptia

¿Te pareció interesante la nota?, registrate a nuestro Feed para que estes al dia con las últimas notas que publicamos en WebAdictos, tambien te invitamos a explorar nuestros archivos tal vez encuentres notas y recursos que te sean de utilidad.

Si lo prefieres puedes utilizar el botón de post aleatorio para ir saltando entre nuestros contenidos.
Gracias por visitarnos.

9 Comentarios para “Consejos Para Utilizar Mejor Prototype”

« Antiguos
Nuevos »
  1. Luis Cevallos

    hola me gustaria saber si me puedes enviar un ejemplo en prototype pero enviando a una pagina php con method POST no con get y ademas de una forma clara me expliques como enviar los datos desde esa misma pagina php hacia el cliente nuevamente y de como tratar estos datos me encantaria que me ayudes muchas Gracias.

    Atte
    Luis Cevallos
    Ecuador.

  2. dmedina

    Hola Luis ya te envie el correo con 2 ejemplos de uso de prototype. Espero te sirvan.

    Saludos :)

  3. Jorge Arroyo

    Hola, he estado probando esta herramienta pero tengo el siguiente problema, como puedo obtener el valor de una variable o de un text desde la ventana padre, hasta el momento modifico el setTitle() y lo rescato con getTitle() es pero que me ayudes

  4. Hugo Hiordani

    Hola me podrian hacer favor de enviarme algunos ejemplos, de como utilizarlo en PHP.

    Gracias mil de antemano.

  5. Gonzalo

    Que tal, me gustaria saber como puedo hacer lo siguiente.
    Tengo un input para cargar una persona, pero la lista de opciones es muy larga, entonces en el onclick de este input quisiera abrir un popup con un formulario de busqueda de personas. Al elegir una persona en el popup, este popup se cierra y queda el id de la persona elegida escrito en el input.
    Si alguien sabe como hacerlo y puede ayudarme con un ejemplo se lo voy a agradecer mucho.

    Gracias desde ya por el articulo…

    Gonzalo E Mateos
    gmateos.ar@gmail.com

Leave a Reply


Tu banner aquí

Recibir Artículos Por Email

 

Entradas Recientes

  • Juegos online, aguas con el muro

    Septiembre 6th, 2008 Se acuerdan de aquellos curiosos concursos japoneses (tetris humano y tetris humano iii) pues TVAzteca sacó su concurs
  • Wallpapers gratis en WallCoo.NET

    Septiembre 6th, 2008 En WallCoo.net encontraras mas de 50,000 wallpapers gratis de alta calidad y de multiples resoluciones incluyendo Wides
  • Proxy Web Hide My Ass!

    Septiembre 6th, 2008 Con un nombre un tanto curioso Hide My Ass! es un proxy gratuito que permite navegar anonimamente en la red por lo que
  • Software linux en TuxSoftware

    Septiembre 6th, 2008 TuxSoftware es un sitio donde podrás encontrar software para linux gratuito dividos en varias categorías como accesor
  • Control de ciber

    Septiembre 6th, 2008 Si estas a punto de poner un ciber cafe, o ya tienes uno y necesitas algun programa para el control de ciber entonces l