JavaScript - Disabled Elements Will Not Post (...)

Hi!
I have two input fields from who one of them i to upload image and other text field to upload image from url .I want to disable one of this fileds and to stay only one .For js code is helping me one friend but him help was enough and the code have some bugs,like fist fileds as active and them when check one has disable and opposite.I want this nly one field to be disable when the page is load but when checkbox is clicked .Sorry for my english .I hope you understand me.

Code:

<script type="text/javascript">
                                            window.onload = function(){
                                       var check = document.getElementById('check1');
                                       var file = document.getElementById('file');
                                       var text = document.getElementById('text');
                                       check . onchange = function(){
                                          if( check.checked ){
                                              text.setAttribute('disabled', 'disabled');
                                              file.removeAttribute('disabled');
                                          }
                                          else{
                                              text.removeAttribute('disabled');
                                              file.setAttribute('disabled', 'disabled');
                                          }

                                       };
                                    };
                                    
                                        </script>
                                    <input id="check1" type="checkbox" name="check" /> From link!!!<br/>
                                    Poster:<input  id="file" type="file" name="poster"  />
                                    
                                    Poster from link:<input  id="text" type="text" name="postlink" /><br/>

Hi
I need to change the font color of the disabled textboxes of our application. These disabled textboxes exist at thousands of places both at pageload or disabled conditionally clientside.
I am aware that in IE8 there is no other way to change the fontcolor except use readonly. So i thought that maybe if I changed the .disabled property to something like -
Code:

Object.disabled {
    function set() {
        this.readOnly = value;
     }

    function get() {
         return this.readOnly;
     }
}

then it would make my task much easier. I searched and found out that Object.defineProperty ,may do the trick. However i am getting the mull reference error. Is there any other way?

A general question really, but does anyone have a good technique or source for creating disabled versions of tool bar buttons?

Many thanks for any assistance,

S

Hi all!

code without "return false":
<a onclick="javascript: this.disabled = 1;" href="www.abc.com">
IE6/7 : both disabled and link works
IE8 : disabled works, link fails (stay on same page instead of going to www.abc.com)
FF : disabled fails, link works


code with "return false":
<a onclick="javascript: this.disabled = 1;return false;" href="www.abc.com">
IE6/7 : same as above
IE8 : same as above
FF : disabled fails, link fails


Please help!

Thanks,
Ken.

The following code nicely gets the element ID for the element under the mouse on the mouse down event. It ignores a disabled element though I am assuming there is some way to get this done!

Thanks in advance for any help,
Wisar

Code:

	// IE is retarded and doesn't pass the event object
	if (e == null) 
		e = window.event; 
	
	// IE uses srcElement, others use target
	_target = e.target != null ? e.target : e.srcElement;

	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) // defeat Safari bug
	targ = targ.parentNode;

	_elementId=targ.id?targ.id:targ.id;

	alert(_elementId);

Wasnt sure if I should post this in the JS or HTML forum.

I am relatively new to web programming (1.5 years) and this question just occurred to me.

I use jquery form validation to validate forms on my site. If my browser has javascript disabled, what is stopping someone from submitting crap through my form?

I tried disabling javascript and submitting a form on my site and it posted.

Is there a way to make it so if the user does not have javascript enabled the form cannot post?

The Combo box which contains 10 elements with an attribute of 'multiple' and the size is 4 and in disabled mode. I need to display the 8th element in the viewing position or enable the scroll bar which is to view the 8th element ie combo box should be in disabled mode.

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?

Hi!

I couldn't find any information about this topic in the internet and I really wonder, how come people do not discuss it anywhere?

Okay, jQuery works really great and offers many interesting effects, but what if you have JavaScript disabled? I mean I've browsed through several websites powered by jQuery with JS disabled and they doesn't work or behave weird. I know there aren't much people, who disable JS, but well I do want my page to be seen by all people in the end.

I managed to do it with slider on my page (however I want to use other jQuery effects), but, for example, http://www.flowplaye...ools/index.html doesn't provide any information about this. Try to disable JS and see that nothing works.

I can use <noscript></noscript> tag, but I have to make two main pages. And what if I want to view it on one page? What would you do?

Regards,
Aleks.

Hi!

I have this form that depending on the shift you choose certain form elements get grayed out. Here's the part that I don't understand. I validate the form in php and display the errors but the form re-enables everything that was grayed out. Not the behavior I was expecting. How would I go about this?

I attached a copy of the HTML source created from php. I'm grateful for any help! Thanks!

Hello,
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:

Code:

function disable()
{
  document.form.button2.disabled='false';				
}

