More Games - PAINONE

Android games

sites.google.com

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<script type="text/javascript">
    var request = null;
    function createRequest() {
        try {
            request = new XMLHttpRequest();
        } catch (trymicrosoft) {
            try {
                request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (othermicrosoft) {
                try {
                    request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (failed) {
                    request = null;
                }
            }
        }
 
        if (request == null) {
            alert("너가 사용하는 브라우저는 도대체 뭐냐..??");
        }
    }
 
    /* Get 방식 */
    function Get_Search() {
        createRequest()
        var id = document.getElementById("id").value;
        var passwd = document.getElementById("passwd").value;
        var url = "test.php?id=" + id + "&passwd=" + passwd;
 
        request.open("GET", url, true);
        request.onreadystatechange = updatePage;
        request.send(null);
    }
 
    /* Post 방식 */
    function Post_Search() {
        createRequest()
        var id = document.getElementById("id").value;
        var passwd = document.getElementById("passwd").value;
        var url = "test.php";
 
        request.open("POST", url, true); //"POST"
        request.onreadystatechange = updatePage;
        /* 요청헤더 추가 필수!!! */
        request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        request.send("id=" + id + "&passwd=" + passwd);
    }
 
    function updatePage() {
        if (request.readyState == 4) {
            if(request.status == 200) {
                document.getElementById('Content').innerHTML = request.responseText;
            } else {
                alert("서버에러!!");
            }
        }
    }
 
</script>
<div id="form">  
<input id="id" type="text">   
<input id="passwd" value="" type="password">   
<input onclick="Post_Search()" ;="" value="보내기" type="button">
</div>
<div id="Conten" t=""></div>
 
 
 
<!--?php
    echo "<p-->get id : ".$_GET[id]."<p></p>";
    echo "<p>get passwd : ".$_GET[passwd]."</p>";
    echo "<p>post id : ".$_POST[id]."</p>";
    echo "<p>post passwd : ".$_POST[passwd]."</p>";
?>
저작자표시 (새창열림)

'Language > Ajax' 카테고리의 다른 글

Ajax 간단한 예제소스  (0) 2010.05.23
 

More Games - PAINONE

Android games

sites.google.com

 

More Games - PAINONE

Android games

sites.google.com

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
var request = null;
function createRequest() {
    try {
        request = new XMLHttpRequest();
    } catch (trymicrosoft) {
        try {
            request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (othermicrosoft) {
            try {
                request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (failed) {
                request = null;
            }
        }
    }
 
    if (request == null) {
        alert("너가 사용하는 브라우저는 도대체 뭐냐..??");
    }
}
 
function getBoardsSold() {
    createRequest()
    var content = document.getElementById("content");
    var contentStr = getText(content);
    var url = "test.php?ContentStr=" + contentStr;
 
    request.open("GET", url, true);
    request.onreadystatechange = updatePage;
    request.send(null);
}
 
function updatePage() {
    if (request.readyState == 4) {
        if(request.status == 200) {
            var newContent = request.responseText;
            var contenttStr = document.getElementById("Content");
            replaceText(contentStr, newContent);
        } else {
            alert("서버에러!!");
        }
    }
}
 
function replaceText(el, text) {
    if (el != null) {
        clearText(el);
        var newNode = document.createTextNode(text);
        el.appendChild(newNode);
    }
}
 
function clearText(el) {
    if (el != null) {
        if (el.childNodes) {
            for (var i = 0; i < el.childNodes.length; i++) {
                var childNode = el.childNodes[i];
                el.removeChild(childNode);
            }
        }
    }
}
 
function getText(el) {
    var text = "";
    if (el != null) {
        if (el.childNodes) {
            for (var i = 0; i < el.childNodes.length; i++) {
                var childNode = el.childNodes[i];
                if (childNode.nodeValue != null) {
                    text = text + childNode.nodeValue;
                }
            }
        }
    }
    return text;
}
저작자표시 (새창열림)

'Language > Ajax' 카테고리의 다른 글

GET방식 POST방식  (0) 2010.05.23
 

More Games - PAINONE

Android games

sites.google.com

 

More Games - PAINONE

Android games

sites.google.com

일반적인 사용예)
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function AddEvent() {
    var div = document.getElementById("div");
    if(div.addEventListener) {
        div.addEventListener("click", test, false); // IE 외 타 브라우저
    } else {
        div.attachEvent("onclick", test);           // IE
    }
}
     
function test() {
    var a = 1;
    var b = 2;
    alert(a + b);
}
인자 넘기기 예)
?
1
2
3
4
5
6
7
8
9
10
11
12
function AddEvent(a, b) {
    var div = document.getElementById("div");
    if(div.addEventListener) {
        div.addEventListener("click", function(a, b) { test(a, b); }, false);
    } else {
        div.attachEvent("onclick", function(a, b) { test(a, b); });
    }
}
     
function test(a, b) {
    alert(a + b);
}
저작자표시 (새창열림)

'Language > JavaScript' 카테고리의 다른 글

문자열 자르기  (0) 2010.07.06
객체에 좌표 구하기  (0) 2010.07.06
지정한 색상코드로 같은 계열에 색상구하기  (0) 2010.05.23
배열에 지정값을 가장 마지막으로 옮기기  (0) 2010.05.23
자바스크립트 배열에서 지정키 제거하고 배열을 다시 만들어 리턴  (0) 2010.05.23
 

More Games - PAINONE

Android games

sites.google.com

 

More Games - PAINONE

Android games

sites.google.com

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
    var CreatePalette = function(color) {
        var div = document.getElementById("colorTable");
            div.innerHTML = "";
        var r   = parseInt(color.replace("#","").substring(0,2), 16);
        var b   = parseInt(color.replace("#","").substring(2,4), 16);
        var g   = parseInt(color.replace("#","").substring(4,6), 16);
        var colorDiv;
        for(var i = 0; i < 26; i++) {
            colorDiv                        = document.createElement("div");
            colorDiv.style.backgroundColor  = color;
            colorDiv.style.padding          = "2px";
            colorDiv.style.fontFamily       = "돋움, dotum, verdana";
            colorDiv.innerText              = color.toUpperCase();
            div.appendChild(colorDiv);
 
            r = (r + 10 < 255) ? r + 10 : r;
            b = (b + 10 < 255) ? b + 10 : b;
            g = (g + 10 < 255) ? g + 10 : g;
            red     = (r.toString(16).length <= 1) ? "0" + r.toString(16) : r.toString(16);
            blue    = (b.toString(16).length <= 1) ? "0" + b.toString(16) : b.toString(16);
            green   = (g.toString(16).length <= 1) ? "0" + g.toString(16) : g.toString(16);
             
            if(color == "#" + red + blue + green) {
                return false;
            } else {
                color = "#" + red + blue + green;
            }
        }
    }
<div id="colorTable" style="width:200px"></div>
저작자표시 (새창열림)

'Language > JavaScript' 카테고리의 다른 글

객체에 좌표 구하기  (0) 2010.07.06
addEventListener, attachEvent 인자넘기기  (0) 2010.05.23
배열에 지정값을 가장 마지막으로 옮기기  (0) 2010.05.23
자바스크립트 배열에서 지정키 제거하고 배열을 다시 만들어 리턴  (0) 2010.05.23
배열에 숫자형에 값을 정렬하여 새로 키값에 대입  (0) 2010.05.23
 

More Games - PAINONE

Android games

sites.google.com

 

More Games - PAINONE

Android games

sites.google.com

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/**
*   배열에 지정값을 가장 마지막으로 옮기기
*   사용 예)
*   var arr = new Array();
*       arr[0] = "a";
*       arr[1] = "b";
*       arr[2] = "c";
*       arr[3] = "d";
*
*   arr = ArrayValSort(arr, "a");
*   for(key in arr) {
*       document.write("<p>" + key + " = " + arr[key] + "</p>");
*   }
*   출력)
*   0 = b
*   1 = c
*   2 = d
*   3 = a
*/
function ArrayValSort(sortArray, val) {
    var valArr = [];
    var newArr = [];
 
    for(k in sortArray) {
        if(sortArray.hasOwnProperty) {
            if(sortArray[k] != val) {
                valArr.push(sortArray[k]);
            }
        }
    }
 
    for(var i = 0; i < valArr.length; i++) {
        newArr.push(valArr[i]);
    }
    newArr.push(val);
    return newArr;
}  
저작자표시 (새창열림)

'Language > JavaScript' 카테고리의 다른 글

addEventListener, attachEvent 인자넘기기  (0) 2010.05.23
지정한 색상코드로 같은 계열에 색상구하기  (0) 2010.05.23
자바스크립트 배열에서 지정키 제거하고 배열을 다시 만들어 리턴  (0) 2010.05.23
배열에 숫자형에 값을 정렬하여 새로 키값에 대입  (0) 2010.05.23
주민, 법인, 사업자 등 체크  (0) 2010.05.23
 

More Games - PAINONE

Android games

sites.google.com

+ Recent posts

티스토리툴바