Web Hosting Talk : Web Hosting Main Forums : Programming Discussion : Java Script help

[ThermoDust]

I was making a java script to disable text and pull down menu on click depending on another here i the code

PHP Code:

<script language="JavaScript">
function disablecheck (field1,field2) {
  if(window.document.field1.disabled=true && window.document.field2.disabled=false){
    window.document.field1.disabled=false;
    window.document.field2.disabled=true;
  }else if(window.document.field1.disabled=false && window.document.field2.disabled=true){
    window.document.field1.disabled=true;
    window.document.field2.disabled=false;
  }
}
</script> 


[jonasf]

hmm, ok, and your problem?
What doesn't work, or how do you use it later on?

[ThermoDust]

I use it on a check box:

<input name="LPQ_OS" onClick"disablecheck(LPQ_O, LPQ_OS)" type="checkbox" id="LPQ_OS" value="1">

On click it should run that script that "should" disable a drop down menu and then enable a text box. But it doesnt do either

[postcore]

Hmm.. You may have a problem with your field names.

This looked interesting to me so worked something up for this function.

Enjoy!

PHP Code:

<script language="JavaScript1.2">
function disable(r){
var frm = document.myform; 
var condition = new Array();
var results   = new Array();
// set conditions needed to disable form elements ( as many as needed )
condition[0]  = "frm.field1.checked && frm.field2.checked"; 
condition[1]  = "frm.field2.checked && frm.field3.checked";
condition[2]  = "frm.field3.checked && frm.text3.value == 'lock'"; // a little different ex.

results[0]    = "select1,text1";      // items to disable based on condition[0]
results[1]    = "text2,field1"; // items to disable based on condition[1]
results[2]    = "text1,text3,select1"; // items to disable based on condition[2]

for (var i=0; i<condition.length; i++)
if(eval(condition[i])) var k = i; // locate the first condition that returns true

    for (var i=0; i<frm.elements.length; i++) { // loop through the form elements  
    frm.elements[i].disabled = false // reset all
      if(k != null && eval(condition[k]) && !r){ 
      disable_fields = results[k].split(","); // find elements to disable
        for (var j=0; j<disable_fields.length; j++) 
        if(frm.elements[i].name == disable_fields[j]) frm.elements[i].disabled = true    
      ** 
    **  
**
</script>
<form name=myform action="/" method="post">
<select name=select1>
<option value=1>opt 1
<option value=2>opt 2</select> select <br>
<input type=text name=text1 value=textbox1> text1<br>
<input type=text name=text2 value=textbox2> text2<br>
<input type=text name=text3 value=textbox3 onkeyup="disable()"> text3<br>
<input type=checkbox name=field1 value=1 onclick="disable()"> field 1<br>
<input type=checkbox name=field2 value=1 onclick="disable()"> field 2<br>
<input type=checkbox name=field3 value=1 onclick="disable()"> field 3<br>
<a href=# onClick="disable('reset')">enable all</a>
</form> 


<edit> Just a note, but the disable attribute is not available in NS 4.xx. Most other browsers support it though!