1
0

ajax.js 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. /*********************************************************************
  2. Property of Hanoman Cendekia Interaktif, Jakarta, Indonesia.
  3. Developed by <sena@hanoman.co.id>
  4. ***********************************************************************/
  5. var req = createXMLHttpRequest();
  6. var dividz = "";
  7. function createXMLHttpRequest() {
  8. var ua;
  9. if(window.XMLHttpRequest) {
  10. try {
  11. ua = new XMLHttpRequest();
  12. } catch(e) {
  13. ua = false;
  14. }
  15. } else if(window.ActiveXObject) {
  16. try {
  17. ua = new ActiveXObject("Microsoft.XMLHTTP");
  18. } catch(e) {
  19. ua = false;
  20. }
  21. }
  22. return ua;
  23. }
  24. function loadContent(urlname, divid){
  25. try{
  26. req.open("GET", urlname);
  27. dividz = divid;
  28. req.onreadystatechange = handleResponse;
  29. req.send(null);
  30. }catch(e){
  31. }
  32. }
  33. function handleResponse(){
  34. if(req.readyState < 4){
  35. document.getElementById(dividz).innerHTML = "please wait, loading data...";
  36. }
  37. if(req.readyState == 4){
  38. var response = req.responseText;
  39. document.getElementById(dividz).innerHTML = response;
  40. }
  41. }
  42. function fill(formname, objectname, objectfiller){
  43. document[formname][objectname].value = (objectfiller.value - 1)*10;
  44. }
  45. function page(page, start, count){
  46. var params = "start="+start+"&count="+count+"&action=list";
  47. loadContent(page+"?action=list&"+"start="+start+"&count="+count, "divContent");
  48. }
  49. function goToPage(page, formname, objectname, count){
  50. loadContent(page+"?action=list&"+"start="+document[formname][objectname].value+"&count="+count, "divContent");
  51. }
  52. function doOrder(page, formname, fieldOrder, orderType){
  53. var params = formname+"_fieldOrder="+fieldOrder+"&"+formname+"_orderType="+orderType;
  54. loadContent(page+"?action=list&"+params, "divContent");
  55. }
  56. function getParams(formname){
  57. var ml = document[formname];
  58. var params = "";
  59. var len = ml.elements.length;
  60. for (var i = 0; i < len; i++) {
  61. var e = ml.elements[i];
  62. var type = e.type;
  63. params += "&"+e.name+"="+e.value;
  64. }
  65. return params;
  66. }
  67. function doSearch(page, formname){
  68. var params = getParams(formname);
  69. loadContent(page+"?"+params, "divContent");
  70. }
  71. function doReset(page, formname){
  72. var ml = document[formname];
  73. var len = ml.elements.length;
  74. for (var i = 0; i < len; i++) {
  75. var e = ml.elements[i];
  76. var type = e.type;
  77. if(type == "text"){
  78. e.value = "";
  79. }else if(type == "select-one"){
  80. e.options[0].selected = true;
  81. }
  82. }
  83. loadContent(page+"?action=list", "divContent");
  84. }
  85. function loaderPage(urlname, divname, objectname) {
  86. if (objectname.value.length >= 1) {
  87. frames[divname].location.href = urlname + objectname.value;
  88. }
  89. }
  90. function doCreate(page){
  91. loadContent(page+"?action=create", "divContent");
  92. }
  93. function doSubmitForm(urlname, formname, validatationfield, validatationcaption, diverror){
  94. var message = "";
  95. if(validatationfield!=""){
  96. var field = validatationfield.split(",");
  97. var fieldcaption = validatationcaption.split(",");
  98. for(var i = 0;i<field.length;i++){
  99. var fieldName = field[i];
  100. var ml = document[formname];
  101. var params = "";
  102. var len = ml.elements.length;
  103. for (var j = 0; j < len; j++) {
  104. var e = ml.elements[j];
  105. var name = e.name;
  106. if(name == fieldName){
  107. if(e.value.length == 0){
  108. message = message + "<li>"+fieldcaption[i]+" is required.";
  109. }
  110. }
  111. }
  112. }
  113. }
  114. if(message == ""){
  115. var params = getParams(formname);
  116. loadContent(urlname+params, "divContent");
  117. }else{
  118. if(diverror!="") {
  119. document.getElementById(diverror).innerHTML = message;
  120. }
  121. }
  122. }
  123. function doSubmitFormWithAlert(urlname, formname, validatationfield, validatationcaption, diverror, alert){
  124. var q = window.confirm(alert);
  125. if(q){
  126. doSubmitForm(urlname, formname, validatationfield, validatationcaption, diverror);
  127. }
  128. }
  129. function getCalendar(formname, objectname){
  130. var calendar = new calendar1(document.forms[formname].elements[objectname]);
  131. return calendar;
  132. }
  133. function mOvr(src) {
  134. //src.bgColor = "#DEEFFF";
  135. src.bgColor = "#ebfdc9";
  136. }
  137. function mOut(src, col) {
  138. src.bgColor = "#"+col;
  139. }
  140. function loadOneValueAJAX(urlname, divId){
  141. try {
  142. var req = createXMLHttpRequest();
  143. req.open("GET", urlname);
  144. var res = "";
  145. req.onreadystatechange = function(){
  146. if (req.readyState < 4){
  147. document.getElementById(divId).innerHTML = "<img src='./images/wait.gif' border=0 >&nbsp;<b>Please Wait...<\/b>";
  148. }
  149. if (req.readyState == 4){
  150. var response = req.responseText;
  151. document.getElementById(divId).innerHTML = response;
  152. }
  153. }
  154. req.send(null);
  155. } catch(e) {
  156. alert(e);
  157. }
  158. }