Disable All Elements From All Forms Except <textarea>'s
Jul 23, 2005
I have a dynamic page of which I don't know how many forms will be on
it, neither which and how many elements will be in each form.
I use the following java script to disable all elements from all
forms:
var numberForms = document.forms.length;
var formIndex;
for (formIndex=0; formIndex<numberForms; formIndex++)
{
for(x=0;x<document.forms[formIndex].length;x++)
{ document.forms[formIndex].elements[x].disabled=true }
}
Now I want this to stay the same, except when an element is a
<textarea>. So basically: script must have the same functionallity
(disable all form elements), but not if the element is a textarea
(then it would remain enabled).
Is there a way to read out this <textarea> value in script ?
I got two textareas. I push a form button and some text fills both textareas, lets say "x" for area one and "y" for area two. I then disable the first textarea with a another button so that when I push the fill button again, only textarea two gets updated. To do that I use this:
document.myform.mytextarea.disabled=true;
It works on Firefox, Opera, IE8, but not on IE7. With IE7 both textareas change content, in does not matter that I disabled the first one. I get the same problem if I use:
Simple question. How can I disable a textarea when a page is loaded(and re-enable it on a button click). I have tried several things with no luck. What I have tried is at the bottom. Here is mycode snippets: Code to generate the text area <%=Html.TextAreaFor(Function(model) model.NewestComment.Comment, 2, 60, New With {.id = "comment"})%> JQuery Code I have tried to disable it.... <script type="text/javascript"> $(document).ready(function() { $( "NewestComment.Comment").attr("disabled", "disabled"); I also tried.... $( "comment").attr("disabled", "disabled"); Neither of which worked.
Normally I would just use document.getElementById to get anything I need but here is my problem:
I have a zip code control that I load using AJAX. it has city, state, country, county and zip code. This gets loaded within a business application and at one point you can have both a bill to and ship to address forms on the screen at the same time, loading my zip control with the same fields, same ids and same name. This forced me to now pass in the form name that contains the control.
I need to get to divs and spans within this form. Primarily as you type in a city or zip code, I am doing a hot search with a popup div that shows you results you can quickly choose from. The only time this becomes an issue is the situation I mentioned before when the zip code control is on the screen twice. I am not certain how to access the innerHTML of a span or div by way of the form name. Is this possible and if so what is the proper syntax?
Here is a very basic example at its simplest form of my problem.
In the above example because the control was loaded twice, I now have 2 spans with the same ID. I want the innerHTML of the each span based on the form they are in.
We wanted one control that we could use throughout the system that we could update in one place and the entire application be updated. Unfortunately we did not anticipate having it load more than once on the page.
I am creating a form to enable advertisers to create listings on an accommodation directory site.One of the form fields is a drop down with the following optionshotelguestHouseselfCateringinnholidayParkcampingThe top part of my form is the same for all these accommodation types. However I need to include a section specific to the accommodation type. This section will include groups of radio buttons and checkboxes allowing the advertiser to choose which facilities/amenities are available.For exampleA hotel may have 24 room service campsite may have a shop on siteI was planning to have a separate div for each of the accommodation specific sections and toggling the display based on the choice of the accommodation type from a drop down list.I have just had a horrible thought that it may be possible if javascript was not enabled that either none of the sections would be displayed or even worse all of them at once.
I know that within the function I can access properties of the field (e.g. theField.name and theField.value). But how do I access theField's index number in the form's elements[] array -- from the "this" reference that was passed to the function? I.E. if this field is elements[3], how can I get at that 3?
I'm trying to add the text of a textarea form to the string that's contained at: myarray[a][b][c] It was easy to pull out the value of the textarea with this: textinput = $('#mytextarea').val(); But then when I try to add the variable into the array, it doesn't work. I'm not able (apparently) to do this. Fingers crossed that I'm doing something dumb?
This doesn't work: myarray[a][b][c] += newstringvariable; Nor this: myarray[a][b][c] = myarray[a][b][c] + textinput; I'm guessing there is a very simple (probably syntax related!) solution to this. I'm open to doing this via jQuery or regular javascript.
code to disable right click menu when we right click on "a" tag. But it doesn't work on elements created on the fly. Do you guys know how to tackle this?
I'm wondering if it's possible for a script to enable/disable all input elements on the page with some sort of toggle button. I googled it but didn't find anything too useful except for this: [URL] but I'm not sure how to edit it for the toggle.
I have an array of list boxes. I need them to become disabled if the first one is checked (with an id of disabler_0), and I need them to be enabled if that box is unchecked. Right now it doesn't work.
Let me start by saying javascript is a weak point for me. I have a form with hierarchical data (in this case users, who have galleries, which have albums, which have images) now the form will be out put from a database query and look something like this:
Is there any alternative way to disable elements in real time as .attr("disabled",true) or .attr("disabled","disabled") do not work in IE7, only with IE8 or FireFox 3?
.serialize() does not descend into anything other than a form to find inputs, and so to serialize inputs that are not in a form you must specify a selector that grabs each input. I just want to make sure I haven't erred.
//Standard usage $('form').serialize(); //looks for all the named input elements that are inside the element, serializes them //Without a form $('someDivOrTrOrOtherElementNotAnInput').serialize(); //does not serialize any inputs that are inside the element [Code]...
I want to make few forms but 1 submit button. I want to do 1 page , 5 forms , 1 submit button so when i click on the submit button it will send the 5 forms as 1 form.
Where the inputs sum1 and sum2 are text fields you put whatever numbers you want in. That works fine. Great. Now what I'm having trouble with is modifying the code so that it will add one form with an input number with a form that spits out a randomly generated number.
This is what I'm using for my random number generator. So basically I want to be able to put, say, 5, into the input text field above this. And then click on the d20 button to get a random number, say, 15, and then have the first code add the inputted 5 with the randomly generated 15.
Does "document.formName.elementName.disable" work on hidden form text elements? I have a form with some input fields that are associated with some hidden text fields and I would like to disable all of the categories inside the form when the page loads and only enable each category as it is needed. Code:
How would i change back to the default length of textarea?
I have this comment area that after clicking submit i will append the new comment in the list of comments through ajax... i got one problem though, everything is working perfectly well except for the textarea that won't change back to it's default size...
EXAMPLE:
The problem is that the textareawon't change back to it's default size // let's say that the default size is rows=3
