Niquelao - Accesibilidad

14 comentarios

ivan 27 de April de 2007

Hola, tengo un problema con tu script, y es que al añadirlo al formulario no aparece el icono del calendario al lado del campo de texto, y por lo tanto no puedo seleccionar la fecha.

Está puesto bien, con la clase flecha tal y como indicas, así que no se que puede estar fallando.

Un saludo y gracias.

Rumoroso 27 de April de 2007

Comprueba si desactivando los estilos aparece. En caso afirmativo tal vez sea que se están sobreescribiendo reglas . Si lo prefieres, podrías indicar una URL para acceder a ver exactamente cuál es el código o cuál puede ser el problema.

Si no encuentras la solución, también puedes enviarme el fragmento de código a rumoroso@niquelao.net .

Un saludo

Jaime 28 de April de 2007

Antetodo gracias por el script ahi pongo otro css Saludos /* Enlace de apertura del calendario —————————————————————————————————- */ a.enl_cal img, a.enl_cal_group img { border: none ! important; }

/* Contenedor del calendario —————————————————————————————————- */ #bio_calendar { position: absolute ! important; width: 200px ! important; border: 1px solid ! important; background-color: #FFF ! important; padding: 20px 5px 18px ! important; text-align: center ! important; clear:both ! important; font:normal normal normal 9pt “Trebuchet MS”, Vendana, Arial, sans-serif ! important; }

/* Otros contenedores —————————————————————————————————- */ #bio_calendar div { position: absolute ! important; top: 0 ! important; left: 0 ! important; width: 100% ! important; background-color: #A0C9F2 ! important; text-align: right ! important; clear:both ! important; }

/* Calendario —————————————————————————————————- */ #bio_calendar table { margin: 0 auto ! important; width: 100% ! important; border: 1px solid silver ! important; clear:both ! important; background-color: #A0C9F2 ! important; } #bio_calendar table *{ padding:0; margin:0; } #bio_calendar caption { position: relative ! important; margin: 0 auto ! important; color: #fff ! important; background: #0F5F8A ! important; padding: .3em ! important; font-weight: bold ! important; text-align: center ! important; } #bio_calendar colgroup.end { } #bio_calendar th { color: #0F5F8A ! important; } #bio_calendar td { width: 14.2% ! important; } #bio_calendar td.hoy { } #bio_calendar td.act {

} #bio_calendar td.inact { } #bio_calendar td.sat, #bio_calendar td.sun { font-style: italic ! important; } #bio_calendar td.elect { border: 1px solid #000 ! important; }

/* Navegacion entre calendarios —————————————————————————————————- */

/* Listas —————————————————————————————- */ #bio_calendar ul { clear: both; margin: 0 ! important; padding: 0 ! important; } #bio_calendar #nav_mes { position: absolute ! important; top: 2em ! important; left: 0 ! important; width: 100% ! important; margin-top: 20px ! important; } #bio_calendar li { margin: 0 ! important; float: right ! important; padding: 5px ! important; list-style: none ! important; } #bio_calendar li.post { float: left ! important; }

/* Enlaces —————————————————————————————- */ #bio_calendar a { color: #000 ! important; text-decoration: none ! important; } #bio_calendar div a { color: #FFF ! important; } #bio_calendar td a { display: block ! important; width: 100% ! important; } #bio_calendar td a:hover, #bio_calendar td a:active, #bio_calendar td a:focus { background-color: #FFF ! important; color: #266C91 ! important; } /* Select —————————————————————————————- */ #bio_calendar input { font-size: 1em ! important; border: 1px solid #ccc ! important; color: #2F4165 ! important; } #bio_calendar label { line-height: 2em ! important; margin: 0 1px ! important; float:left ! important; text-align:left; } #bio_calendar select { margin: 0 auto ! important; border: 1px solid #ccc ! important; color: #2F4165 ! important; } #bio_calendar select#nav_year_select{ width:50px ! important; } #bio_calendar select#nav_mes_select{ width:50px ! important; }

/* Créditos —————————————————————————————- */ #bio_calendar img#niquelao { position: absolute ! important; bottom: -1px ! important; left: 50% ! important; margin-left: -50px ! important; border-top: 1px solid ! important; border-right: 1px solid ! important; border-left: 1px solid ! important; }

Rumoroso 28 de April de 2007

Gracias por enviar tu CSS. Me parece una buena idea que aportéis nuevos estilos y que los compartáis. Esa es la forma de mejorar y de tener variedad.

Me ha gustado el estilo que le has aportado al calendario. Tu estilo me ha servido para darme cuenta de un problema que en términos de accesibilidad tiene el mío, y es que yo no le puse color de fondo a la tabla, con lo que si se redimensiona y desborda del contenedor, se solapan los contenidos de esta con los del resto de la página. Si haces la prueba lo verás…

Por otro lado, pienso que deberías revisar un par de cosillas del tuyo:

Los días activos (días con enlace) no se distinguen cláramente de los que no lo son, con lo que tal vez deberías aportar un estilo adicional a unos u otros.

A su vez, al definir el ancho de los select en pixeles, al redimensionar el texto con el navegador dejan de verse cláramente sus contenidos (haz la prueba con Firefox aumentando el tamaño de fuente al menos una vez y verás que el último dígito del año desaparece).

Por lo demás, me parece bueno tu estilo, con lo que te agracezco la aportación y animo a todos a seguir tu ejemplo.

Un saludo

ivan 2 de May de 2007

Ya está arreglado gracias a Rumoroso. El problema de que no aparecía el icono del calendario es por que le faltaba el Fecha.

Un saludo!

ivan 2 de May de 2007

En el comentario anterior no ha salido.

Lo que le faltaba era el Fecha

Francisco 28 de June de 2007

Me ocurre lo mismo que a Ivan, incluyo los documentos en mi sitio, luego llamo al JavaScript en y por último añado esta línea en el :

No aparece el icono al lado del campo de texto. Agradezco vuestra ayuda. Saludos

Francisco 28 de June de 2007

Pondré el comentario anterior entre /* */ porque no funciona bien el sistema de comentarios

/*Me ocurre lo mismo que a Ivan, incluyo los documentos en mi sitio, luego llamo al JavaScript en y por último añado esta línea en el :

No aparece el icono al lado del campo de texto. Agradezco vuestra ayuda. */

Rumoroso 29 de June de 2007

Os recuerdo que para que funcione correctamente es necesario etiquetar de forma adecuada los campos. Es decir, han de incluir su correspondiente etiqueta label con asociación implícita y explícita.

Si no me equivoco, ese era el problema por el que no te funcionaba (Francisco), y por eso aprovecho para recordarlo a todos.

Un saludo

David Josafath 2 de August de 2007

Hola… espero que por favor alguien pueda solucionar el problema que tengo es que no me sale el calendario cuando lo agrego a mi formulario ya verifique las etiquetas que esten bien y aun nada y me sale un error en la pagina que dice “Linea: 163, Caracter:3 Error: Argumento No Valido Codigo: 0″ y no entiendo el por que no funciona el script

David Josafath 2 de August de 2007

tambien se me olvido decir que al dirigirme a la linea 163 para verificar el codigo, no existe ya que solo llega a la 101

Rumoroso 2 de August de 2007

No sabría decirte cuál es el origen del problema que te está apareciendo.

Pudiera ser que estés utilizando algún otro script que entre en conflicto con este. En este caso tal vez habría que pasar a encapsular el código.

Si se mantiene el problema, mándame tu código al correo rumoroso@niquelao.net y veré lo que puedo averiguar.

Si por el contrario, acabas resolviendolo, no dudes en decirnos cuál era el problema y cómo lo solucionaste.

David Josafath 3 de August de 2007

Gracias mi estimado Rumoroso. ayer despues de tanto quebrarme la cabeza finalmente logre resolverlo.

la causa del problema es que dentro de mi formulario tenia varias etiquetas las cuales utilizaba para otros controles verifique tu codigo acc_calendar.js y me di cuenta que realizas funcion que cuenta las etiquetas para llevar acabo determinada funcion entonces hice una pequeña modificacion al Javascript. bueno de cualquier modo muchas gracias. me despido de ustedes

mangamax 29 de December de 2008

muy bueno