Re: [Ovillo] Ocultar texto de un value en un input submit
Buenos días, Pasando de puntillas por encima del tema que se ha desviado (de cómo llamar hacer las cosas a saco), he hecho una prueba y ya he podido hacerlo... sin JS. En XHTML es correcto utilizar la etiqueta BUTTON con el atributo TYPE como SUBMIT, así que con un span interior se solucionan mis problemas en un periquete: http://www.nbsp.es/ajax/input.html style type=text/css .boton span{ display:none; } .boton{ background:transparent url(btn.png) 0 0 no-repeat; width:100px; height:20px; border:0 none white; } /style form name=formulario action=#CSS_TEST button type=submit class=botonspanEtiqueta/span/button /form Muchas gracias a todos por vuestras aportaciones :), al final lo he podido hacer sin javascript!! Adoro javascript, pero estamos hablando de negocios, y creer que todo el mundo va a navegar con una aplicación tan potente como la de expertos en internet es un poco iluso. Lo que vengo a decir es que se tiene que seguir el patrón a rajatabla para evitar malos funcionamientos de las aplicaciones finales (lo que será la página web vamos). Saludos!!! Marc Palau http://www.nbsp.es -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Marlene Melián Enviado el: martes, 20 de mayo de 2008 22:25 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ocultar texto de un value en un input submit Disculpen pero hay algo que no entiendo. Marc no esta tratando de ocultar el valor del value dentro del input??? Acaso eso lo podemos lograr con estilos??? A mi me parece que para lograr esto siempre va a estar presente Javascript. Si alguien lo logra hacer sin usar javascript por favor hagaselo saber a la lista y sigo insistiendo que la mejor propuesta es la de usar dentro del input el type=image como ya lo sugirieron anteriormente - Original Message - From: Marc Palau [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Cc: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 20, 2008 4:10 PM Subject: Re: [Ovillo] Ocultar texto de un value en un input submit Si, eso estoy haciendo, seguir el patrón MVC. Como lib de js estoy usando mootools, la cual me deja hacer de todo de una forma increiblemente rápida de implementar. Seguramente termine usando javascript, pero me da coraje ver que en una lista de CSS se priorice usar JS para dar estilo, mu mal, mu mal :P Bueno, pues muchas gracias por vuestras aportaciones, seguiré luchando un rato más y luego $$(input).each(...) y a cascarla :P saludos!! Marc *2008/5/20 Javier Trejo [EMAIL PROTECTED]:* *Nuevmanete, siguiendo el pensamiento de Alex, por qué en vez de complicarse* * tanto no hacen un input type=image onclick=funcion_envio()???* Yo también usaría JavaScript, pero no obtrusivo, pues usar los atributos on... dentro de los elementos está fuera de los estándares web. Si optas por la solución JavaScript, siempre es bueno tener presente la separación por capas: estructura, presentación y comportamiento. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Hola a todos Ramón Corominas escribió: Lo del button pues no sé, habría que ver si es compatible con las ayudas técnicas, porque si no lo tienes peor que con un javascript. Yo era un enamorado de button: no me parece adecuado que los campos de tipo input sean para la introducción de datos y otro campo de tipo input sea para enviarlos, bajo mi punto de vista deberían ser etiquetas diferentes (lo mismo opino de los campos de tipo select, pero esto daría para otro hilo). En fin, a lo que iba: que me gustaba mucho button hasta que descubrí que desgraciadamente: desde un pocketpc, button se muestra pero no hace nada de nada :-( Sólo quería comentarlo por si a alguien le resulta útil. Por lo demás, no voy a entrar en cruzadas ni a citar a la RAE... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Vaya, pues luego haré unas pruebecillas a ver que sale de todo eso. ... ya ma joío ... Saludos! Marc -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez Virgós Enviado el: miércoles, 21 de mayo de 2008 10:09 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ocultar texto de un value en un input submit Hola a todos Ramón Corominas escribió: Lo del button pues no sé, habría que ver si es compatible con las ayudas técnicas, porque si no lo tienes peor que con un javascript. Yo era un enamorado de button: no me parece adecuado que los campos de tipo input sean para la introducción de datos y otro campo de tipo input sea para enviarlos, bajo mi punto de vista deberían ser etiquetas diferentes (lo mismo opino de los campos de tipo select, pero esto daría para otro hilo). En fin, a lo que iba: que me gustaba mucho button hasta que descubrí que desgraciadamente: desde un pocketpc, button se muestra pero no hace nada de nada :-( Sólo quería comentarlo por si a alguien le resulta útil. Por lo demás, no voy a entrar en cruzadas ni a citar a la RAE... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
perfecto no usemos el onClick dentro del input por ser invasivo y entonces que hacemos? como solucionamos el problema? - Original Message - From: Ramón Corominas [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 20, 2008 6:13 PM Subject: Re: [Ovillo] Ocultar texto de un value en un input submit Bueno, es que el javascript invasivo no tiene por qué ser obstructivo [guiño] Por ejemplo, yo puedo poner un evento onclick en un input para validar el formulario antes de enviarlo, pero que si no está activado el javascript el formulario se envíe igual (aunque sin validación en el cliente). En ese caso, el onclick no obstruye nada, así que no será obstructivo (palabra que, por cierto, parece no existir). Sin embargo, el hecho de que ese onclick esté en mitad del código sí es invasivo, porque invade el terreno correspondiente a los contenidos, lo que no es apropiado al intentar separar los contenidos de los comportamientos. Saludos, Ramón. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Pues lo suyo sería crear un script fuera del contenido, y que ese script se encargue de asignar el onclick... Por ejemplo, con jQuery o similar: script type=text/javascript $('btn_envio').onclick = function () { ... lo que quieras hacer } /script Y ya en el body, colocar: input id=btn_envio type=submit value=Enviar / (aunque, por supuesto, lo más correcto sería asignar una función al evento onsubmit) Saludos, Ramón. perfecto no usemos el onClick dentro del input por ser invasivo y entonces que hacemos? como solucionamos el problema? ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Ocultar texto de un value en un input submit
Hola! Le he dado vueltas, Lo he buscado en inet, Me he peleado con ello, Lo he puesto todo patas arriba... Y HE SIDO INCAPAZ! :P el tema es que he conseguido ocultarlo con eficiencia para IE y FF, pero para Opera me está dejando seco de ideas. Necesito ocultar el texto de un submit para definirle un fondo que será la gráfica del botón. La CSS que tengo de momento es: .botones{ text-indent:200px;/* FF */ line-height:100px;/* IE */ } Y funciona, pero el Opera se lo pasa por el forro y no lo aplica (supongo que será porque eso no se aplica a los inputs según la especificación). ¿Alguien se ha visto en lo mismo y lo ha podido solucionar? Gracias avanzadas! Saludos Marc Palau http://www.nbsp.es ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Es una chapuza tremenda, pero tal vez te sirva algo así: .botones { font-size: 0.01em; width: 700em; height: 150em; } Ya nos contarás ¡Suerte! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Pues tenia buena pinta pero parece que Opera tiene un tamaño mínimo ... ais, ya no se que hacerls :( saludos! Marc Es una chapuza tremenda, pero tal vez te sirva algo así: .botones { font-size: 0.01em; width: 700em; height: 150em; } Ya nos contarás ¡Suerte! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
no pensaste en la opción más sencilla de poner un input image y realizar el submit por JS? Saludos' Javier. Trejo www.cominteractiva.com.ar El día 20 de mayo de 2008 16:28, Marc Palau [EMAIL PROTECTED] escribió: Pues tenia buena pinta pero parece que Opera tiene un tamaño mínimo ... ais, ya no se que hacerls :( saludos! Marc Es una chapuza tremenda, pero tal vez te sirva algo así: .botones { font-size: 0.01em; width: 700em; height: 150em; } Ya nos contarás ¡Suerte! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Trejo Tel: 15-6485-7734 MSN: [EMAIL PROTECTED] Skype: javier.trejo Mail: [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
No entiendo muy bien el problema. Supongo que tienes algo como esto: input type=submit value=nbsp; Saca un boton, sin texto. ¿que quieres hacer?. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Usa un elemento a y utiliza JavaScript para enviar los datos. listo On Tue, May 20, 2008 at 5:34 PM, Tei [EMAIL PROTECTED] wrote: No entiendo muy bien el problema. Supongo que tienes algo como esto: input type=submit value=nbsp; Saca un boton, sin texto. ¿que quieres hacer?. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Guerrero Desarrollador Web Cel.: 1562474547 Blog: http://demixo.blogspot.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Os cuento, la idea es que la página funcione con y sin javascript y con y sin estilos. El problema viene cuando quieres quitar el texto del value con javascript, que si entra alguien sin javascript pero con estilos ve los botones muy feos. Estoy intentando hacerlo lo más compatible, semantico y accesible que puedo, y eso me está resultando en un inconveniente. Supongo que puedo utilizar un button type=submit, no? eso es correcto de usar? button type=submit class=btncompra name=boton[ID]spanComprar/span/button .btncompra span{display:none; /* fondo y eso */} A ver si así lo aclaro :) muchas gracias a todos Marc Usa un elemento a y utiliza JavaScript para enviar los datos. listo On Tue, May 20, 2008 at 5:34 PM, Tei [EMAIL PROTECTED] wrote: No entiendo muy bien el problema. Supongo que tienes algo como esto: input type=submit value=nbsp; Saca un boton, sin texto. ¿que quieres hacer?. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Guerrero Desarrollador Web Cel.: 1562474547 Blog: http://demixo.blogspot.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Personalmente daría estilos al botón y posteriormente cambiaría su aspecto con javascript. Y es que, ¿cuántos van a entrar a tu web con estilos pero sin javascript? 2008/5/20 Marc Palau [EMAIL PROTECTED]: Os cuento, la idea es que la página funcione con y sin javascript y con y sin estilos. El problema viene cuando quieres quitar el texto del value con javascript, que si entra alguien sin javascript pero con estilos ve los botones muy feos. Estoy intentando hacerlo lo más compatible, semantico y accesible que puedo, y eso me está resultando en un inconveniente. Supongo que puedo utilizar un button type=submit, no? eso es correcto de usar? button type=submit class=btncompra name=boton[ID]spanComprar/span/button .btncompra span{display:none; /* fondo y eso */} A ver si así lo aclaro :) muchas gracias a todos Marc Usa un elemento a y utiliza JavaScript para enviar los datos. listo On Tue, May 20, 2008 at 5:34 PM, Tei [EMAIL PROTECTED] wrote: No entiendo muy bien el problema. Supongo que tienes algo como esto: input type=submit value=nbsp; Saca un boton, sin texto. ¿que quieres hacer?. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Guerrero Desarrollador Web Cel.: 1562474547 Blog: http://demixo.blogspot.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Alex Lillo www.nordic-design.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Nuevmanete, siguiendo el pensamiento de Alex, por qué en vez de complicarse tanto no hacen un input type=image onclick=funcion_envio()??? Saludos, Javier Trejo. www.cominteractiva.com.ar El día 20 de mayo de 2008 16:47, Alex Lillo [EMAIL PROTECTED] escribió: Personalmente daría estilos al botón y posteriormente cambiaría su aspecto con javascript. Y es que, ¿cuántos van a entrar a tu web con estilos pero sin javascript? 2008/5/20 Marc Palau [EMAIL PROTECTED]: Os cuento, la idea es que la página funcione con y sin javascript y con y sin estilos. El problema viene cuando quieres quitar el texto del value con javascript, que si entra alguien sin javascript pero con estilos ve los botones muy feos. Estoy intentando hacerlo lo más compatible, semantico y accesible que puedo, y eso me está resultando en un inconveniente. Supongo que puedo utilizar un button type=submit, no? eso es correcto de usar? button type=submit class=btncompra name=boton[ID]spanComprar/span/button .btncompra span{display:none; /* fondo y eso */} A ver si así lo aclaro :) muchas gracias a todos Marc Usa un elemento a y utiliza JavaScript para enviar los datos. listo On Tue, May 20, 2008 at 5:34 PM, Tei [EMAIL PROTECTED] wrote: No entiendo muy bien el problema. Supongo que tienes algo como esto: input type=submit value=nbsp; Saca un boton, sin texto. ¿que quieres hacer?. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Guerrero Desarrollador Web Cel.: 1562474547 Blog: http://demixo.blogspot.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Alex Lillo www.nordic-design.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Trejo Tel: 15-6485-7734 MSN: [EMAIL PROTECTED] Skype: javier.trejo Mail: [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
*2008/5/20 Javier Trejo [EMAIL PROTECTED]:* *Nuevmanete, siguiendo el pensamiento de Alex, por qué en vez de complicarse* * tanto no hacen un input type=image onclick=funcion_envio()???* Yo también usaría JavaScript, pero no obtrusivo, pues usar los atributos on... dentro de los elementos está fuera de los estándares web. Si optas por la solución JavaScript, siempre es bueno tener presente la separación por capas: estructura, presentación y comportamiento. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Tal vez podrias advertirle al que no tiene activado el javascript (que pienso que serian pocos realmente) que debe activarlo para que la pagina funcione ok . Si la memoria no me falla hay una etiqueta noscript/noscript creo que es asi no recuerdo muy que es capaz de identidicar las paginas que no tienen activado el javascript - Original Message - From: Marc Palau [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Cc: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 20, 2008 3:42 PM Subject: Re: [Ovillo] Ocultar texto de un value en un input submit Os cuento, la idea es que la página funcione con y sin javascript y con y sin estilos. El problema viene cuando quieres quitar el texto del value con javascript, que si entra alguien sin javascript pero con estilos ve los botones muy feos. Estoy intentando hacerlo lo más compatible, semantico y accesible que puedo, y eso me está resultando en un inconveniente. Supongo que puedo utilizar un button type=submit, no? eso es correcto de usar? button type=submit class=btncompra name=boton[ID]spanComprar/span/button btncompra span{display:none; /* fondo y eso */} A ver si así lo aclaro :) muchas gracias a todos Marc Usa un elemento a y utiliza JavaScript para enviar los datos. listo On Tue, May 20, 2008 at 5:34 PM, Tei [EMAIL PROTECTED] wrote: No entiendo muy bien el problema. Supongo que tienes algo como esto: input type=submit value=nbsp; Saca un boton, sin texto. ¿que quieres hacer?. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Guerrero Desarrollador Web Cel.: 1562474547 Blog: http://demixo.blogspot.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Estoy de acuerdo con esta propuesta yo personalmente lo haria asi. Esta es la forma mas facil de lograr lo que deseas - Original Message - From: Javier Trejo [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 20, 2008 3:50 PM Subject: Re: [Ovillo] Ocultar texto de un value en un input submit Nuevmanete, siguiendo el pensamiento de Alex, por qué en vez de complicarse tanto no hacen un input type=image onclick=funcion_envio()??? Saludos, Javier Trejo. www.cominteractiva.com.ar El día 20 de mayo de 2008 16:47, Alex Lillo [EMAIL PROTECTED] escribió: Personalmente daría estilos al botón y posteriormente cambiaría su aspecto con javascript. Y es que, ¿cuántos van a entrar a tu web con estilos pero sin javascript? 2008/5/20 Marc Palau [EMAIL PROTECTED]: Os cuento, la idea es que la página funcione con y sin javascript y con y sin estilos. El problema viene cuando quieres quitar el texto del value con javascript, que si entra alguien sin javascript pero con estilos ve los botones muy feos. Estoy intentando hacerlo lo más compatible, semantico y accesible que puedo, y eso me está resultando en un inconveniente. Supongo que puedo utilizar un button type=submit, no? eso es correcto de usar? button type=submit class=btncompra name=boton[ID]spanComprar/span/button .btncompra span{display:none; /* fondo y eso */} A ver si así lo aclaro :) muchas gracias a todos Marc Usa un elemento a y utiliza JavaScript para enviar los datos. listo On Tue, May 20, 2008 at 5:34 PM, Tei [EMAIL PROTECTED] wrote: No entiendo muy bien el problema. Supongo que tienes algo como esto: input type=submit value=nbsp; Saca un boton, sin texto. ¿que quieres hacer?. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Guerrero Desarrollador Web Cel.: 1562474547 Blog: http://demixo.blogspot.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Alex Lillo www.nordic-design.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Trejo Tel: 15-6485-7734 MSN: [EMAIL PROTECTED] Skype: javier.trejo Mail: [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
No voy a empezar una discusión de stándares así que me retiro de este tema que no comparto. Espero encuenten la solución. saludos a todos. El día 20 de mayo de 2008 17:03, Marlene Melián [EMAIL PROTECTED] escribió: Tal vez podrias advertirle al que no tiene activado el javascript (que pienso que serian pocos realmente) que debe activarlo para que la pagina funcione ok . Si la memoria no me falla hay una etiqueta noscript/noscript creo que es asi no recuerdo muy que es capaz de identidicar las paginas que no tienen activado el javascript - Original Message - From: Marc Palau [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Cc: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 20, 2008 3:42 PM Subject: Re: [Ovillo] Ocultar texto de un value en un input submit Os cuento, la idea es que la página funcione con y sin javascript y con y sin estilos. El problema viene cuando quieres quitar el texto del value con javascript, que si entra alguien sin javascript pero con estilos ve los botones muy feos. Estoy intentando hacerlo lo más compatible, semantico y accesible que puedo, y eso me está resultando en un inconveniente. Supongo que puedo utilizar un button type=submit, no? eso es correcto de usar? button type=submit class=btncompra name=boton[ID]spanComprar/span/button btncompra span{display:none; /* fondo y eso */} A ver si así lo aclaro :) muchas gracias a todos Marc Usa un elemento a y utiliza JavaScript para enviar los datos. listo On Tue, May 20, 2008 at 5:34 PM, Tei [EMAIL PROTECTED] wrote: No entiendo muy bien el problema. Supongo que tienes algo como esto: input type=submit value=nbsp; Saca un boton, sin texto. ¿que quieres hacer?. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Guerrero Desarrollador Web Cel.: 1562474547 Blog: http://demixo.blogspot.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Javier Trejo Tel: 15-6485-7734 MSN: [EMAIL PROTECTED] Skype: javier.trejo Mail: [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Si, eso estoy haciendo, seguir el patrón MVC. Como lib de js estoy usando mootools, la cual me deja hacer de todo de una forma increiblemente rápida de implementar. Seguramente termine usando javascript, pero me da coraje ver que en una lista de CSS se priorice usar JS para dar estilo, mu mal, mu mal :P Bueno, pues muchas gracias por vuestras aportaciones, seguiré luchando un rato más y luego $$(input).each(...) y a cascarla :P saludos!! Marc *2008/5/20 Javier Trejo [EMAIL PROTECTED]:* *Nuevmanete, siguiendo el pensamiento de Alex, por qué en vez de complicarse* * tanto no hacen un input type=image onclick=funcion_envio()???* Yo también usaría JavaScript, pero no obtrusivo, pues usar los atributos on... dentro de los elementos está fuera de los estándares web. Si optas por la solución JavaScript, siempre es bueno tener presente la separación por capas: estructura, presentación y comportamiento. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Que digo yo que lo que se busca es: - Semánticamente correcto: no input tipo image. - 100% Accesible: no javascript, no nbsp;... El botón tal cual, y que se oculte su texto con CSS. Algunas posibilidades sí funcionan con IE o FF; se busca una solución que también tire en Opera. Lo del button pues no sé, habría que ver si es compatible con las ayudas técnicas, porque si no lo tienes peor que con un javascript. Saludos, Ramón. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Disculpen pero hay algo que no entiendo. Marc no esta tratando de ocultar el valor del value dentro del input??? Acaso eso lo podemos lograr con estilos??? A mi me parece que para lograr esto siempre va a estar presente Javascript. Si alguien lo logra hacer sin usar javascript por favor hagaselo saber a la lista y sigo insistiendo que la mejor propuesta es la de usar dentro del input el type=image como ya lo sugirieron anteriormente - Original Message - From: Marc Palau [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Cc: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 20, 2008 4:10 PM Subject: Re: [Ovillo] Ocultar texto de un value en un input submit Si, eso estoy haciendo, seguir el patrón MVC. Como lib de js estoy usando mootools, la cual me deja hacer de todo de una forma increiblemente rápida de implementar. Seguramente termine usando javascript, pero me da coraje ver que en una lista de CSS se priorice usar JS para dar estilo, mu mal, mu mal :P Bueno, pues muchas gracias por vuestras aportaciones, seguiré luchando un rato más y luego $$(input).each(...) y a cascarla :P saludos!! Marc *2008/5/20 Javier Trejo [EMAIL PROTECTED]:* *Nuevmanete, siguiendo el pensamiento de Alex, por qué en vez de complicarse* * tanto no hacen un input type=image onclick=funcion_envio()???* Yo también usaría JavaScript, pero no obtrusivo, pues usar los atributos on... dentro de los elementos está fuera de los estándares web. Si optas por la solución JavaScript, siempre es bueno tener presente la separación por capas: estructura, presentación y comportamiento. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Yo también usaría JavaScript, pero no obtrusivo, pues usar los atributos on... dentro de los elementos está fuera de los estándares web. Hombre, los estándares web son muy amplios y en alguno de ellos sí que es admisible, otra cosa es que sea mú feo... [guiño] Por cierto que la palabra obtrusivo me suena fatal... Y buscando en el RAE veo que no figura, pero es que tampoco figura intrusivo, que me sonaba mejor como traducción de obtrusive. ¿Alguna idea de una traducción mejor? Saludos, Ramón. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Disculpen pero hay algo que no entiendo. Marc no esta tratando de ocultar el valor del value dentro del input??? Acaso eso lo podemos lograr con estilos??? Como ya ha dicho el propio Marc, hay un par de cosillas que se pueden hacer y que funcionan en IE o FF, así que va a ser que sí [guiño] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Definitivamente, el mundo de los estándares web es amplísimo. Y claro, como solución alternativa podría usar el atributo onClick, no es tan grave, pero prefería practicar las buenas formas. Queda a criterio de cada uno. Con respecto a la terminología, tienes muchar razón. Obstrusivo es fatal. ¿Qué te parece invasivo? Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Con respecto a la terminología, tienes muchar razón. Obstrusivo es fatal. ¿Qué te parece invasivo? Me parece estupendo... que invade o tiene capacidad para invadir. Es justo lo que buscaba [guiño] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Ramón Corominas escribió: Con respecto a la terminología, tienes muchar razón. Obstrusivo es fatal. ¿Qué te parece invasivo? Me parece estupendo... que invade o tiene capacidad para invadir. Es justo lo que buscaba [guiño] Me parecería más acertado emplear la palabra obstructivo, ya que el JavaScript mal usado produce a quien -por cualquier motivo- no pueda utilizarlo, una obstrucción (del verbo obstruir). Un obstáculo. Algunas acepciones de obstruir de la RAE: 1) Estorbar el paso, cerrar un conducto o camino. 2) Impedir la acción. Fuente: http://buscon.rae.es/draeI/SrvltGUIBusUsual?TIPO_HTML=2TIPO_BUS=3LEMA=obstruir Creo que ambas acepciones reflejan perfectamente lo que sucede cuando uno quiere enviar un formulario programado en JavaScript, y se cansa de pulsar el botón sin que suceda nada. Eso es más un obstáculo a la acción que uno quería realizar, que una invasión. Invasión es la de los popups que se abren solos... Saludos, Hernán Beati www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Hola Marc (y resto de compañeros) Marc Palau escribió: Estoy intentando hacerlo lo más compatible, semantico y accesible que puedo, y eso me está resultando en un inconveniente. Accesible y usable... según la web de WebAIM [1] puedes utilizar *input type='image'*, quizás no es lo más semántico, pero desde luego te ahorraría muchos quebraderos de cabeza Supongo que puedo utilizar un button type=submit, no? eso es correcto de usar? Sería lo más correcto semánticamente, pero como no quieres utilizar los elementos propios de interfaz del sistema operativo del usuario (esto es, los botones)... pues no ;) (Opera se te revela) button type=submit class=btncompra name=boton[ID]spanComprar/span/button .btncompra span{display:none; /* fondo y eso */} input type='image' name='btncompra' alt='Comprar' src='./comprar.png' / Una sola línea... qué elegancia, sin necesidad de JS, sin pensar en alternativas según los navegadores, sin problemas incluso si el visitante tiene deshabilitadas las imágenes (se muestra el alternativo y tiene la mima funcionalidad), realmente yo me quedaría con esa opción. La otra alternativa que se me ocurre es muy chapucera, sería crearte una capa (div) que tuviera la imagen del botón e intentar colocarla encima del botón asegurándote que el valor de z-index te lo permite... pero vamos, entre utilizar un control recomendado por el propio W3C o montarme una complicación innecesaria para intentar que en el navegador más utilizado en dispositivos móviles se muestre la imagen... casi que dejaría la semántica de lado por una vez (y conste que suelo defenderla a ultranza). Yo de ti dormiría tranquilo utilizando el *imput type='image'* Pero si sigues empeñado en jugar con el button, intenta ver si Opera te admite tapar el botón jugando con z-index en elementos. Quizás entonces lo que debas hacer es dejar el botón pero ocultarlo con la imagen para la mayoría de usuarios que estarán navegando con JS, estilos e imágenes habilitadas. Si alguien deshabilita alguno de esos elementos, siempre te quedará un claro y explícito botón ;) De todos modos en aras a la accesibilidad, asegúrate de que el método con JS no impide a usuarios que no tengan ratón marcar el botón o imagen. Un saludo Victoria [1] http://www.webaim.org/techniques/forms/controls.php ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Bueno, es que el javascript invasivo no tiene por qué ser obstructivo [guiño] Por ejemplo, yo puedo poner un evento onclick en un input para validar el formulario antes de enviarlo, pero que si no está activado el javascript el formulario se envíe igual (aunque sin validación en el cliente). En ese caso, el onclick no obstruye nada, así que no será obstructivo (palabra que, por cierto, parece no existir). Sin embargo, el hecho de que ese onclick esté en mitad del código sí es invasivo, porque invade el terreno correspondiente a los contenidos, lo que no es apropiado al intentar separar los contenidos de los comportamientos. Saludos, Ramón. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ocultar texto de un value en un input submit
Ramón Corominas escribió: Bueno, es que el javascript invasivo no tiene por qué ser obstructivo [guiño] Exacto. Son dos cosas distintas: 1) una es la forma de programar JavaScript (mezclado con los atributos de las etiquetas, o fuera de ellas), y otra cosa es: 2) el efecto frustrante para el usuario. Son dos cosas distintas, y hay palabras diferentes para ambas. -Obstrusive = Obstructivo: 1) La palabra obstrusive se utiliza en inglés para describir la forma de programar el JavaScript mezclado con las etiquetas. Es decir, cuando uno no sigue la separación en capas (marcado, presentación, comportamiento). Para esto es para lo que serviría la palabra obstructivo. -No accesible, no usable: 2) Para las molestias que provoca en el usuario, ya existe la palabra no accesible, o poco usable. Por ejemplo, yo puedo poner un evento onclick en un input para validar el formulario antes de enviarlo, Totalmente obstructivo y no accesible! (bingo! Ambas a la vez!). Ya que en cuanto el usuario ingresa al campo haciendo click, saltará la validación! Terrible... Lo que se suele validar en JavaScript es el evento submit del elemento form, y no cada input por separado. Algo que sería peor de obstructivo e inaccesible es que el botón enviar en vez de ser de tipo submit fuera de tipo button, y que el evento submit se disparase mediante un onClick de JavaScript. Quien no tenga JavaScript, no puede usar el formulario! el onclick no obstruye nada, Sí, el onClick es totalmente obstructivo. Ya que se mezcla en el código HTML. Además, es poco usable y accesible, porque solo puede hacer click quien tiene un ratón (mouse), y si no está acompañado de un manejador de eventos para teclado (onKeyPress), quien no tiene ratón se queda fuera. así que no será obstructivo (palabra que, por cierto, parece no existir). Consulta el amplio uso de la palabra obstructivo con este sentido: http://es.wikipedia.org/wiki/JavaScript_no_obstructivo http://developer.mozilla.org/es/docs/JavaScript_no_obstructivo Prueba a poner en Google javascript no obstructivo y te aparecerán cientos de resultados. En el diccionario de la RAE dice que obstruir se conjuga como construir, así que si existe constructivo, ¿por qué no habría de existir obstructivo? Fuente: http://buscon.rae.es/draeI/SrvltGUIBusUsual?TIPO_HTML=2TIPO_BUS=3LEMA=obstruir Sin embargo, el hecho de que ese onclick esté en mitad del código sí es invasivo, porque invade el terreno correspondiente a los contenidos, lo que no es apropiado al intentar separar los contenidos de los comportamientos. Le estás queriendo dar un sentido a la palabra invasivo que es exactamente el mismo que ya se le viene dando a obstructivo. Saludos! Hernán Beati --- www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo