Comments on: Apagando elementos “select” en Internet Explorer http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/ desarrollo web con estándares Mon, 15 Mar 2010 19:37:17 +0000 http://wordpress.org/?v=2.3-alpha By: AplicacionesWeb » Blog Archive » Apagando “select” en IE http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3529 AplicacionesWeb » Blog Archive » Apagando “select” en IE Mon, 11 Dec 2006 01:02:39 +0000 http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3529 [...] Via EstadoBeta.com [...] […] Via EstadoBeta.com […]

]]> By: enzoscuro http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3292 enzoscuro Tue, 26 Sep 2006 20:46:32 +0000 http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3292 Claro, disculpnme mi cegera, Ismael podrias hablar un poco de Comet Claro, disculpnme mi cegera, Ismael podrias hablar un poco de Comet

]]> By: Ismael http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3291 Ismael Mon, 25 Sep 2006 18:15:46 +0000 http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3291 Enzoscuro, la primera versión de la función en este mismo artículo no usa Prototype. La versión con Prototype sólo tiene sentido si ya estas usando la librería para otras partes de tu aplicación. Enzoscuro, la primera versión de la función en este mismo artículo no usa Prototype. La versión con Prototype sólo tiene sentido si ya estas usando la librería para otras partes de tu aplicación.

]]> By: enzoscuro http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3290 enzoscuro Mon, 25 Sep 2006 15:58:40 +0000 http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3290 Sin prototype como podria ser, que lata anxarle 50 kilos extras a la pagina solo para esconder un par de select un saludo Sin prototype como podria ser, que lata anxarle 50 kilos extras a la pagina solo para esconder un par de select

un saludo

]]> By: Ismael http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3214 Ismael Sat, 19 Aug 2006 00:01:36 +0000 http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3214 Tienes razón, con unos ajustes a <code>Element.hide()</code> se podría usar como función iteradora para <code>Array.each()</code>, Por supuesto, siempre puedes sobreescribir areas parciales de Prototype en tu propio archivo JS. Los métodos iteradores de Prototype tienen sentido el algunos casos puntuales (cuand ahorran código y ganan en legibilidad). Para otros casos basta con usar los iteradores nativos de Javascript (que además son más rápidos). Array.each trata de "emular" los bloques de Ruby, donde puedes hacer cosas como <pre> <code> mi_array.each {|elemento| //haz algo con el elemento } </code> </pre> Básicamente, se pasa un "bloque" de código a <code>each()</code>. En Javascript el concepto de <em>bloque</em> no existe y por lo tanto se pasa una función completa, que aumenta la cantidad de código y crea problemas de "scope" que deben ser solucionados con otros métodos de <strong>Prototype</strong> (<code>function.bind()</code> y <code>function.bindAsEventListener()</code>). Espero que se haya entendido algo :( Tienes razón, con unos ajustes a Element.hide() se podría usar como función iteradora para Array.each(), Por supuesto, siempre puedes sobreescribir areas parciales de Prototype en tu propio archivo JS.
Los métodos iteradores de Prototype tienen sentido el algunos casos puntuales (cuand ahorran código y ganan en legibilidad). Para otros casos basta con usar los iteradores nativos de Javascript (que además son más rápidos). Array.each trata de “emular” los bloques de Ruby, donde puedes hacer cosas como


mi_array.each {|elemento|
    //haz algo con el elemento
}

Básicamente, se pasa un “bloque” de código a each().
En Javascript el concepto de bloque no existe y por lo tanto se pasa una función completa, que aumenta la cantidad de código y crea problemas de “scope” que deben ser solucionados con otros métodos de Prototype (function.bind() y function.bindAsEventListener()).
Espero que se haya entendido algo :(

]]> By: Mañungo http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3213 Mañungo Fri, 18 Aug 2006 23:44:56 +0000 http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3213 Ismael: En realidad <code>$$(’select’).each( Element.hide );</code> se cae a medias: <em>each</em> invoca a <em>Element.hide</em> con los parámetros <code>Element.hide( select, index )</code>; esto funciona bien para el <em>select</em>, pero se cae para el <em>index</em> que es solo un numero (no un Element). Si haces <code>$$(’select’).each( alert );</code> verás que aparecen <em>alerts</em> para cada <em>select</em> sin los <em>index</em> porque <em>alert</em> está preparada para recibir sólo un argumento, e ignora el segundo. Si <em>Element.hide</em> fuera igual, mi idea funcionaría ok. Mirando el código de Prototype, veo varias formas de resolverlo, pero claro, eso sería modificar la librería. De hecho, esto de andar creando taaaaaaaaaantas funciones anónimas, me aburre enormemente de Prototype :( Ismael:

En realidad $$(’select’).each( Element.hide ); se cae a medias: each invoca a Element.hide con los parámetros Element.hide( select, index ); esto funciona bien para el select, pero se cae para el index que es solo un numero (no un Element).

Si haces $$(’select’).each( alert ); verás que aparecen alerts para cada select sin los index porque alert está preparada para recibir sólo un argumento, e ignora el segundo. Si Element.hide fuera igual, mi idea funcionaría ok.

Mirando el código de Prototype, veo varias formas de resolverlo, pero claro, eso sería modificar la librería. De hecho, esto de andar creando taaaaaaaaaantas funciones anónimas, me aburre enormemente de Prototype :(

]]> By: Ismael http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3212 Ismael Fri, 18 Aug 2006 20:52:10 +0000 http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3212 Mañungo: <code>Array.each()</code> tiene que recibir de argumento una función, que se ejecuta una vez por cada elemento del array (en este caso los elementos son los <code>selects</code> de la página). Esa función "iteradora" recibe a su vez el elemento correpondiente como argumento. Entonces, el método <code>hide()</code> tiene que ser invocado sobre cada elemento del array. El objeto <code>Element</code> de Prototype es sólo un objeto que agrupa funciones relacionadas al manejo del DOM, y no representa a los <code>selects</code> de nuestro array <code>$$("select")</code>. Por otro lado, no es lo mismo <code>Element.hide</code> que <code>Element.hide<strong>()</strong><strong></strong></code>. <code>hide()</code> es un método (una función perteneciente a un objeto) y los paréntesis son necesarios para ejecutarla y pasarle argumentos. Mañungo:
Array.each() tiene que recibir de argumento una función, que se ejecuta una vez por cada elemento del array (en este caso los elementos son los selects de la página). Esa función “iteradora” recibe a su vez el elemento correpondiente como argumento.

Entonces, el método hide() tiene que ser invocado sobre cada elemento del array. El objeto Element de Prototype es sólo un objeto que agrupa funciones relacionadas al manejo del DOM, y no representa a los selects de nuestro array $$("select").

Por otro lado, no es lo mismo Element.hide que Element.hide(). hide() es un método (una función perteneciente a un objeto) y los paréntesis son necesarios para ejecutarla y pasarle argumentos.

]]> By: Mañungo http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3211 Mañungo Fri, 18 Aug 2006 20:31:28 +0000 http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3211 Lo más elegante sería escribir... $$('select').each( Element.hide );... pero no funciona ( por qué ? propuesto al gentil lector :P ) Lo más elegante sería escribir… $$(’select’).each( Element.hide );… pero no funciona ( por qué ? propuesto al gentil lector :P )

]]> By: Ismael http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3210 Ismael Fri, 18 Aug 2006 18:55:26 +0000 http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3210 Jonathan: thanks for stopping by (what an honor!). You are absolutely right. I explain the two interfaces in <a href="http://www.estadobeta.com/2006/08/04/prototype/" rel="nofollow">this article</a> (in Spanish), but for this example I stuck with the one I'm more used to. It is corrected now. En castellano: Jonathan dice que, desde la versión 1.5 de <strong>Prototype</strong>, la línea <code>Element.hide(select)</code> Se puede resumir en <code>select.hide()</code> Jonathan: thanks for stopping by (what an honor!).
You are absolutely right. I explain the two interfaces in this article (in Spanish), but for this example I stuck with the one I’m more used to. It is corrected now.

En castellano: Jonathan dice que, desde la versión 1.5 de Prototype, la línea

Element.hide(select)

Se puede resumir en

select.hide()

]]> By: Jonathan Snook http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3209 Jonathan Snook Fri, 18 Aug 2006 18:34:49 +0000 http://www.estadobeta.com/2006/08/09/apagando-elementos-select-para-ie/#comment-3209 Pardon my lack of spanish but since you're using Prototype 1.5 you could simplify your code. change Element.hide(select) to select.hide(); Pardon my lack of spanish but since you’re using Prototype 1.5 you could simplify your code.

change Element.hide(select) to select.hide();

]]>