Ejecutar una función de JavaScript con nombre dinámico

Hace tiempo estuve trabajando en una Aplicación Web, la cual estaba desarrollada en .Net (ASP NET y C#), ademas de usar Ajax y jQuery. Trabaje con el patrón MVC (Modelo-Vista-Controlador), el cual es un patrón de arquitectura de software que hace una separación de los datos, la interfaz y la lógica de control de una aplicación en tres componentes distintos.

Donde el Modelo corresponde a la lógica del negocio y a los datos con lo que la aplicación trabaja. La Vista es la representación gráfica de los datos, que en este caso serian los formularios y controles web donde se despliega la información. Y el Controlador que es el encargado de recibir y manejar las peticiones que hace la Vista al Modelado (aunque en ocasiones podría hacer peticiones a la misma Vista).

Como la aplicación estaba siendo desarrollada en .Net usando MVC, era muy común que usáramos Controles de Usuario (Web User Controls). Ciertos Controles de Usuario los usábamos varias veces en la misma pagina, lo cual era una ventaja (y su razón de ser) porque solo creábamos un solo Control para usarlo las veces que lo necesitásemos, hasta ahí todo bien pero . . .  recuerdan que al inicio les dije que usábamos jQuery y Ajax, pues he ahí el problema. Todos los Formularios y Controles de Usuario tenían su propio archivo JavaScript para realizar sus operaciones, y en el caso de los Controles su archivo JavaScript se cargaba una vez por cada ves que fuera usado, o sea que si un Control lo usábamos 3 veces en la misma pagina su JavaScript también se cargaría tres veces.

Entonces teníamos que resolver ese pequeño problema, lo primero que se viene a la mente es crear el JavaScript de manera dinámica por cada uso del control, esto lo podríamos lograr cargando el JavaScript con un Generic Web Handler (en post futuros hablaremos de ellos).
Leer el resto de la entrada »

Ajax Toolkit: Always Visible Control

Este control es una extensión que como su nombre nos dice, nos permite anclar o sujetar algún control a la página, el cual se mostrara siempre por encima del contenido de la misma aun cuando la pagina cambie de tamaño o se haga un scroll sobre el contenido.

Para evitar que el control al que le vamos a implementar nuestra extensión (Always Visible Control) se mueva o parpadee, se recomienda asignarle una posición absoluta (con código css) en el lugar que queramos mostrarlo.
Leer el resto de la entrada »

Lotus Script: comparar valores numéricos de Form en un Agente

Note algo curioso en Lotus Script que hasta el momento no entiendo por que pasa así y es que al tratar de hacer una comparación en un Agent que corre en el evento WebQuerySave de un Form no tuve problemas con los valores String:

If doc.stringVal(0) <> doc.stringValPrev(0) Then
 MsgBox "Valor Cambio"
' Cambiar Prev por actual
' Guardar Documento
End If

Pero si con unos valores numéricos:

If doc.intVal(0) <> doc.intValPrev(0) Then
 MsgBox "Valor Cambio"
' Cambiar Prev por actual
' Guardar Documento
End If

En este ultimo If regresa en la aplicación un “Form processed” y en la consola un “Type mistmatch”, lo que significa que se esta usando valores de tipos diferentes. Ni siquiera entra a la condición. Pero doc.intVal(0) y doc.intValPrev(0) ambos son Integer, así que lo que hice fue:

• Cambie a String value el doc.intValPrev(0)

Y en la comparación del If hice esto:

• If Str$(doc.intVal(0)) <> doc.intValPrev(0) Then

Para obtener si el valor cambio o no, con eso es mas que suficiente, espero les ayude mientras entiendo exactamente el por que sucede así.

EXT Designer

Hace tiempo que me di a la tarea de revisar la librería de EXT JS y en resumen puedo decirles que sin duda es un poco tediosa, el hecho de estar buscando en la API todas las dudas que se me cruzaban sobre sintaxis de los componentes no era para nada eficiente. Y esa fue una de las desventajas que le encontré, que básicamente era el no contar con un IDE adecuado, afortunadamente para muchos EXT Desginer ya esta aquí.

Esta aplicación de escritorio facilita de una manera muy rápida la creación de las GUI y dedicar el tiempo restante a lo que desde un principio debe dedicarse mas tiempo, la programación. No trato de disminuir la importancia del papel que juega la interfaz en una aplicación, pero si el tiempo invertido que se le presta al estar diseñando con EXT JS, que es bastante.

Con EXT Designer ya no es necesario preocuparse, incluso en pocos minutos pueden diseñar unas bonitas ventanas con un poco de conocimientos usando simplemente un Drag and Drop. Y así mismo acomodar los componentes como les gusten con el mouse, claro antes definiendo que el Layout sea un “absolute”. Para este tipo de dudas técnicas en el sitio oficial del producto existen varios PDF con información al respecto. Y para que vean de que hablo, a continuación un vídeo sobre lo rápido que llega ser crear una interfaz:
Leer el resto de la entrada »

Ajax Toolkit: Accordion Control

Al fin después de una larga espera desde que vimos la introducción al Ajax Toolkit, aquí tenemos la primera entrega de los posts dedicados a los controles de Ajax Toolkit. En esta primera entrega hablaremos sobre el controla llamado Accordion Control.

¿Qué es Accordion Control?

Este control nos permite definir múltiples paneles en un solo conjunto, dándonos la habilidad de poder ver el contenido de cada panel de manera individual. Es como tener muchos paneles que puedan contraerse, donde solo uno puede mostrarse a la vez. Este control es implementado como un Web Control que contiene controles web de tipo AccordionPane. Cada AccordionPane tiene un template (una plantilla) para su encabezado y su contenido, por lo cual podemos mostrar la información de la manera que más nos guste y creamos más conveniente. Otra característica que nos brinda este control es que mantendrá el estado del control aun después de que suceda un postback, es decir que veremos el mismo panel que hayamos seleccionado antes de que éste sucediera.
Leer el resto de la entrada »

Ajax Toolkit

Durante el tiempo que he estado trabajando con ASP NET he usado innumerables librerías y clases para complementar el desarrollo, pero una de las herramientas que mas me ha gustado es Ajax Toolkit por la variedad de controles que ofrece (mas de 30), por su facilidad de uso y además por la gran cantidad de ayuda que se puede encontrar en la web gracias a la comunidad de desarrolladores.

Ajax Toolkit es un proyecto open-source construido con el ASP NET Ajax framework de Microsoft. En un esfuerzo combinado de Microsoft y de la comunidad de ASP NET Ajax tenemos como resultado una infraestructura muy poderosa para escribir, customizar y ampliar controles y extensiones ASP NET Ajax, así como una rica variedad de controles que pueden ser usados para crear una verdadera experiencia web interactiva.

Leer el resto de la entrada »

El buscador de Google se cae

Tal como el encabezado reza, Google sufre una aparatosa caída… literalmente. ¿No me creen? vean ustedes mismos.

Mr. doob, el hombre responsable de este pequeño chascarrillo, es un diseñador y desarrollador de aplicaciones web que gusta de juguetear con sus herramientas de desarrollo para crear bonitos e interesantes efectos. Javascript, Actionscript y HTML5 son tecnologías con las que comúnmente trabaja. El tipo cuenta con una infinidad de experimentos que, si buscas implementar algún efecto vistoso en tu sitio web, bien te pueden servir de inspiración.

Puedes visitar su blog para mas información y/o ver sus extraños experimentos.