Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

22
Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

Transcript of Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

Page 1: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

Chungbuk HRDI of KCCIPhD Kang,Won-Chan

PHP Programming(Javascript)

Page 2: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 22 - -

<html><body><center> <img src="document_title.gif" name="img1"> </center><form name="signform" action="checkin.php“><table width="300" align="center" border="0" cellpadding="10"><tr> <td align="right" width="100"><font size="2">Name : </font></td> <td align="left" width="200"><font size="2"><input type="text" name="name" size="25"></font></td></tr><tr> <td align="right" width="100"><font size="2">E-mail : </font></td> <td align="left" width="200"><font size="2"><input type="text" name="email" size="25"></font></td></tr><tr> <td align="center" colspan="2"><font size="2"><input type="submit" value="check"></font></td></table><p></form><center> <img src="document_footer.gif" name="img2"> <br><font size="2"><a href="http://safelab.skku.ac.kr">http://safelab.skku.ac.kr</a></font></center></body></html>

Page 3: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 33 - -

Checkin.php<?echo("Input name is $name , E-mail address is $email.");?>

Page 4: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 44 - -

<html> <head> <script language="javascript">

<!--

function checkIt(form) {

var name = document.forms[0].elements[0].value;

var email = document.forms[0].elements[1].value;

var msg = "Input Name is " + name + ", E-mail Address is " + email + ".“;

alert(msg);

if(!name || !email) {

alert('Retype it');

return; }

document.forms[0].submit();

} //--> </script> </head>

<body><center> <img src="document_title.gif" name="img1"> </center><form name="signform" action="checkin.php“><table width="300" align="center" border="0" cellpadding="10"><tr> <td align="right" width="100"><font size="2">Name : </font></td> <td align="left" width="200"><font size="2"><input type="text" name="name" size="25"></font></td></tr><tr> <td align="right" width="100"><font size="2">E-mail : </font></td> <td align="left" width="200"><font size="2"><input type="text" name="email" size="25"></font></td></tr><tr> <td align="center" colspan="2"><font size="2"><input type="button" value="check"

onClick="checkIt(this.form)"></font></td></table><p></form><center> <img src="document_footer.gif" name="img2"> <br><font size="2“><a href="http://safelab.skku.ac.kr">http://safelab.skku.ac.kr</a></font></center></body></html>

Page 5: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 55 - -

Document.images[0]

Document.forms[0]

Document.images[1]

Document.images[0]

Document.forms[0]

Document.links[0]

Document.images[0]

Document.forms[0]

Document.forms[0].elements[0]

Document.forms[0].elements[1]

Document.forms[0].elements[2]

Page 6: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 66 - -

<html><head> <script language="javascript"> <!-- function focusIt() { document.signform.username.focus(); document.signform.username.select(); return true; } //--> </script></head><body onload="focusIt()"><form name="signform"><font size="2">Name : <input type="text" name="username" size="30"

maxlength="50" value="Kang, won-chan"></font></form></body></html>

Page 7: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 77 - -

<html><head> <script language="javascript"> <!-- function focusIt() { document.guestbook.comment.focus(); document.guestbook.comment.select(); return true; } function checkIt(form) { var str = form.comment.value; alert(str); } //--> </script></head><body onload="focusIt()“><form name="guestbook“><font size="2">Contents :<br><textarea name="comment" rows="10" cols="60">Hello PHP Script language!!! Hello PHP Script language!!!Hello

PHP Script language!!!Hello PHP Script language!!!!</textarea></font><font size="2"><input type="button" value="Check" onClick="checkIt(this.form)"></font></form></body></html>

Page 8: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 88 - -

Property name <textarea> name property value

value Between value<textarea> </textarea>

Method Focus()

Select()

Page 9: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 99 - -

<html><head><script language="javascript"><!--function checkIt(form) { var pass = form.passwd.value; alert(pass);}//--></script></head> <body> <form name="signform"> <font size="2">Name : <input type="password" name="passwd" size="10" maxlength="20"></font> <font size="2"><input type="button" value="Check" onClick="checkIt(this.form)"></font> </form> </body></html>

Page 10: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 1010 - -

<html><head> <script language="javascript"> <!-- function checkIt(form) { if(!form.username.value) { form.username.focus(); alert("No input name!"); return; } if(!form.email.value) { form.email.focus(); alert("No input E-mail!"); return; } alert("Input name is" + form.username.value + ", E-mail is " + form.email.value + "...."); } //--> </script></head><body><form name="signform“><font size="2">Name : <br><input type="text" name="username"><br>E-mail : <br><input type="text" name="email"><p></font><font size="2"><input type="button" value="Check" onClick="checkIt(this.form)"></font></form></body></html>

Page 11: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 1111 - -

<html><body>

<form name="signform" method="POST" action="print_all_data.php">

<font size="2">NAME : <br><input type="text" name="username"><br>e-MAIL : <br><input type="text" name="email"><p></font>

<font size="2"><input type="submit" value="Transmit"></font><font size="2"><input type="reset" value="Cancle"></font>

