evento onclick (compatible con navegadores)

[softmaster]

Hola tengo una duda.. en teoria el evento onclick="this.disabled=true" es aceptado por todos los navegadores no ?

y si tienen desactivado javascript ? funciona igual ?

lo uso de 2 maneras...

<input type="submit" name="algo" onclick="this.disabled=true">

y asi

<a onclick="this.disabled = true">Algo</a> <--- De esta manera esta bien usado ??


pero sigue duplicandose contenido... esta permitiendo doble click y se insertan los datos varias veces...

[zerokilled]

buenas,
el primero funciona en cualquier navegador. el segundo, aunque no genera ningun error, en realidad no tiene efecto alguno. es decir, en el segundo caso, los enlaces no tienen la propiedad disabled. al intentar leer una propiedad que no existe, en lugar de generar error obtienes el valor undefined. pero en este caso le estas asignando un valor, lo cual significa que estas creando dicha propiedad. pero de nuevo, al navegador no tener reservado dicha propiedad, entonces no tiene ningun efecto.

sobre la pregunta inicial, si javascript esta inhabilitado, es muy imposible que igual funcione. de lo contrario, que proposito tendria dicha opcion dentro de las configuraciones. la inserccion de contenido duplicado puede suceder de varias formas luego de la inhabilitacion del boton. por ejemplo, el usuario puede volver al formulario y el boton ya estara disponible. javascript desactivado es otra forma. en fin, el lugar adecuado para mitigar ese problema es en el lado servidor. ¿como exactamente se hace? no lo se. supongo que debes comparar la diferencia de tiempo entre el ultimo contenido y el nuevo, mas comparar sus valores si son exactamente igual. creo que tambien te servira comparar la IP de ambos contenidos.

[softmaster]

Iniciado por zerokilled

comparar la diferencia de tiempo entre el ultimo contenido y el nuevo, mas comparar sus valores si son exactamente igual.

si mirando por ahi de otros casos esas serian las principales formas de hacerlo del lado del servidor...


disculpa pero no entendi al 100% esta parte... vos decis que si esta desactivado javascript podria funcionar igual esto en todos los navegadores?

<input type="submit" name="algo" onclick="this.disabled=true">

[zerokilled]

lo que quiero decir es que si javascript esta inhabilitado es como si el documento no tuviera script. por tanto, el resto continua su curso normal pero sin javascript. o sea, como si estuvieras escribiendo solamente html.

[softmaster]

ok.. voy a reemplazar los enlaces por el input.. y ver de validar tambien el contenido duplicado en el lado del servidor...

la ultima... el mismo evento onclick="this.disabled=true" pero cambiando el type del input de submit por el button.. funciona tambien en todos los navegadores ? (por que en un form estoy utilizando ajax y solo acepta button o un enlace)

<input type="button" name="algo" onclick="this.disabled=true">

gracias zerokilled

[zerokilled]

intentalo! no pierdes nada con intentarlo. fijate que un <input>, independientemente del tipo, siempre tiene la misma interfaz.

[InKarC]

Creo que lo que usted quiere hacer es

<a onclick="this.onclick = null">Algo</a>

[softmaster]

Iniciado por zerokilled

intentalo! no pierdes nada con intentarlo. fijate que un <input>, independientemente del tipo, siempre tiene la misma interfaz.

Sisi... Ya lo habia probado, y funciona... Yo me refería a si era compatible también con todos los navegadores.

Inkarc... Según dijo acá el amigo zerokilled no sirve...

Ahora de está manera nose:
<a onclick="this.onclick=null">algo</a>

Alguien sabe si funciona de está manera? Yo ahora no lo puedo probar... No estoy en la compu!


Utilizando

[zerokilled]

un enlace no se puede inhabilitar de la misma forma que un <input> porque la interfaz es distinta. en el caso de un enlace, podrias optar por: remover el enlace, o cambiar la url a uno vacio, o cancelar el evento para que la accion por defecto no tome lugar. para cambiar el enlace, simplemente asignas un string vacio a la propiedad href. para cancelar, creas el evento onclick al enlace y en este devuelves un boolean false. supongo que es eso lo que quieres hacer con el enlace.

Código:

<a href="path" onclick="this.onclick = function(){return false;};">link</a>

[softmaster]

Iniciado por zerokilled

para cancelar, creas el evento onclick al enlace y en este devuelves un boolean false. supongo que es eso lo que quieres hacer con el enlace.

Código:

<a href="path" onclick="this.onclick = function(){return false;};">link</a>

claro... eso es lo que necesito hacer con el enlace..

comento el porque... estoy usando xajax(para insertar los datos)... y necesito enviar los datos del form mediante un enlace por lo que estoy procesando el formulario de esta manera:

<a onclick="xajax_procesar(xajax.getFormValues('nombr e_formulario'))">link</a>

ahora voy a probar lo que me decis del return false...

[softmaster]

bueno.. estuve haciendo pruebas.. y funciona bien

Código HTML:

onclick="this.onclick = function(){return false;};"
 

parece que hace el sumit, no permite duplicar o doble click, funciona con el xajax y con un form comun... ademas parece que tambien funciona en todos los navegadores...
(IE <6,7,8>, FF, Chrome y safari)... vamos a ver como se comporta...

igualmente voy a validar tambien del lado del servidor por las dudas...

gracias a todos por la ayuda gente !!!