1 0 Tag Archives: JavaScript
post icon

Como habilitar el soporte de teclas rápidas en la Grilla de DevExpress

La grilla de DevExpress tiene soporte nativo para habilitar funciones con teclas, pero son muy básicas estas funciones, normalmente moverse entre filas, páginas o detalles de filas con las flechas.

Lo interesante es lograr que pueda insertarse, editar y eliminar registros con las teclas, incluso facilita el uso de pistolas lectoras de códigos de barras estas funciones. (Continuar Leyendo sobre Como habilitar el soporte de teclas rápidas en la Grilla de DevExpress)

post icon

Como carturar partes de la URL con JavaScript

Si requerimos realizar operaciones con la URL actual de nuestra web desde el browser, podemos obtenerla fácilmente. Incluso para evitar operar sobre la cadena de texto para encontrar partes particulares JavaScript ya nos facilita este trabajo.

Para ejemplificar el resultado usaremos esta URL

http://www.devtroce.com/entradas/busqueda?filtro=a#top

El retorno sería como sigue (Continuar Leyendo sobre Como carturar partes de la URL con JavaScript)

post icon

Capturar la tecla [ENTER] con JavaScript y que funcione en varios browsers

Capturar cuando se presiona la tecla <ENTER> o <INTRO> desde alguna página web es tarea conocida de sobra, pero sigue habiendo gente que pregunta sobre ésto. Lo más engorroso en ésto es hacer funcionar en varios navegadores, especialmente los más populares (Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari, etc).

La implementación más común de ésto es cuando el (Continuar Leyendo sobre Capturar la tecla [ENTER] con JavaScript y que funcione en varios browsers)

post icon

Crear Slider Gallery con Round Corners con Nivo Slider

Para crear galerías de imagines que van siendo expuestas tenemos infinidades de opciones disponibles a tan sólo una búsqueda en google. En este post no quiero exponer las distintas opciones que se tenemos, sino más bien mostrar un Fork del famoso Nivo Slider que permite redondear las esquinas del mismo.

La modificación la ha creado Abhinay Rathore, y lo colgó en su blog (gracias que Nivo está licenciado como MIT)

Los pasos para usarlos son: (Continuar Leyendo sobre Crear Slider Gallery con Round Corners con Nivo Slider)

post icon

Solucionar transparecia de los PNG en Internet Explorer 5.5 y 6

El título del artículo es más que descriptivo sobre que tratará el mismo, y no escribiré nada novedoso, sino bien sobre un eterno problema que nos trae el cancerígeno Internet Explorer en sus versiones 6 y anteriores, aunque solamente es posible solucionarlo en las versiones 5.5 y 6. El problema consiste en que dicho navegador no carga correctamente las imágenes de formato PNG que sean de 32 bits, no así los PNG de 24 bits (no soporta transparencia) y 8 bits (si soporta transparencia y funciona en IE).

La solución base implica hacer una llamada al filtro DirectX AlphaImageLoader de Microsoft, aunque existen varias maneras de implementarla, buscando un poco en la red sobre esto mínimo encontrarán 3 o más métodos (Continuar Leyendo sobre Solucionar transparecia de los PNG en Internet Explorer 5.5 y 6)

post icon

Como validar con expresiones regulares en JavaScript

Realizar validaciones del lado cliente si bien no es la opción más segura, siempre da una mejor experiencia al usuario. Y existen varios modos de realizar dichas validaciones. Siempre recomiendo utilizar las expresiones regulares antes que algoritmos creados por nosotros mismo (siempre que sea posible hacerlo).

Por suerte para nosotros realizar ésta tarea con JavaScript es muy sencillo, y requiere de pocas líneas de código, para dar un vistazo rápido crearé un ejemplo de validación de email ya que es uno de los casos más usados. (Continuar Leyendo sobre Como validar con expresiones regulares en JavaScript)

post icon

Establecer el MaxLength en un ASPxMemo [DevExpress]

Meses atrás vimos la sencilla tarea de determinar el MaxLength de los Textbox Multiline en ASP.Net, y en ésta ocasión haremos veremos una tarea semejante pero sobre los controles de DevExpress, en su equivalente ASPxMemo.

La validación desde el lado cliente lo realizaremos con JavaScript y del lado servidor con C#.

Para comenzar agregamos el código JS primeramente y sería como sigue: (Continuar Leyendo sobre Establecer el MaxLength en un ASPxMemo [DevExpress])

post icon

Como crear fieldset colapsable

Por defecto los fieldset del HTML no son colapsables, pero es una caracteristica muy útil para aprovechar mejor el espacio que tenemos para crear nuestra página.

Además da una mejor estética al sitio que se permita colapsar ciertos bloques, para ello podemos valernos de JavaScript y los FieldSet’s. El ejemplo que veremos será de lo más sencillo, simplemente servirá para comprender el concepto y fácil de replicarlo. (Continuar Leyendo sobre Como crear fieldset colapsable)

post icon

Agregar NULLTEXT en ASPxComboBox

Cuando se utilizan controles de DevExpress tenemos disponible la propiedad NullText en las cajas de texto, para dar un efecto que si el mismo está vacío aparezca un mensaje aclaratorio sobre el contenido que requiere la caja. Es muy útil para el usuario final ésta caracteristica pero no está disponible en los comboBox.

Obviamente todo esto trabaja con javascript, y podemos crear nuestros propios efectos de manera manual ya que está incluido dentro del plan de desarrollo para los combos, pero de momento (Continuar Leyendo sobre Agregar NULLTEXT en ASPxComboBox)

post icon

Hacer Postback con JavaScript y enviar parámetros al servidor en ASPNet

Ya vimos como invocar métodos del servidor con JavaScript anteriormente, a esto podemos agregarle que quisieramos pasarle argumentos o parametros que tenemos en el lado cliente, al servidor.

Es muy sencilla ésta tarea, al mismo código anterior le agregaríamos el argumento deseado así:

function EnviarPostbackConParametros(args) {
    __doPostBack("IdPostBack", args);
}

El valor “IdPostBack” lo cambiaran por el que desee (Continuar Leyendo sobre Hacer Postback con JavaScript y enviar parámetros al servidor en ASPNet)

Página 1 de 212