how to disable an text box when text box name is like arrfirst[0] using javascript

hi

i am trying to disable array item but its not working.please help me how to disable.
ex : index = 0;
arrfirst[index].disabled = false ;

Jun 5 '07 #1

Subscribe Post Reply

2214

sumittyagi

202

Expert 100+

hi

i am trying to disable array item but its not working.please help me how to disable.
ex : index = 0;
arrfirst[index].disabled = false ;

arrfirst[index].disabled = false; // --> this will enable any disabled element.

arrfirst[index].disabled = true; // --> this will disable any enabled element.

Jun 5 '07 #2

Scadhasini

arrfirst[index].disabled = false; // --> this will enable any disabled element.

arrfirst[index].disabled = true; // --> this will disable any enabled element.

Hi

but its not working.its giving error like "undefined".
arrfirst[index] is working but arrfirst[index].disabled is not working.

Jun 5 '07 #3

sumittyagi

202

Expert 100+

Hi

but its not working.its giving error like "undefined".
arrfirst[index] is working but arrfirst[index].disabled is not working.

It works fine dear!
there might be any other problem in your code.
Here is a typical example of disabling elements on a page.

Expand|Select|Wrap|Line Numbers

 
<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<script language="javascript" type="text/javascript">

function disableElements(elemArr)

{

    for(var i=0; i<elemArr.length; i++)

    {

        elemArr[i].disabled = true;

        var elemType = "";

        var elemName = "";
 
        if(elemArr[i].nodeName == "INPUT")

            elemType = elemArr[i].getAttribute("type");

        else

            elemType = elemArr[i].nodeName;
 
        if(elemArr[i].nodeName == "INPUT" || elemArr[i].nodeName == "SELECT" || elemArr[i].nodeName == "TEXTAREA")

            elemName = elemArr[i].getAttribute("name");

        else

            elemName = elemArr[i].getAttribute("id");
 
        alert(elemType + " with name/id " + elemName + " is disabled.");

    }

}
 
function enableElements(elemArr)

{

    for(var i=0; i<elemArr.length; i++)

    {

        elemArr[i].disabled = false;

        var elemType = "";

        var elemName = "";
 
        if(elemArr[i].nodeName == "INPUT")

            elemType = elemArr[i].getAttribute("type");

        else

            elemType = elemArr[i].nodeName;
 
        if(elemArr[i].nodeName == "INPUT" || elemArr[i].nodeName == "SELECT" || elemArr[i].nodeName == "TEXTAREA")

            elemName = elemArr[i].getAttribute("name");

        else

            elemName = elemArr[i].getAttribute("id");
 
        alert(elemType + " with name/id " + elemName + " is enabled.");

    }

}
 
function enableDisableElemets(disableAll)

{

    var elemArr = new Array();

    var frm = document.forms["edForm"];

    elemArr[0] = document.getElementById("txt1");

    elemArr[1] = frm.bttn1;

    elemArr[2] = frm.radio1;

    elemArr[3] = frm.chk1;

    elemArr[4] = frm.txtArea1;

    elemArr[5] = frm.select1;

    elemArr[6] = document.getElementById("div1");
 
    if(disableAll)

        disableElements(elemArr);

    else

        enableElements(elemArr);

}

</script>

</HEAD>
 
<BODY>

<form name="edForm">

<input type="text" name="txt1" id="txt1" value="txt1">

<input type="button" name="bttn1" value="bttn1">

<input type="radio" name="radio1">

<input type="checkbox" name="chk1">

<textarea id="txtArea1" name="txtArea1">txtArea1</textarea>

<select id="select1" name="select1">

<option>opt1</option>

<option>opt2</option>

</select>

<div id="div1">This is div1</div>

<br><br>

<input type="button" value="Enable Elements" onclick="enableDisableElemets(false)">

<input type="button" value="Disable Elements" onclick="enableDisableElemets(true)">

</form>

</BODY>

</HTML>

Jun 5 '07 #4

Scadhasini

Hi,

I am trying but still same problem is coming.please check this and give me a solution. here property means name. i cant give id for <html:text />

<select id="Types" name="Types[<%=index%>]" size="1" onChange="enableTypes('<%="Warning["+index+ "]"%>','<%="Critical[" + index + "]"%>','<%=index%>')">
<option value="First" >First</option>
<option value="Second" >Second</option> </select>

<html:text disabled="true" property='<%="Warning[" + index + "]"%>' size="8" maxlength="255" value="" />

<html:text disabled="true" property='<%="Critical[" + index + "]"%>' size="8" maxlength="255" value="" />

Jun 7 '07 #5

sumittyagi

202

Expert 100+

Hi,

I am trying but still same problem is coming.please check this and give me a solution. here property means name. i cant give id for <html:text />

<select id="Types" name="Types[<%=index%>]" size="1" onChange="enableTypes('<%="Warning["+index+ "]"%>','<%="Critical[" + index + "]"%>','<%=index%>')">
<option value="First" >First</option>
<option value="Second" >Second</option> </select>

<html:text disabled="true" property='<%="Warning[" + index + "]"%>' size="8" maxlength="255" value="" />

<html:text disabled="true" property='<%="Critical[" + index + "]"%>' size="8" maxlength="255" value="" />

I havn't worked on struts.
But form elements can be referenced by their name (through form's reference) either it is text or any input element.

access text by name rather than id in my code, it will work then too.
I am sure its not a javascript problem, there might be any other problem with your code. review your code thoroughly.

Note: whenever javascript shows this type of unexpected behaviour, it might be possible you might have used any reserved word of javascript in your code. Check all the names you have given to ur controls.

Jun 8 '07 #6

Scadhasini

I havn't worked on struts.
But form elements can be referenced by their name (through form's reference) either it is text or any input element.

access text by name rather than id in my code, it will work then too.
I am sure its not a javascript problem, there might be any other problem with your code. review your code thoroughly.

Note: whenever javascript shows this type of unexpected behaviour, it might be possible you might have used any reserved word of javascript in your code. Check all the names you have given to ur controls.

thanks.
it is working fine.i am using hidden fields . i given the same name for textbox and hidden field.

Jun 12 '07 #7

by: KS | last post by:

Im trying to prevent the user from clicking any other links on my page when the user have selected/clicked a href once. Sometimes it takes a while before the next page loads so some user will try...

Javascript

Multiple select onclick disable another form field

by: Forti2ude | last post by:

Hello, I have a simple form... <form> <select name="foo" multiple> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select>

Javascript

disable or prevent a button with onclick and javascript

by: techfuzz | last post by:

I scoured this group and others looking for the best way to disable a button after the first click to prevent multiple submissions, but never did find anything that worked like they said it would. ...

ASP.NET

Select box options to disable/enable checkbox?

by: bigrich | last post by:

I'm a beginner to javascript and need help. I've searched the forum but can't piece the answer together. I need to be able to uncheck and disable a checkbox based on the option selected in a...

Javascript

using javascript with radio button to disable a text box - does not work in IE

by: s.chelliah | last post by:

Hi, I am trying to use javascript, div tag and radio button to disable/enable a text box. It works fine in netscape and firefox, but in IE, the text box is not disabled when the user checks the...

Javascript

disable many input boxes

by: Mike | last post by:

I have a form that contains 240 "products". Each Product has a TR. Each TR contains a Yes and No radio button and a Product-Qty text input. A situation exists where I have to go through all the...

Javascript

Disable drag in ie & FF

by: surf_doggie | last post by:

Im not sure if this is the group to post in, if anyone knows a more appropriate one please let me know. Please consider the following example of a feature most all browsers have that I would...

Javascript

Enable/Disable enter key

by: alamodgal | last post by:

hiiiiiiiiiii everybody, pls solve my problem if u can? Actualy what happens in my site when i press enter key it will show some secured...

ASP.NET

disable option in javascript based on selection

by: Venturini | last post by:

I am trying to put together a web page where the customer makes choices of products and is then given a total. I am extremely new to Javascript and have managed to get as far as I have from web...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

how to disable an text box when text box name is like arrfirst[0] using javascript

Similar topics