Niquelao » 博客档案 » Calendario accessible en javascript (innecesario pero útil)

» Archivo del weblog » Javascript 可访问日历（不必要但有用） Niquelao - Accesibilidad Calendario accesible en javascript (innecesario pero útil) 11 de February, 2007 por Rumoroso En los Campos de Formulario en los que se tiene que introducir una fecha, de cara a mejorar la经验，您可以控制数据格式，包括日历中的 JavaScript。但是，如果您有控制能力，则不会受到任何负面影响。 Objetivos 原则上我设定了两个主要目标，与其说是目标，不如说是构建时的工作准则：使其可访问且不具侵入性。显然，在不支持 JavaScript 的情况下无法提供展开日历的选项，但如果支持……为什么不让生成的内容可访问且可用呢？易于实现和使用。我寻找了一种方式，使希望在网页中实现此功能的程序员不需要引入额外的代码。就像在 CSS 中使用各种类型的选择器（元素、ID、类等）将样式与文档的不同部分关联一样，为什么不用同样的方法来关联行为呢？ Además, como objetivos secundarios están: optimizar, 通用化, internacionalizar,… (siendo realista, tuve que eliminar los objetivos de ligar y el de ganar dinero.) El ejemplo Para comprobar su funcionamiento, podéis acceder a un ejemplo y descargarlo 。将其包含在我们的文档中：将日历包含在文档中就像在 head 中包含相应的 script 元素一样简单： El calendario se cargará para cualquier Campo de texto que lleve incluida la clase “ fecha ”。 El formato de la fecha se 在脚本的第一行中输入。例如，如果您的日期为 día/mes/año，则当日为个位数时不包含前导 0，而在月份必要时包含 0: var formato = ‘d/mm/y’; 为了在文本字段旁显示日历, este deberá llevar la clase“fecha”。另外，所有可能的参数均已引入类别。 La lista completa es la siguiente: Cargar calendario (requerido): fecha Fechas previas a hoy: prev Fechasteriores a hoy: post Rango de años: rangX (siendo X el número de años) 不包含当前日期：todnact Ventajas Entre las ventajas que se le pueden atribuir tenemos：使用和实施的便利。没有侵入。 生成的代码和内容是可访问的（标记、组织、内容……），并且可以通过辅助技术（屏幕阅读器……）使用。在这一点上，已经考虑了显示时、运行期间以及消失时焦点落在的位置。 Así, cuando se muestra, el foco recae directamente sobre el 年份选择器, siguiendo un orden lógico al tabular desde él, y cuando se cierra el calendario (mediante el enlace de cierre o tras haber seleccionado una fecha) el foco recae sobre elcampo de texto 与之关联的。 Se facilita la navegación por el mismo independientemente del dispositivo。可以使用任何能够浏览网页的设备进行导航。 Sus parámetros son fácilmente可配置y su llamada muy simple (mediante el uso de nombres de clase)。 El idioma lo toma directamente del documento padre, pudiendo añadir traducciones nuevas al código。 En el caso de no estar declarado el idimoa en el documento (cosa que no debe ocurrir), el español será el que se utilice por 默认.实际情况，西班牙语包括英语。

此外，它还能识别是否为美式英语，这不是为了改变内容，而是为了改变一周中日期的排列顺序（星期日排在第一位）。应用于日历的样式通过脚本链接的 CSS 引入，因此在不支持脚本的情况下，由于没有调用该样式表，从而优化了文档的下载。其中包括一些类别的 tal manera que se puedan aplicar estilos sobre cualquiera de las celdas de la tabla (días activos, días no activos, 当前日期)，así como estilos específicos para los sábados o domingos。生成的代码 下面我附上脚本生成的部分代码。 Como se puede observar (y como ya he dicho) se 包含类名和 ID，以便通过样式表控制布局.

结论 A modo de cierre… ¿qué se podría decir de este calendario?… pues que“es innecesario…pero útil”y que“no tiene implicaciones negativas en terminos de accesibilidad”。 ……这是什么日子？类别：可访问性、Javascript —> 2007 年 3 月 16 日发表的 2 条评论，太棒了，但在选择日期或切换年份时偶尔会出现错误，导致 IE 和 Firefox 停止工作。你知道这是怎么回事吗？ 2008 年 8 月 21 日请检查是否没有发送字段内容，或者实际上没有发送变量。脚本不干扰表单的提交，因此问题可能出在其他地方。您可以通过 RSS 2.0 馈送跟踪评论。您也可以发表评论或从您的网站发送 trackback。。前面的文章： Enhorabuena TAW 文章： acc_calendar v1.1 Deja tu comentario Los Campos Nombre y Email son obligatorios Añádenos a… Tags que destacamos en General accesibilidad bert bos blockquote bug cañas citas cite comportamiento conocimiento CSS escuas estándares fieldset Firefox formato hidden ie IE 7 信息 javascript legend 列表 niquelando obligatorio opera playa q squash vacaciones w3c WCAG xhtml 这是知识共享许可证。