</form>

</body></html>

Page 12: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 1212 - -

// print_all_data.php

<?while(list($key, $val) = each($HTTP_POST_VARS)) { echo("variable ${key} value is $val<br>");}?>

Page 13: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 1313 - -

<html><head><script language="javascript"><!--function checkIt(form) { alert(form.username.value);}//--></script></head> <body> <form name="signform“> <font size="2"><input type="hidden" name="username" value="Kang"></font> <font size="2"><input type="button" value="check"

onClick="checkIt(this.form)"></font> </form> </body></html>

Page 14: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 1414 - -

<!-- function checkIt(form) { for(var i = 0; i < form.obj1.length; i++) { if(form.obj1[i].checked == true) { alert(i+1 + "th item select!, Select item value is " + form.obj1[i].value + " ..."); break; } } if(i == form.obj1.length) { alert("Select nothing!!"); return; } } //--> </script> </head> <body><font size="2"><form name="mresearch“><b>select one, follow item ~!</b><p><input type="radio" name="obj1" value="1101">1th item<br><input type="radio" name="obj1" value="1102">2th item<br><input type="radio" name="obj1" value="1103">3th item<br><input type="radio" name="obj1" value="1104">4th item<br><input type="radio" name="obj1" value="1105">5th item<p><input type="button" value="Result confirm" onClick="checkIt(this.form)“></form></font></body></html>

Page 15: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 1515 - -

<html> <head> <script language="javascript"> <!-- function checkIt(form) { var str = ""; for(var i = 1; i <= 5; i++) { if(eval("form.obj" + i + ".checked") == true) { str += i + "th item selected! item value is " + eval("form.obj" + i + ".value") + " ....\n"; } } alert(str); } //--> </script> </head> <body><font size="2"><form name="mresearch“><b>select one! below items</b><p><input type="checkbox" name="obj1" value="1101">1th item<br><input type="checkbox" name="obj2" value="1102">2th item<br><input type="checkbox" name="obj3" value="1103">3th item<br><input type="checkbox" name="obj4" value="1104">4th item<br><input type="checkbox" name="obj5" value="1105">5th item<p><input type="button" value="result confirm" onClick="checkIt(this.form)“></form></font></body></html>

Page 16: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 1616 - -

