Making Button Disabled WITHOUT Using OnClick?
Jul 26, 2010
When a button is clicked, the button then disables (as well as running its normal function).Obviously I'm used to using this.disabled=true but in this instance I cannot access the onClick in the <input> tag because the page is hard coded by a third party application.So I'm trying to make a function which locates the button, notices if it's been clicked and disables it on click. Seems easy to me! However I cannot make it work!Here are the two variations I've tried (both call the function in the page onLoad):
function disableButton() {
document.getElementById('submit').onclick=document.getElementById('submit').disabled=true;
}
[code]....
View 2 Replies
ADVERTISEMENT
Apr 14, 2011
I have a form that is shown depending on some criteria. If the criteria are met, I use innerHTML to swap it in. When a button is pressed, the info on the form is checked with javascript - if it passes the check I use innerHTML again to change the button to '...'.
This works fine on Firefox and Safari - the problem is that it doesn't work when I test it with my iPad (iOS 4.3). The button stays the exact same and the javascript seems to stall on the line where I execute the innerHTML. Up to this point, innerHTML on mobile Safari seemed to work the exact same way as MacOS Safari. On my iPad, the innerHTML swaps out this button if the event is triggered from a different button, but not from id="submitbutton" itself.I tested another method - disabling the button. Same issue - works on MacOS Safari/Firefox but not on mobile Safari on my iPad when using onClick from itself.
code snippets
Form (it is a string since using innerHTML=)
...form content...
<div id="submitarea" class="center">
[code]...
View 1 Replies
View Related
Jun 3, 2011
I have this as my Dialog Javascript
$( "#dialog-form<?php echo $diagnumber; ?>" ).dialog({
autoOpen: false,
height: 300,
[code]....
View 2 Replies
View Related
Dec 14, 2005
I've been tweaking a small AJAX login / user search page and I've run into a problem. I have three buttons, "Submit Query", "Add User", "Delete User" and a JS using DOM to modify everything on the login.html page.
I have a single external CSS file that controls the login.html page, buttons included. The way it works right now is the "submit query" button is blue, "add user" is green, and "delete user" is red.
In my JS file I diable the add and delete buttons if that user name already exists. Disabling the buttons is working correctly but changing the color of the disabled buttons isn't working. Here's what I've tried so far:
if( Name != null ){
b2.disabled;
b3.disabled;
b2.style="color:blue;background-color:yellow";
- or -
document.getElementById('b2').style = "color:yellow;background-color:yellow";
b3.style="color:blue;background-color:yellow";
- or -
document.getElementById('b3').style = "color:yellow;background-color:yellow";}}
I even tried adding a .disabled class to my css file:
#b2 .disabled{
color:blue;
background-color:yellow;
}
But nothing has worked so far. If you'd like I can paste all of the code, i.e. JAVA, JS, XML, CSS, HTML if anyone would like a working AJAX example.
View 15 Replies
View Related
Jul 23, 2005
I've got a form inside a PHP script that posts to itself, does some
processing on the PHP side, and if it looks good, PHP sends a HEADER
command that redirects the user out. All was fine until I added a
button disabler onSubmit to keep users from submitting twice. Now the
form disables the button as requested but just refreshes the page... it
doesn't get to the HEADER command.
Any idea what the problem might be?
<script language="Javascript">
function disable(theForm) {
theForm.send_email.disabled = true
return (true)
}
</script>
<form action="<?=$_SERVER[PHP_SELF]?t=$_GET[t]?>" method=post name=form
onSubmit="return disable(this)">
View 1 Replies
View Related
Jan 9, 2010
I have a form and when I post the button disables so no reposting can take place while form is being processed.But now I want to take it one step further by also changing the text of the button to something like processing....Here is the code without the processing.....
Code:
<form action="orderall.php" method="post" name="myform" id="myform" onsubmit="javascript:disableSubmit('mFormSubmit')">
<input type="hidden" name="updateidlist" value="<?php echo $updateidlist; ?>" />
<input name="orderall" type="submit" value="Order All" id="mFormSubmit"/>[code]......
I want to keep it as simple as possible.
View 1 Replies
View Related
Nov 14, 2010
I have a form that disables the radio options after choosing one and pressing a confirm selection button. Does the disabled attribute affect the value submitted?
View 2 Replies
View Related
Dec 13, 2009
I have a submit button which is disabled unless you agree to the terms.What I want to do it pop an alert if the terms checkbox isn't checked.This is what I have so far, which enables the button is terms are checked, and disables if terms are unchecked... but how do I add an alert in there?
Code:
function apply()
{
if(document.form1.agree.checked==true)[code].....
View 9 Replies
View Related
Dec 6, 2011
I'm trying a simple JQuery enable a disabled button once the fields have all been entered for the Horzontal section.
At the moment as long as one input val has been entered it enables the button?
Could someone advise how to make it so it only enables if all vals are entered?[code]...
View 1 Replies
View Related
Nov 1, 2010
I'm trying to make a comment field that only appears once you've clicked the "Add comment link". I'd like it to replace the add comment link. I assume this is an onclick event of some sort, but I'm not sure quite how to go about doing it.
View 6 Replies
View Related
Jun 6, 2010
I have a button and I want it to be disabled (not clickable) after 3 clicks. Also the button text must change at each click.
Example:
Test (3) <- button with text
-click-
Test (2) <- button text changed
-click-
Test (1) <- button text changed
-click-
Test (0) <- button can't be clicked anymore (non active button now)
View 3 Replies
View Related
Jun 10, 2009
I would like for a "Pay Now" button to be disabled unless a checkbox is checked:
<form method="post" action="https://form.php">
<input src="https://image.gif" type="image" name="name_of_image">
</form>
View 6 Replies
View Related
Mar 30, 2010
I'm trying to set up a form such that the Submit button will be disabled until a set of values has been set in the form.I have latitude and longitude text input elements (named coordPointLat and coordPointLon respectively) and they are not acting as I would expect.With coordPointLat set to 354104 and coordPointLon empty the following test always falls down to the line where the Submit button gets enabled.
View 3 Replies
View Related
May 19, 2010
I have a script that enables a certain button when some conditions are met. I'm having an issue with it, so I made a simple script to get to the core of what I'm trying to do. This is the script that I'm using:
function disable()
{
document.form.button2.disabled='false';
[code].....
View 2 Replies
View Related
Feb 11, 2010
I'd like the text in the search box to disappear when the box is clicked in. Easy, right? I've found several how-to pieces online, and gotten it to work with at least two different methods. However, I found a rather snotty discussion of form semantics that made me wonder: what's the right way to accomplish this, can I tighten up this code to be clean and tidy, and most importantly, can someone explain it to me so I can understand it? Forms tend to leave me confrazzled.
[Code]...
View 13 Replies
View Related
Mar 29, 2011
I am disabling an input button on my data entry form until all of the data validates correctly. When I enable the button it does not always display the same as the Cancel button that was not disabled. Ioccasionally appears asthoughthe mouse is hovering over it. I have discovered that if I tab to the button or if I hover the mouse over it, it then displays OK after I tab to the next button or move the mouse off of it.This is the html that defines the button.
<input type="button" id="submitButton" value="Submit Changes"></input>
This is the javascript that inits the button.
$("#submitButton").button().click(function() {
submitData(); // Submits data via Ajax
});
[code]....
View 2 Replies
View Related
Jun 18, 2010
I have a table row with <div> surrounded.
I want when page loads , <div> be disabled and when button clicked <div> enabled.
How do I do it ? Can we do it using javascript ?
Can JQuery be used here? how?
View 4 Replies
View Related
Feb 13, 2009
Is is possible to make an ordered list with an onclick display prompt show the number item of the list? What I mean is like, say I have 29 items, but I click on item 15, is possible to make the prompt show the number 15, or the correct number for any item I pick?
View 2 Replies
View Related
Feb 23, 2011
I have a disabled submit button sitting in the fieldset of a form. What I'd like to do is attach a click event to this button, but from what I understand this can't be done since you can't attach events to disabled elements.
Is it possible to attach it to the fieldset? I'm not completely familiar with event bubbling but maybe it's possible to capture the element clicked?
View 3 Replies
View Related
Feb 3, 2010
when the following code is used in my JSP page:
$('#myForm').bind('submit', function() {
$('#submit').attr('disabled', 'disabled');
});
it disables the submit button when my form is submitted (IDs are used). This action displays a result page. If the browser's Back button is pressed to change some of entered items, the submit button in Firefox is still disabled, while the same action in MSIE8 enables it again. I don't know if this is exactly JavaScript/browser/chache issue, how to get the submit button enabled 'automatically' Unfortunately the refresh button in Firefox doesn't help either (probably JSP issue) - I have to press Enter on the address bar which is not very obvious for every user.
View 1 Replies
View Related
Sep 26, 2010
I have a Java form where I need to be able to switch a drop down with a text box using Javascript. The change would be made depending on the radio button choice the user makes. The drop down is the default form element and radio button A is checked by default. So when the user clicks radio button B the text box should appear and if they change their mind and select radio button A the drop down should come back.
Whats making this a little tricky is that I'm doing my form validation using Java via the form element name. So these two will have the same name. I need for the drop down to be switched off/disabled if they have radio button B and vice versa. Is all this doable using javascript?
View 3 Replies
View Related
Jul 20, 2005
I have a graphic with a rollover for site navigation on each page. I
put the page to go back to in the rollover javascript.
My question is, is it possible to put in some code that will refer the
visitor back to whatever page they came from rather than one I
specify?
The rollover is combined with a tooltip script to make matters fun
(below). However, I'm quite happy to lose the tooltip to have the link
perform as a back button.
<a href="../index.asp"
onmouseover="document.images['link1'].src=img2.src;
showtip(this,event,'Back to home page');"
onmouseout="document.images['link1'].src=img1.src; hidetip()";><img
src="bhome.gif" name="link1" border=0></a>
View 3 Replies
View Related
May 27, 2009
[code]I've got a long navigation, and pages slide in and out of view.Troubles are, if the user impaitently clicks a load of links while the page loading and sliding in is happening, it melts my (probably poorly written) code.So, I'm trying to stop the user from clicking on any other buttons,while the page loader is doing it's thing.
View 8 Replies
View Related
Jul 12, 2009
My name is James Weil, I'm 14. I've been working on graphics for around a year, and I've been trying to learn CSS, HTML, and Javascript. So anyways, heres my question. I have this simple rollover button. Heres the code.
[Code]...
View 4 Replies
View Related
Mar 20, 2010
i am trying to make the page refresh with a simple button but don't know how ?
<form name="input" action="submit.php" method="get">
<input type="submit" value="Submit" />
</form>
that's what i got so far was gonna just make it submit the sql but i want it to refresh the page nowi have found a refresh button here is the code
<!-- ONE STEP TO INSTALL REFRESH BUTTON:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<div align="center">
<script LANGUAGE="Javascript">
<!-- This script and many more are available free online at -->[code]....
View 1 Replies
View Related
Nov 9, 2000
I need to know how to use Javascript to test if any one of a series of radio buttons has been checked. There's a catch, though: The radio buttons and their values are dynamically generated out of a database, so there's no way of knowing ahead of time how many radio buttons there will be or what the value associated with each button will be. Thus, I can't simply test the value of each button separately, nor can I use an array unless I can figure out how to count how many options there are when the page is dynamically generated. It seems like there should be any easy way!
View 1 Replies
View Related