EnjoyStudy.Blogspot.com: Ajax By Shivaji

<pre>
If you have come here, most probably, it is by mistake. Sorry ! This program is written by me only  for teaching in the classroom. It may not be self readable.

return new XMLHttpRequest();
             }
          else if(window.ActiveXObject)
              {

return new ActiveXObject("Microsoft.XMLHTTP");
              } 
        else
            {
                alert("Sorry.Your Browser does not support dogs");
            }
}
//################## end of dog supplier ####################

//############## let us get a dog from the dog supplier###########
var jimmy = getMeADog();
//############# yeah !! Jimmy is ours. If his status is 0 or  4 , then 
//heis FREE and ready to take any new order from his master.
//What is the exact difference between 0 and 4?
// He is in 0 ztate means he is yet to take the very first Order ie . he is not yet inititated.
// He is in 4th state means. He has successfully completed his previous orders
and now he is ready to take the order.

//###### start of jack  #################
function jack()
 {
      if (jimmy.readyState == 4 || jimmy.readyState == 0)
      {
              var str = escape(document.getElementById('textbox1').value);
             jimmy.open("GET", 'suggest_module_name.asp?textbox1=' + str, true);
             jimmy.onreadystatechange = jill; 
            jimmy.send(null);
       } 
  
}
//################## end if jack ####################3
// If this is a function, then someone should call the function.
whowill call this function? Whenever the user types a character in the textbox, 
onKeyUp="jack()" javascript will call jack.
Jack's duty is , he will collect the characters present in the textbox
and pass it the asp or jsp or php file through jimmy the dog.
The asp/jsp/php will supply the result to jimmy.
Jack appoints Jill. Jill's duty is to watch jimmy.
If jimmy returned with Success ( state 4), then he will take the 
data brought by jimmy ( in the form of "responseText"),
first she puts the value in a variable 'strfull'.
Here we have written the asp/jsp/php file in such a way that 
if the asp gave more than one value , it has to supply the value by
separting using '***'. 
Jill will split the fullstring by putting into an array.
Jill creates another girl Divya. She has to display the result.She is 
like a LABEL in VisualBasic.
Suppose Three values are returned from server, then divya will
put each value into a separate DIV tag . Each div will has separate mouseover,mouseout,click events.
Why click event? If the user clicked any of the div, then, the div 
has to transfer the data to the textbox and clear all the div completely.

.inner_div_mouse_out_style{
background-color: #FFFFFF;
  font-size:10px;
  font-family:arial;
  color:#003366;
  padding:2px;
}
.inner_div_mouse_over_style {
background-color: #3366CC;
  font-size:10px;
  font-family:arial;
  color:#ffffff;
  padding:2px;
}
#search_suggest {
position: absolute; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px solid #000000; 
} 
</style>

///##########################

The form in this page will be like this:
  <form name="form1"  method="Post" action="insert_date.asp">
<input type=text id="textbox1" autocomplete="off" onKeyUp="jack();" name="textbox1">    <div id="divya"></div>
    </pre>
<input type="submit" value="Submit">
</form>

Main Menu

Friday, August 8, 2008

Ajax By Shivaji

No comments: