clientidmode get JQuery CSS ID + ASP.NET WebForms

ClientIdMode = Static  /* Viejo conocido, mejor amigo */

<img clientidmode="Static" runat="server" id="imagenQueSeMueveConJquery" src="/img.jpg" alt="hay que poner siempre el alt, es bueno para la usabilidad y el seo" />

Jquery o javascript en general es imprescindible.

Es imprescindible para alcanzar un mínimo de calidad y usabilidad en tu sitio web. Yo caminaba tranquilamente en mi paradigma de formulario de servidor, seguido de su postback y sus webcontrols con estado.

Hace bastante que no nos podemos conformar con esto, primero fueron las grandes aplicaciones las que pusieron el pie en el acelerador, Gmail, Facebook, etc…,

Gmail nos vendía esa maravillosa idea de que estabas trabajando con el correo como si estuvieras en un programa de escritorio.

En estos momentos cualquier usuario (incluidos tus clientes), saben que esto es posible, no les importa si las bases de tu paradigma no tienen en cuenta este comportamiento. En el que yo suelo utilizar “ASP.NET Webforms”, tuvieron una cómoda idea pero no por ello la más efectiva, dijeron:
– Mete todo esto en un panel (“updatepanel”) y continua con tu paradigma.
– ¿Pero meto cualquier cosa en ese “updatepanel”?
— Sí, sí, lo que tu quieras.

Bueno, no puedo decir que en ciertos momentos no sea útil, pero no es una verdadera solución. Y menos una solución para el futuro.

Por otro lado los tests, ¿tú página funciona si el navegador tiene el Javascript desactivado?, esa pregunta nos venía de cojones. En estos momentos si tu web es una aplicación y el cliente no tiene Javascript es su problema.

No es de ahora, es de mucho más atrás, si el cliente no tiene activo Javascript, mala suerte. También se encargaron de ello los fabricantes de algunos dispositivos móviles,

– ¡oh! un flash en tú página esto yo … esto no lo entiendo, mientras que viene html5 me pones un Jquery con alguna animación chula..

-Pero señor, use un ordenador para navegar .. – no, no aquí mi nieto y los trabajdores de mi aeropuerto solo utilizamos manzanas mordidas.

Bueno, en fin.. que al final tuve que ponerme las pilas con Jquery y me pareció genial, pero a la hora de conseguir la ID de mi HTML/WEB control tenía el problema de que era un código compuesto por los controles contenedores de este elemento más el propio ID de él mismo.

Tipo: ctl00_UserCtrl34_imagenQueSeMueveConJquery

<img id="imagenQueSeMueveConJquery" runat="server" src="/img.jpg" alt="hay que poner siempre el alt, es bueno para la usabilidad y el seo" />

ClientIDMode = Static

ClientIDMode: Este atributo está disponible para cualquier webcontrol y htmlcontrol.
Se consiguen cosas tan sencillas e importantes como que el ClientID de nuestro WebControl sea siempre el mismo, independientemente de como se genere y quién sean sus padres contenedores.

Tiene otras aplicaciones: (pinchando en la imagen se ve más grande)

ClientIdMode

ClientIdMode

La responsabilidad de que sea único se hace más grande, dado que en la mayoría de casos de ID’s compuestos no es posible una repetición.

Se obtiene dos ventajas:

– Se simplifica el acceso por Jquery y CSS, puesto que el ID es más simple y podemos tener menos error tipográficos.

– Una mayor vigencia del código realizado, hay muchos factores que pueden hacer que nuestro código Jquery deje de funcionar, al menos descartamos uno de ellos, al generar de forma estática nuestro propio ID.

Ver documentación microsoft

<img clientidmode="Static" runat="server" id="imagenQueSeMueveConJquery" src="/img.jpg" alt="hay que poner siempre el alt, es bueno para la usabilidad y el seo" />
Esta entrada fue publicada en ASP .NET Webforms, CSS, HTML, Jquery y etiquetada , , , , , , . Guarda el enlace permanente.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *