Button disables self

[aaronfude]

Hi,

What's the appropriate js for a button to disable itself once it is
clicked (so that, for example, the user sees that the button has been
clicked and cannot be clicked again).

Is it possible for a button to do it to itself (w/o an absolute
reference), such as onClick="this.disabled=false"? This, btw, does not
work...

Many thanks in advance,

Aaron Fude

[RobB]

aa*******@gmail.com wrote:

Hi,

What's the appropriate js for a button to disable itself once it is
clicked (so that, for example, the user sees that the button has been
clicked and cannot be clicked again).

Is it possible for a button to do it to itself (w/o an absolute
reference), such as onClick="this.disabled=false"? This, btw, does not work...

Many thanks in advance,

Aaron Fude

Erm...probably get better results with

onClick="this.disabled=true <------- #;=)

Make sure this is what you really want to do....

[aaronfude]

Erm...probably get better results with

onClick="this.disabled=true <------- #;=)

Make sure this is what you really want to do....

Hi,

The semicolon helped (thanks), but not everything works. I want 3
things to happen:
1. The button is disabled.
2. The action on the form is changed.
3. The form is submitted.

One more complication is that this is in the context of an html library
and I only have access to the button code so whatever happens has to
happen in the onClick attribute!

Thank you very much in advance,

Aaron Fude

[RobB]

[e-mail] wrote:

Erm...probably get better results with

onClick="this.disabled=true <------- #;=)

Make sure this is what you really want to do....

Hi,

The semicolon helped [...].

Lol.

Aaron...

This is an..."arrow" <-------

....and this is called...mmm...a "smiley" -------> #;=)

That wasn't actual HTML #:=D

You were setting the 'disabled' property to *false*, which does exactly
the opposite of what you wanted. Sorry for the confusion.

I want 3 things to happen:
1. The button is disabled.
2. The action on the form is changed.
3. The form is submitted.

One more complication is that this is in the context of an html library and I only have access to the button code so whatever happens has to
happen in the onClick attribute!

Thank you very much in advance,

Aaron Fude

<input
type="button"
name="doIt"
value="OK"
onclick="
this.form.action='new_url';
this.form.submit();
this.disabled=true;">

[Evertjan.]

wrote on 25 apr 2005 in comp.lang.javascript:

I want 3
things to happen:
1. The button is disabled.
2. The action on the form is changed.
3. The form is submitted.

<form target='_blank'>
<input name=myVal>
<input type=button value='click me please'
onclick='return myClick(this)'>
</form>
<script type='text/javascript'>
function myClick(x){
x.form.action='http://myCom.com/';
x.form.submit();
x.disabled=true;
return false;
}
</script>

not tested

the target is necessary to keep the original page

You could write it in the attibute space,
but that does not show nice on usenet:

<form target='_blank'>
<input name=myVal>
<input type=button value='click me please'
onclick='this.form.action='http://myCom.com/';
this.form.submit();this.disabled=true;return false;'>
</form>

Beware of wordwrap!

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

[aaronfude]

Thank you Rob and Evertjan. Everything works now!

A follow up question.

Once the form is submitted, does all js cease to execute? Ideally, what
I would like to do is for the button to also show the number of seconds
that passed since it was clicked. Is that possible?

Thanks!

[Evertjan.]

wrote on 25 apr 2005 in comp.lang.javascript:

Thank you Rob and Evertjan. Everything works now!

A follow up question.

Once the form is submitted, does all js cease to execute? Ideally, what
I would like to do is for the button to also show the number of seconds
that passed since it was clicked. Is that possible?

Sure that can be done.

Why don't you hve a go for it? Programming I mean.

--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

[Zifud]

aa*******@gmail.com wrote:

Thank you Rob and Evertjan. Everything works now!

A follow up question.

Once the form is submitted, does all js cease to execute? Ideally, what
I would like to do is for the button to also show the number of seconds
that passed since it was clicked. Is that possible?

Thanks!

Just a question: if the checkbox is disabled, it can't be successful
and therefore wont be submitted. If it isn't checked, it will not be
successful and wont be submitted.

So if you disable it when it's checked, it is never submitted, the
user can't 'uncheck' it either. How does your server know the
control was checked at all? How annoyed do your users get trying to
uncheck it 'cos they changed their mind, but can't?
--
Zif

[Evertjan.]

Zifud wrote on 26 apr 2005 in comp.lang.javascript:

aa*******@gmail.com wrote:

Thank you Rob and Evertjan. Everything works now!

A follow up question.

Once the form is submitted, does all js cease to execute? Ideally,
what I would like to do is for the button to also show the number of
seconds that passed since it was clicked. Is that possible?

Thanks!
Just a question: if the checkbox is disabled,

What checkbox? We were talking buttons.
it can't be successful
???
and therefore wont be submitted. If it isn't checked, it will not
be successful and wont be submitted.
You cannot submit a checkbox or a button, only a form.

The form needs to be submitted first, as in my code, and only then the
button is disabled

So if you disable it when it's checked, it is never submitted, the
user can't 'uncheck' it either. How does your server know the
control was checked at all?
The server does not n=know anything ablout buttons or checkboxes, it
only gets the names and values submitted by the form submission.
How annoyed do your users get trying to
uncheck it 'cos they changed their mind, but can't?

I won't go into the non-programming-technical part. It was not my OQ.
--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

[aaronfude]

How's this? *** I appreciate ALL comments!

function countOnWidget(widget) {
if (widget.id == '')
widget.id = randomString();
countOnWidget_(widget.id, widget.value, 0);
}
function countOnWidget_(widgetid, value, secs) {
widget = document.getElementById(widgetid);
widget.value = value + ' ' + secs;
command = 'countOnWidget_(\"' + widgetid + '\", \"' + value + '\", ' +
(secs + 1) + ')';
setTimeout(command, 1000);
}

function randomString() {
var chars =
"0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmn opqrstuvwxyz";
var string_length = 8;
var randomstring = 'id';
for (var i=0; i<string_length; i++) {
var rnum = Math.floor(Math.random() * chars.length);
randomstring += chars.substring(rnum,rnum+1);
}
return randomstring;
}