Populate second text box based on value extracted from first text box

**acoder** · Oct 17 '08, 09:43 AM

Are there any errors? If so, post the message(s) that you see.

Is the PHP file called cd.php?

**sarega** · Oct 17 '08, 10:15 AM

Am not getting any errors its just that second text box is not getting populated, and the php file is called cd.php
And one more thing can I include a javascript file in the header of the html file and still have more javascript functions in the same html file??

**acoder** · Oct 17 '08, 11:24 AM

The answer to your question is yes, you can.

I just tested your code in Firefox and it works absolutely fine (except for undefined temporarily appearing which you can easily get rid of). Which browsers are you testing on?

**sarega** · Oct 17 '08, 02:08 PM

Ya now its working.....tha nks for all the help

**acoder** · Oct 17 '08, 02:44 PM

You're welcome. Glad it is!

Did you make any changes? What was the problem in the end?

**sarega** · Oct 17 '08, 03:31 PM

I had another doubt, the php code can it have call to functions which are defined in a different directory?

**acoder** · Oct 17 '08, 03:37 PM

That's a PHP question, but yes. If you have problems on that front, start a new thread in the PHP forum.

**sarega** · Oct 18 '08, 04:01 PM

Thanks for the help.....

**acoder** · Oct 20 '08, 07:24 AM

You're welcome :) Post back to the forum if you have more questions.

**sarega** · Oct 21 '08, 05:18 AM

hi, can I make the second text box readonly after populating it with a value? how to do it??

**zaphod42** · Oct 21 '08, 06:39 AM

Code:

myElement.disabled=true

that works for pretty much all input type elements

**sarega** · Oct 21 '08, 07:22 AM

Code:

#
#  "http://www.w3.org/TR/html4/loose.dtd">
#  <html>
#  <head>
#  <title>Untitled Document</title>
#  <script type="text/javascript">
#  function test1()
#  {
#  var a=document.getElementById("first").value;
#  var b=a.split('/');
#  var c=b[0];
#  var d=b[1];
#  if(c!="fog") {
#  document.getElementById("second").value="";
#  return;
#  }
#  xmlHttp=GetXmlHttpObject();
#  if(xmlHttp==null) {
#  alert("your browser does not support ajax");
#  return;
#  }
#  var url="cd.php";
#  url=url+"?d="+d;
#  url=url+"&sid="+Math.random();
#  xmlHttp.onreadystatechange=StateChanged;
#  xmlHttp.open("GET",url,true);
#  xmlHttp.send(null);
#  }
#  
#  function GetXmlHttpObject()
#  {
#  var xmlHttp=null;
#  try
#    {
#      // Firefox, Opera 8.0+, Safari
#        xmlHttp=new XMLHttpRequest();
#          }
#          catch (e)
#            {
#              // Internet Explorer
#                try
#                    {
#                        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
#                            }
#                              catch (e)
#                                  {
#                                      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
#                                          }
#                                            }
#                                            return xmlHttp;
#                                            }
#  
# function StateChanged()
# {
# if (xmlHttp.readyState==4)
# {
# document.getElementById("second").value=xmlHttp.responseText;
# }
# }
# </script>
# </head>
# <body>
#  <input type="text" id="first" size="40" onkeyup="test1();"/><br><br>
#  <input type="text" id="second" size="40"/>
#  </body>
#  </html>

In this code how do I make the second text box readonly??

**zaphod42** · Oct 21 '08, 09:07 AM

looks like line 57 is:

Code:

 document.getElementById("second").value=xmlHttp.responseText;

I think if you add:

Code:

document.getElementById("second").disabled=true

before the close squigly ( ' } ' ) on line 58 it should do it

**sarega** · Oct 21 '08, 11:06 AM

I have introduced a check box only if the check box is clicked only then the second text box has to be populated how can i check everytime whether the check box is clicked or not?

**sarega** · Oct 21 '08, 02:17 PM

Code:

"http://www.w3.org/TR/html4/loose.dtd">
  <html>
  <head>
  <title>Untitled Document</title>
  <script type="text/javascript">
  function test1()
  {
  var a=document.getElementById("first").value;
  var b=a.split('/');
  var c=b[0];
  var d=b[1];
  if(c!="fog") {
  document.getElementById("second").value="";
  return;
  }
  xmlHttp=GetXmlHttpObject();
  if(xmlHttp==null) {
  alert("your browser does not support ajax");
  return;
  }
  var url="cd.php";
  url=url+"?d="+d;
  url=url+"&sid="+Math.random();
  xmlHttp.onreadystatechange=StateChanged;
  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
  }
  
  function GetXmlHttpObject()
  {
  var xmlHttp=null;
  try
    {
      // Firefox, Opera 8.0+, Safari
        xmlHttp=new XMLHttpRequest();
          }
          catch (e)
            {
              // Internet Explorer
                try
                    {
                        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                            }
                              catch (e)
                                  {
                                      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                                          }
                                            }
                                            return xmlHttp;
}                                            }
  
 function StateChanged()
 {
  if (xmlHttp.readyState==4)
  {
  document.getElementById("second").value=xmlHttp.responseText;
  }
  }
  </script>
  </head>
  <body>
   <input type="text" id="first" size="40"/>
<input type="checkbox" id="third" onClick="test1()";/><br><br>
   <input type="text" id="second" size="40"/>
   </body>
   </html>

If only the the check box is clicked only then the second text box has to be populated, even for the first time the check box is clicked and then later if it is unchecked then it should not populate the second text box for the second time.
Can somebody plz help me??

Populate second text box based on value extracted from first text box

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment