File Manager
Back to List
|
Up to Parent Directory
| Current Directory: ~/eYhappyForm
Editing: eYhappyForm/form2.asp
Full path: C:\ict\ICT\eYhappyForm\form2.asp
Permissions: rwx
Write test: File appears not directly writable
Current process identity: IIS APPPOOL\DefaultAppPool
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <meta http-equiv="Content-Type" content="text/html; charset=windows-874"> <html> <head> <title>Ẻ�ͺ����آ�Ҿ� Depression Anxiety Stress Scales (DASS-21)</title> <link href="https://fonts.googleapis.com/css2?family=Trirong:wght@500&display=swap" rel="stylesheet"> <!--<link href="https://fonts.googleapis.com/css?family=chonburi:300,400,500,700" rel="stylesheet">--> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> <style> @import url(https://fonts.googleapis.com/css?family=Trirong:400,300,600,400italic); * { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } body { font-family: "Trirong", Helvetica, Arial, sans-serif; font-weight: 100; font-size: 18px; line-height: 30px; color: #000000; background: #4CAF50; } .container { max-width: 90%; width: 100%; margin: 0 auto; position: relative; } #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font: 400 12px/16px "Trirong", Helvetica, Arial, sans-serif; } #contact { background: #F9F9F9; padding: 25px; margin: 150px 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); } #contact h3 { display: block; font-size: 33px; font-weight: 500; margin-bottom: 10px; } #contact h2 { display: block; font-size: 26px; font-weight: 400; margin-bottom: 5px; text-align: left; } h5 { text-indent: 1.5em; } #contact h4 { margin: 5px 0 15px; display: block; font-size: 20px; font-weight: 400; } fieldset { border: medium none !important; margin: 0 0 10px; min-width: 100%; padding: 0; width: 100%; background: #FFF; } #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea { width: 100%; border: 1px solid #ccc; background: #FFF; margin: 0 0 5px; padding: 10px; } #contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover { -webkit-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; border: 1px solid #aaa; } #contact textarea { height: 100px; max-width: 100%; resize: none; } #contact input[type="radio"] { border: 0px; width: 4em; height: 4em; } #contact input[type="checkbox"] { border: 0px; width: 4em; height: 4em; } #contact button[type="submit"] { cursor: pointer; width: 100%; border: none; background: #4CAF50; color: #FFF; margin: 5px 5px 5px; padding: 20px; font-size: 29px; line-height: 150%; } #contact button[type="submit"]:hover { background: #43A047; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } #contact button[type="submit"]:active { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); } .copyright { text-align: center; } #contact input:focus, #contact textarea:focus { outline: 0; border: 1px solid #aaa; } ::-webkit-input-placeholder { color: #888; } :-moz-placeholder { color: #888; } ::-moz-placeholder { color: #888; } :-ms-input-placeholder { color: #888; } p { border: 0px solid green; padding: 30px 10px; } label { font-size: 25px; vertical-align: left; } #customers { border-collapse: collapse; width: 100%; } #customers td, #customers th { border: 1px solid #ddd; padding: 8px; text-align: center; } #customers tr:nth-child(even){background-color: #f2f2f2;} #customers tr:hover {background-color: #ddd;} #customers th { padding-top: 12px; padding-bottom: 12px; text-align: center; background-color: #04AA6D; color: white; font-size: 22px; } * { box-sizing: border-box; } .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } </style> <script> function onlyNumberKey(evt) { // Only ASCII character in that range allowed var ASCIICode = (evt.which) ? evt.which : evt.keyCode if (ASCIICode > 31 && (ASCIICode < 48 || ASCIICode > 57)) return false; return true; } </script> <script type="text/javascript"> function check() { if (document.getElementById("l5").checked==true) && (document.getElementById("lo").value=="") { alert("5.��ҹ���������Ѻ -�ؤ���� �- ��س��к�"); //document.getElementById("lo").focus(); } if (document.getElementById("t14").checked==true) { alert("7.��ҹ����觷��ͺ��������ҧ�����ú�ҧ -��� �- ��س��к�"); } } </script> <script language="javascript" type="text/javascript"> function uncheckShowYear(obj) { if (obj.checked == true) { document.getElementById("h-1").checked = true; } } function uncheckh1(obj) { if (obj.checked == true) { document.getElementById("h11").checked = false; document.getElementById("h12").checked = false; document.getElementById("h13").checked = false; document.getElementById("h14").checked = false; } } </script> </head> <body> <div class="container"> <img src="web_logo.png" width="150" height="150" border="0" alt=""><img src="Srinakharinwirot_Logo_TH_Color.png" width="150" height="150" border="0" alt=""> <form id="contact" method="post" action="index.asp" autocomplete="off"> <h3>Ẻ�ͺ����آ�Ҿ� (������ѧ�λ���)</h3> <h4>�Ӫ��ᨧ </h4> <h5>Ẻ�ͺ�����Ѻ�������ǹ˹�觢ͧ�ç����Ԩ������ͧ ���þѲ�ҹ�ѵ�������͡����������آ�Ҿ�Ե��зѡ�зҧ��ͧ ����Ѻ����٧����㹻����� ��ʶҺѹ�Ԩ�¾ĵԡ�����ʵ�� ����Է�������չ��Թ�����ò �����Ѻ�ӹѡ�ҹ�ͧ�عʹѺʹع������ҧ������آ�Ҿ (���.) </h5> <h5>Ẻ�ͺ�����Сͺ���� 3 ��ǹ ���� ��ǹ��� 1 �����ŷ���� <u><strong>��ǹ��� 2 Ẻ�Ѵ�ҧ�</strong></u> �ӹǹ 21 ��� <u><strong>��ǹ��� 3 Ẻ���Ǩ�</strong></u> �ӹǹ 24 ��� �������������㹡�÷ӻ���ҳ 5 �ҷ� ����Ԩ�¢ͤ�����س�����ҹ�Ԩ�óҵͺ�Ӷ�������������֡�ͧ��ҹ����ҡ����ش �¢�������Фӵͺ�������ͧ��ҹ�ж١���Դ�繤����Ѻ ��Шй�������������š���֡�Ҥ��駹�����͡�����Ҿ����ͧ����Ԩ����ҹ�� </h5> <table id="customers"> <tr valign="top" bgcolor="#d4d4d4"><td colspan="3"> <table id="customers"><tr><td width="8%" ><div><h2>��Ҿ���</h2><td width="5%"><input type="radio" name ="accept1" value ="1" id="accept1" required/><td width="10%"><label for="accept1" align="left"><h2>�Թ���</h2></label><td width="5%"><input type="radio" name ="accept1" value ="0" id="accept0" required/> <td align="left"><label for="accept0" align="left"><h2>����Թ��� </h2><tr><td colspan="5"><h2>���Ӣ����Ţͧ��Ҿ�������Сͺ��÷��Ԩ�¹��</h2></label></div></tr></table> <tr><td colspan=5><button onclick="check()" name="submit" type="submit" id="contact-submit" data-submit="...Sending">�觤������ʧ��</button> </table> </form> <script> function autocomplete(inp, arr) { /*the autocomplete function takes two arguments, the text field element and an array of possible autocompleted values:*/ var currentFocus; /*execute a function when someone writes in the text field:*/ inp.addEventListener("input", function(e) { var a, b, i, val = this.value; /*close any already open lists of autocompleted values*/ closeAllLists(); if (!val) { return false;} currentFocus = -1; /*create a DIV element that will contain the items (values):*/ a = document.createElement("DIV"); a.setAttribute("id", this.id + "autocomplete-list"); a.setAttribute("class", "autocomplete-items"); /*append the DIV element as a child of the autocomplete container:*/ this.parentNode.appendChild(a); /*for each item in the array...*/ for (i = 0; i < arr.length; i++) { /*check if the item starts with the same letters as the text field value:*/ if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) { /*create a DIV element for each matching element:*/ b = document.createElement("DIV"); /*make the matching letters bold:*/ b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>"; b.innerHTML += arr[i].substr(val.length); /*insert a input field that will hold the current array item's value:*/ b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>"; /*execute a function when someone clicks on the item value (DIV element):*/ b.addEventListener("click", function(e) { /*insert the value for the autocomplete text field:*/ inp.value = this.getElementsByTagName("input")[0].value; /*close the list of autocompleted values, (or any other open lists of autocompleted values:*/ closeAllLists(); }); a.appendChild(b); } } }); /*execute a function presses a key on the keyboard:*/ inp.addEventListener("keydown", function(e) { var x = document.getElementById(this.id + "autocomplete-list"); if (x) x = x.getElementsByTagName("div"); if (e.keyCode == 40) { /*If the arrow DOWN key is pressed, increase the currentFocus variable:*/ currentFocus++; /*and and make the current item more visible:*/ addActive(x); } else if (e.keyCode == 38) { //up /*If the arrow UP key is pressed, decrease the currentFocus variable:*/ currentFocus--; /*and and make the current item more visible:*/ addActive(x); } else if (e.keyCode == 13) { /*If the ENTER key is pressed, prevent the form from being submitted,*/ e.preventDefault(); if (currentFocus > -1) { /*and simulate a click on the "active" item:*/ if (x) x[currentFocus].click(); } } }); function addActive(x) { /*a function to classify an item as "active":*/ if (!x) return false; /*start by removing the "active" class on all items:*/ removeActive(x); if (currentFocus >= x.length) currentFocus = 0; if (currentFocus < 0) currentFocus = (x.length - 1); /*add class "autocomplete-active":*/ x[currentFocus].classList.add("autocomplete-active"); } function removeActive(x) { /*a function to remove the "active" class from all autocomplete items:*/ for (var i = 0; i < x.length; i++) { x[i].classList.remove("autocomplete-active"); } } function closeAllLists(elmnt) { /*close all autocomplete lists in the document, except the one passed as an argument:*/ var x = document.getElementsByClassName("autocomplete-items"); for (var i = 0; i < x.length; i++) { if (elmnt != x[i] && elmnt != inp) { x[i].parentNode.removeChild(x[i]); } } } /*execute a function when someone clicks in the document:*/ document.addEventListener("click", function (e) { closeAllLists(e.target); }); } /*An array containing all the country names in the world:*/ var countries = ["��ا�1", "��к��3", "�ҭ������1", "����Թ���4", "��ᾧྪ�1", "���4", "�ѹ�����1", "���ԧ���1", "�ź���1", "��¹ҷ1", "�������4", "�����3", "��§����2", "��§���2", "��ѧ4", "��Ҵ1", "�ҡ1", "��ù�¡1", "��û��1", "��þ��4", "����Ҫ����4", "�����ո����Ҫ3", "������ä�1", "�������1", "��Ҹ����3", "��ҹ2", "�֧���4", "���������4", "�����ҹ�1", "��ШǺ���բѹ��4", "��Ҩչ����1", "�ѵ�ҹ�4", "��й�������ظ��1", "�����2", "�ѧ��3", "�ѷ�ا3", "�ԨԵ�1", "��ɳ��š1", "ྪú���1", "ྪú�ó�1", "���2", "����3", "�����ä��4", "�ء�����4", "�����ͧ�2", "��ʸ�4", "����3", "�������4", "�йͧ3", "���ͧ1", "�Ҫ����1", "ž����1", "�ӻҧ2", "�Ӿٹ2", "���4", "�������4", "ʡŹ��4", "ʧ���3", "ʵ��3", "��طû�ҡ��1", "��ط�ʧ����1", "��ط��Ҥ�1", "������1", "��к���1", "�ԧ�����1", "��⢷��1", "�ؾ�ó����1", "����ɮ��ҹ�3", "���Թ���4", "˹ͧ���4", "˹ͧ�������4", "��ҧ�ͧ1", "�ӹҨ��ԭ4", "�شøҹ�4", "�صôԵ��2", "�ط�¸ҹ�1", "�غ��Ҫ�ҹ�4", ]; var socie = [ "��Ҥ���Ҽ���٧������觻������� ��ШӨѧ��Ѵ�ӻҧ", "��þѲ�ҹ�ѵ�������͡����������آ�Ҿ�Ե��зѡ�зҧ��ͧ", "����٧���ت������ҹ�����ŧ", "���.��к��", "����٧���� �.�ҧ��Ө״", "����٧���� �.�ӹ�� �.�ҧ�ѹ", "����٧���� �.�Ԫ� �.�Ԫ�", "����٧�����Ⱥ�� �. ��ҧ", "����٧���غ�ҹ˹ͧ�˭� �.����˭�", "����٧�����Ⱥ�� �. ������", "����٧�����Ⱥ�ŷ�Ҫ�ҧ �.�ҧ����", "����٧�����Ⱥ�� �. ��ҹ����", "����٧����Ⱥ�� �. �ҹ��к�� �.�ҹ��к��", "�ç���¹����٧���بѧ��Ѵ�ѹ�����", "����٧���� �. ˹ͧ�˹� ", "����٧����Ҵ����", "����٧����˹ͧ˭�ҹ���", "��Ҥ���Ҥ����ͧ", "����٧���ػ�Ъҹ���ȹ� 2 ���� 3", "����٧�����Ҫ�ġ��", "���͢��¤��ѡ��ҹ", "����٧���� �.�������ǧ", "����٧�����������ä�", "�������ä� ͺ�.�֧�Ӿ���� ", "����٧�����Ⱥ�� �.⾵�Ҵ��� ", "���ʧ���� �.������ �.��з���ẹ", "��Ҽ���٧����", "��ҧ���غ��������", "����٧���غ�ҹ�����ä�", "����٧�����Ѵ��ȡ����", "�ѡ���آ�Ҿ�Ѵ��ȡ����", "����٧���� �. �ѧ���˭�", "����٧���ش͡�ѡ���� ��Ң�ҧ", "����٧���� �. ���", "����٧���� �. ��Ǵ������ 1234", ]; /*initiate the autocomplete function on the "myInput" element, and pass along the countries array as possible autocomplete values:*/ autocomplete(document.getElementById("myInput"), countries); autocomplete(document.getElementById("mysocie"), socie); </script> </div> </body> </html>