Code:

<form name="form">
  <input type="button" name="button1" value="Enable Button 2" onclick="disable()" />
  <input type="button" name="button2" value="Button 2" disabled="true" /></form>

Basically when you press button 1, button 2 enables. If I reverse it (button 2 enabled by default, pressing button 1 enables it) it is fine. But for some reason this way round nothing happens when I press button 1.

What am I doing wrong?

i have this slideshow, Swiss Army Image slideshow i got from DDrive. it has forward and back buttons that are disabled unless the Play/Stop button is in Stop mode. i cannot for the life of me figure out how to enable the buttons always. please can someone help? i have a maniac client who's now threatening not to pay because of this one thing!!!

installation:
http://cssphpmysql.com/dev/westermancm/library2.html

js:
http://cssphpmysql.com/dev/westermancm/js/swissarmy.js

thanks so much!
GN

I have a form with 3 fields that will allow a user to search a database of clients by either name, email, or client id number. However, I would like the user to only be able to put information in one field. It can be done be either deleting the other two fields when the user inputs information into a different field, or by disabling the other two fields when the user enters information in one (and also frees up all fields if the user ends up deleting what they entered). I've searched and found several helps that were close to what I need but not exactly. I was wondering if anyone would be able to help.

Below is a start of what I had. Basically, it will disable the fields when I mouse out of them but won't re-enable them when I mouse back in. As you can see, I tried various combinations of events. (My code below also doesnt null out the other fields when the user opts to use a different field than the one they first began to enter info in). Any help is much appreciated and if this needs more explanation I will try to clarify better.

Thanks

Code:

<html>	
	<head>
		<script type="text/javascript">
			function makeDisable($ID){
				var x=document.getElementById($ID)
				x.disabled=true
			}
			function makeEnable(){
				var x=document.getElementById($ID)
				x.disabled=false
			}
		</script>
	</head>
	<body>
		<form name='selectclient' action='client_edit.php' method='get'>
		<table>
		<tr>
			<td align='right'>Client ID:</td>
			<td><input id='id' type='text' size='20' name='client_id' onmouseout="makeDisable('id')" onmouseover="makeEnable('id')" value=''  /></td>
		</tr>		
		<tr>
			<td align='right'>Client Email:</td>
			<td><input id='email' type='text' size='20' name='client_email' onblur="makeDisable('email')" onfocus="makeEnable('email')" value=''  /></td>
		</tr>		
		<tr>
			<td align='right'>Client Name:</td>
			<td>
			<select id='name' name='client_name' onblur="makeDisable('name')" onmouseover="makeEnable('id')">
				<option value=''>-- Select --</option>
				<option value='1' >Ted</option>
				<option value='2' >David</option>
				<option value='3' >Zack</option>
			</select>
			</td>
		</tr>
		<tr>
		<td align='left'><input value='Edit' type='submit' name='submit' /></td>
		</tr>
		</table>
		</form>

	</body>
</html>

i m required to script the coding in which if we select an option from dropdown menu a text should be apprehend in disabled text field.. i dont have any idea about javascripting so sorry for being so dump... i need resultant in this form

This has me completely stumped. I have a multiple select form element in my HTML document that needs to be manipulated by two different sets of context-sensitive controls. One set of controls is marked up as follows:
Code:

<div id="divControls1" name="divControls1" style="display:none">
<form id="fControls1" name="fControls1">
  <input type="button" id="btnAdd" name="btnAdd" value="Add" onClick="addStuff();" />
  <input type="button" id="btnEdit" name="btnEdit" value="Edit" onClick="editStuff();" disabled />
  <input type="button" id="btnDelete" name="btnDelete" value="Delete" onClick="deleteStuff();" disabled />
</form>
</div>

When I load this page into Safari (on Mac OS X) and set the style of divControls1 to "display:block," I have an enabled "Add" button, a disabled "Edit" button, and a disabled "Delete" button, just as I expected. (I monitor selections in a multiple selection element to turn the buttons on and off.)

But when I load this page into Firefox (also Mac OS X), all three buttons are disabled at startup.

My page runs a function called startup() when the body fires onLoad. To try to troubleshoot the problem, I wrote this line at the beginning of the startup() function:
Code:

function startup() {
  alert (document.getElementById("btnAdd").disabled);
  ...

When I run this code in Safari, the alert returns "false" (not disabled), just as I would expect, and intended. However, the same code in Firefox (Mac OS X) returns "true" (disabled) ... but the same code in Firefox (WinXP) returns "false"!

Any insight into what might be happening here?