Changeset 10452 for temp/trunk/html

Timestamp:

2006/12/08 12:23:56 (20 years ago)

Author:

uehara

Message:

 

File:

• temp/trunk/html/test/uehara/captcha/ajax_captcha/ajax_captcha.js (modified) (2 diffs)

temp/trunk/html/test/uehara/captcha/ajax_captcha/ajax_captcha.js

@@ +1 @@
+RESULT_PAGE_PHP = 'result.php';         // ·ë²Ì¥Ú¡¼¥¸É½¼¨PHP
+CREATE_IMAGE_PHP = 'create_image.php';  // ²èÁüÀ¸À®PHP
+RESULT_TEXT_ID = 'result';              // ·ë²Ìʸ»úɽ¼¨¾ì½êID(HTML¤ÇÄêµÁ)
+CODE_IMG = 'code';                      // ¥³¡¼¥Éɽ¼¨IMG¥¿¥°¤ÎID
+
 // ¥Ö¥é¥¦¥¶¤Ë¤è¤Ã¤ÆXmlHttpRequest¤ÎObject¤ò¿¶¤êʬ¤±¤ë 
 function getXmlHttpRequestObject() {
- if (window.XMLHttpRequest) {
-    // Mozilla, Safari¤Ê¤É
-    return new XMLHttpRequest();
- } else if (window.ActiveXObject) {
-    // IE
-    return new ActiveXObject("Microsoft.XMLHTTP");
- } else {
-    // ÈóÂбþ
-    alert("¥Ö¥é¥¦¥¶¤¬XmlHttpRequest¤ËÂбþ¤·¤Æ¤¤¤Þ¤»¤ó¡ª¡ª");
- }
+    if (window.XMLHttpRequest) {
+        // Mozilla, Safari¤Ê¤É
+        return new XMLHttpRequest();
+    } else if (window.ActiveXObject) {
+        // IE
+        return new ActiveXObject("Microsoft.XMLHTTP");
+    } else {
+        // ÈóÂбþ
+        alert("¥Ö¥é¥¦¥¶¤¬XmlHttpRequest¤ËÂбþ¤·¤Æ¤¤¤Þ¤»¤ó¡ª¡ª");
+    }
 }
 
@@ -16 +21 @@
 var receiveReq = getXmlHttpRequestObject();
 
-//Initiate the AJAX request
+// ¥ê¥¯¥¨¥¹¥È½èÍý
 function makeRequest(url, param) {
-//If our readystate is either not started or finished, initiate a new request
- if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
-   //Set up the connection to captcha_test.html. True sets the request to asyncronous(default) 
-   receiveReq.open("POST", url, true);
-   //Set the function that will be called when the XmlHttpRequest objects state changes
-   receiveReq.onreadystatechange = updatePage; 
+    // ¼õ¿®´°Î»¤«¤Þ¤Àopen¥á¥½¥Ã¥É¤¬¸Æ¤Ó½Ð¤µ¤ì¤Æ¤¤¤Ê¤¤
+    if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
+        // ¥µ¡¼¥Ð¤È¤ÎÄÌ¿®¤ò³«»Ï
+        receiveReq.open("POST", url, true);
+        // ¥µ¡¼¥Ð¡¼¤«¤é¤Î±þÅú»þ¤Î½èÍý¤òÄêµÁ¡Ê·ë²Ì¤Î¥Ú¡¼¥¸¤Ø¤ÎÈ¿±Ç¡Ë
+        receiveReq.onreadystatechange = updatePage; 
 
-   receiveReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
-   receiveReq.setRequestHeader("Content-length", param.length);
-   receiveReq.setRequestHeader("Connection", "close");
+        // ¥Ø¥Ã¥À¡¼¥»¥Ã¥È
+        receiveReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+        receiveReq.setRequestHeader("Content-length", param.length);
+        receiveReq.setRequestHeader("Connection", "close");
 
-   //Make the request
-   receiveReq.send(param);
- }   
+        // Á÷¿®
+        receiveReq.send(param);
+    }   
 }
 
-//Called every time our XmlHttpRequest objects state changes
+// ¥µ¡¼¥Ð¡¼¤«¤é¤Î±þÅú»þ¤Î½èÍý
 function updatePage() {
- //Check if our response is ready
- if (receiveReq.readyState == 4) {
-   //Set the content of the DIV element with the response text
-   document.getElementById('result').innerHTML = receiveReq.responseText;
-   //Get a reference to CAPTCHA image
-   img = document.getElementById('imgCaptcha'); 
-   //Change the image
-   img.src = 'create_image.php?' + Math.random();
- }
+    // ¼õ¿®¤¬´°Î»¤·¤Æ¤¤¤¿¤é¼Â¹Ô
+    if (receiveReq.readyState == 4) {
+        // ÀßÄꤷ¤¿ID¤ØÀ¸À®¤·¤¿Ê¸»úÎó¤ò¥»¥Ã¥È
+        document.getElementById(RESULT_TEXT_ID).innerHTML = receiveReq.responseText;
+        // ¥³¡¼¥É²èÁü¤òÊѲ½¤µ¤»¤ë
+        img = document.getElementById(CODE_IMG); 
+        // ¥­¥ã¥Ã¥·¥å¤ò²óÈò¤¹¤ë¤¿¤á¤Ë¥é¥ó¥À¥à¤ÊÃͤò¤Ä¤±¤ë
+        img.src = CREATE_IMAGE_PHP + '?' + Math.random();
+    }
 }
 
-//Called every time when form is perfomed
-function getParam(theForm) {
- //Set the URL
- var url = 'captcha.php';
- //Set up the parameters of our AJAX call
- var postStr = theForm.txtCaptcha.name + "=" + encodeURIComponent( theForm.txtCaptcha.value );
- //Call the function that initiate the AJAX request
- makeRequest(url, postStr);
+// ǧ¾Ú½èÍý¼Â¹Ô
+function getParam(forms) {
+    var postData = forms.input_data.name + "=" + encodeURIComponent( forms.input_data.value );
+    // ¥ê¥¯¥¨¥¹¥È¼Â¹Ô
+    makeRequest(RESULT_PAGE_PHP, postData);
 }