<html> <head> <script language="javascript"> <!-- function checkIt(form) { var str = "“; str += "selected list index is [" + form.menulist.selectedIndex + "], \n"; str += "selected list name is [" + form.menulist.options[form.menulist.selectedIndex].text + "], \n"; str += "list value is [" + form.menulist.options[form.menulist.selectedIndex].value + "]..!"; alert(str); } //--> </script> </head> <body><form name="menu“><select name="menulist“><option value="100" selected>select menu<option value="1101">select list1<option value="1102">select list2<option value="1103">select list3<option value="1104">select list4<option value="1105">select list5</select><input type="button" value="result confirm" onClick="checkIt(this.form)“></form></body></html>

Page 17: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 1717 - -

<html> <head> <script language="javascript">

<!--

function checkIt(form) { if(!form.name.value) { alert('Input name!'); form.name.focus(); return; }

if(!form.subject.value) { alert('Input subject!'); form.subject.focus(); return; }

if(!form.passwd.value) { alert('Input password!'); form.passwd.focus(); return; }

if(!form.comment.value) { alert('input contents!'); form.comment.focus(); return; }

form.submit(); }

// </script> </head>

<body><form name="signform" method="POST" action="check_value.php“>

<table width="602" border="0" cellspacing="0" cellpadding="1" align="center">

<tr> <td bgColor="#8080FF“>

<table width="600" border="0" cellspacing="1" cellpadding="5" align="center">

<tr> <td width="120" align="left" bgColor="#CFD0ED"><font size=2>NAME</font></td>

<td width="480" bgColor="#FAFAEE"><input type="text" name="name" size="20" maxlength="10"></td>

</tr> <tr>

<td align="left" bgColor="#CFD0ED"><font size=2>SUBJECT</font></td>

<td bgColor="#FAFAEE"><input type="text" name="subject" size="30" maxlength="40"></td>

</tr> <tr>

<td align="left" bgColor="#CFD0ED"><font size=2>E-MAIL</font></td>

<td bgColor="#FAFAEE"><input type="text" name="email" size="30" maxlength="40"></td>

</tr> <tr>

<td align="left" bgColor="#CFD0ED"><font size=2>PAssword</font></td>

<td bgColor="#FAFAEE"><input type="password" name="passwd" size="10"> <font size="2">(over 4 characters)</font></td>

</tr> <tr>

<td align="left" bgColor="#CFD0ED"><font size=2>Message Contents</font></td>

<td bgColor="#FAFAEE"><textarea name="comment" cols="50" rows="10"></textarea>

</tr> <tr>

<td align="center" colspan="2" bgColor="#CFD0ED">

<font size=2>

<input type="button" value="Write" onClick="checkIt(this.form)">

<input type="reset" value="Cancel">

</font> </td> </tr> </table>

</td></tr></table>

</form></body></html>

Page 18: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 1818 - -

Page 19: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 1919 - -

check_value.php<? function popup_msg($msg) { ?>

<script language="javascript"> <!-- alert('<? echo("$msg") ?>'); history.back();

//--> </script>

<? }

function error($errcode) {

switch ($errcode) {

case ("INVALID_NAME") : popup_msg("Wrong name strings.\\n\\n input correct name."); break;

case ("INVALID_SUBJECT") : popup_msg("Wrong subject strings.\\n\\n input correct subject."); break;

case ("INVALID_EMAIL") : popup_msg("Wrong address strings.\\n\\n input correct address.."); break;

case ("INVALID_PASSWD") : popup_msg("password is over 4 characters. \\n\\n retry type it."); break;

case ("INVALID_COMMENT") : popup_msg("contents is blank. \\n\\n retry type it."); break;

default : }}

if(!ereg("([^[:space:]]+)", $name)) { error("INVALID_NAME"); exit; }

if(!ereg("([^[:space:]]+)", $subject)) { error("INVALID_SUBJECT"); exit; }

if(ereg("([^[:space:]]+)", $email) && (!ereg("(^[_0-9a-zA-Z-]+(\.[_0-9a-zA-Z-]+)*@[0-9a-zA-Z-]+(\.[0-9a-zA-Z-]+)*$)", $email)) ) {

error("INVALID_EMAIL"); exit; }

if(!ereg("(^[0-9a-zA-Z]{4,}$)", $passwd)) {

error("INVALID_PASSWD"); exit;}

if(!ereg("([^[:space:]]+)", $comment)) {

error("INVALID_COMMENT"); exit; }

?>

<html><head> <style type="text/css“> <!--

BODY, TR, TH, TD { font-size : 10pt; }

//-> </style></head>

<body><p align="center">input guest board string.</p>

<table width="501" border="0" cellpadding="1" align="center“><tr><td bgColor="brown“>

<table width="500" border="0" cellpadding="5“><tr>

<th width="120">input item(variable)</th> <th width="380">input value</th></tr>

<? while(list($key, $val) = each($HTTP_POST_VARS)) { echo("<tr>\n");

echo(" <td width=\"120\" align=\"center\" bgColor=\"lightyellow\">$key</td>\n");

echo(" <td width=\"380\" bgColor=\"lightyellow\">$val</td>\n");

echo("</tr>\n");}

?>

</table></td></tr></table>

</body></html>

Page 20: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 2020 - -

1/2<? function popup_msg($msg) { ?> <script language="javascript"> <!-- alert('<? echo("$msg") ?>'); history.back(); //--> </script><? }function error($errcode) { switch ($errcode) { case ("INVALID_NAME") : popup_msg("Wrong name string.\\n\\n type correct ."); break; case ("INVALID_SUBJECT") : popup_msg("Wrong subject string.\\n\\n type correct .");

break; case ("INVALID_EMAIL") : popup_msg("Wrong Address string.\\n\\n type correct .");

break; case ("INVALID_PASSWD") : popup_msg("password is over 4 characters.\\n\\n type correct

."); break; case ("INVALID_COMMENT") : popup_msg("Empty contents \\n\\n type correct .");

break; default : }}if(!ereg("([^[:space:]]+)", $name)) { error("INVALID_NAME"); exit;}if(!ereg("([^[:space:]]+)", $subject)) { error("INVALID_SUBJECT"); exit;}

if(ereg("([^[:space:]]+)", $email) && (!ereg("(^[_0-9a-zA-Z-]+(\.[_0-9a-zA-Z-]+)*@[0-9a-zA-Z-]+(\.[0-9a-zA-Z-]+)*$)", $email)) ) {

error("INVALID_EMAIL"); exit;}if(!ereg("(^[0-9a-zA-Z]{4,}$)", $passwd)) { error("INVALID_PASSWD"); exit;}if(!ereg("([^[:space:]]+)", $comment)) { error("INVALID_COMMENT"); exit;}?>

Page 21: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 2121 - -

2/2<html><head> <style type="text/css"> <!-- BODY, TR, TH, TD { font-size : 10pt; } //-> </style></head> <body><p align="center">Input string is </p><table width="501" border="0" cellpadding="1" align="center"><tr><td bgColor="brown“><table width="500" border="0" cellpadding="5"><tr> <th width="120">Input item(variable)</th> <th width="380">Input value</th></tr><?while(list($key, $val) = each($HTTP_POST_VARS)) { echo("<tr>\n"); echo(" <td width=\"120\" align=\"center\" bgColor=\"lightyellow\">$key</td>\n"); echo(" <td width=\"380\" bgColor=\"lightyellow\">$val</td>\n"); echo("</tr>\n");}?></table></td></tr></table></body></html>

Page 22: Chungbuk HRDI of KCCI PhD Kang,Won-Chan PHP Programming (Javascript)

PHP ProgrammingPHP Programming

- - 2222 - -

- end –