Consejos Para Utilizar Mejor Prototype
Muchos 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:
-
document.getElementById(‘foo’)
La manera correcta:
-
$(‘foo’)
La manera incorrecta:
-
var woot = document.getElementById(‘bar’).value
-
-
var woot = $(‘bar’).value
La manera correcta:
-
var woot = $F(‘bar’)
La manera incorrecta:
-
$(‘footer’).style.height = ‘100px’;
-
$(‘footer’).style.background = ‘#ffc’;
La manera correcta:
-
$(‘footer’).setStyle({
-
height: ‘100px’,
-
background: ‘#ffc’
-
})
La manera incorrecta:
-
$(‘coolestWidgetEver’).innerHTML = ’some nifty content’
La manera correcta:
-
$(‘coolestWidgetEver’).update(’some nifty content’)
Las 2 anteriores parecen similares pero ¿podriamos hacer esto de la primera forma?
-
$(‘coolestWidgetEver’).update(’some nifty content’).addClassName(‘highlight’).next().hide()
La manera incorrecta:
-
new Ajax.Request(‘ninja.php?weapon1=foo&weapon2=bar’)
La manera correcta:
-
new Ajax.Request(‘ninja.php’, {
-
parameters: {
-
weapon1: ‘foo’,
-
weapon2: ‘bar’
-
}
-
})
La segunda es una manera mas limpia y estructurada de nuestra definición de parametros en la llamada a AJAX.
La manera incorrecta:
-
new Ajax.Request(‘blah.php’, {
-
method: ‘POST’,
-
asynchronous: true,
-
contentType: ‘application/x-www-form-urlencoded’,
-
encoding: ‘UTF-8′,
-
})
La manera correcta:
-
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:
-
Event.observe(‘myContainer’, ‘click’, doSomeMagic)
La manera correcta:
-
$(‘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.
Agosto 31st, 20078:28 pm
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.
Septiembre 1st, 200712:48 am
Hola Luis ya te envie el correo con 2 ejemplos de uso de prototype. Espero te sirvan.
Saludos
Septiembre 6th, 20074:14 pm
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
Octubre 1st, 20071:06 pm
Hola me podrian hacer favor de enviarme algunos ejemplos, de como utilizarlo en PHP.
Gracias mil de antemano.
Agosto 31st, 200811:41 am
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