 | |
| isi text box yang ada kemudian create my windows |
 | |
| Kemudian akan muncul seperti ini |
<html>
<head>
<title>Latihan Window2</title>
<script language="javascript">
function tampil()
{
a=document.forms['form1'].deco.value;
b=document.forms['form1'].tnama.value;
c=document.forms['form1'].tpt.value;
d=document.forms['form1'].tgl.value;
e=document.forms['form1'].byk.value;
f=document.forms['form1'].spc.value;
g=document.forms['form1'].where.value;
h=document.forms['form1'].act.value;
i=document.forms['form1'].hobi.value;
tampilkan=a;
myWindow=window.open("","Mywindow",tampilkan);
myWindow.document.write("<font face='Trebuchet ms'><h1 align='center'> Biodata</h1> <table> <tr> <td> Name </td><td>: "+b,"</td></tr><tr><td>Place of Birth </td><td>: "+c,"</td></tr><tr><td> Date of Birth </td><td>:",d,"</td></tr><td> Number of Family </td><td>: ",e,"</td></tr><td> Special Person in My Live </td><td>:",f,"</td></tr><tr><td>I live in </td><td>: ",g,"</td></tr><tr><td>My Activity </td><td>: ",h,"</td></tr><tr><td> Hobbies </td><td>: ",i,"</td></tr></table>");
myWindow.document.close
}
</script>
</head>
<body> <font face="trebuchet ms">
<h1 align="center"> Welcome!</h1>
<p align="justify"> This website helps you to make your own website as you wish about your identity. Try it!</p>
<form name="form1">
<table width="100%">
<tr>
<td width="22%" valign="top"> Input Option of Windows </td>
<td colspan="2"><input name="deco" type="text" rows="5" size=80><br><font size="-1" color="#DDDDDD"> ex : width=100,height=100,toolbar=1(for yes) 0(for no),status, menubar,scrollbars,resizeable</font></td>
</tr>
<tr>
<td> Your Name </td>
<td width="5%"> : </td>
<td width="73%"><input type="text" name="tnama" /></td>
</tr>
<tr>
<td> Place of Birth </td>
<td> : </td>
<td> <input type="text" name="tpt" /></td>
</tr>
<tr>
<td> Date of Birth </td>
<td> : </td>
<td> <input type="text" name="tgl" value="dd/mm/yyyy" /></td>
</tr>
<tr>
<td> Number of Family </td>
<td> : </td>
<td> <input type="text" name="byk" /></td>
</tr>
<tr>
<td> Special Person in your live</td>
<td> : </td>
<td> <input type="text" name="spc" /></td>
</tr>
<tr>
<td> Where do you live</td>
<td> : </td>
<td> <input type="text" name="where" /></td>
</tr>
<tr>
<td> Your activity </td>
<td> : </td>
<td> <input type="text" name="act" /></td>
</tr>
<tr>
<td> Hobbies</td>
<td> : </td>
<td> <input type="text" name="hobi" /></td>
</tr>
<tr>
<td colspan="3"> <input type="button" value="Create My Window" onClick="tampil()" /></td>
</tr>
<tr>
<td colspan="3"> © By Devia Christa 08110706 2010</td>
</tr>
</table>
</form>
</font>
</body>
</html>
<head>
<title>Latihan Window2</title>
<script language="javascript">
function tampil()
{
a=document.forms['form1'].deco.value;
b=document.forms['form1'].tnama.value;
c=document.forms['form1'].tpt.value;
d=document.forms['form1'].tgl.value;
e=document.forms['form1'].byk.value;
f=document.forms['form1'].spc.value;
g=document.forms['form1'].where.value;
h=document.forms['form1'].act.value;
i=document.forms['form1'].hobi.value;
tampilkan=a;
myWindow=window.open("","Mywindow",tampilkan);
myWindow.document.write("<font face='Trebuchet ms'><h1 align='center'> Biodata</h1> <table> <tr> <td> Name </td><td>: "+b,"</td></tr><tr><td>Place of Birth </td><td>: "+c,"</td></tr><tr><td> Date of Birth </td><td>:",d,"</td></tr><td> Number of Family </td><td>: ",e,"</td></tr><td> Special Person in My Live </td><td>:",f,"</td></tr><tr><td>I live in </td><td>: ",g,"</td></tr><tr><td>My Activity </td><td>: ",h,"</td></tr><tr><td> Hobbies </td><td>: ",i,"</td></tr></table>");
myWindow.document.close
}
</script>
</head>
<body> <font face="trebuchet ms">
<h1 align="center"> Welcome!</h1>
<p align="justify"> This website helps you to make your own website as you wish about your identity. Try it!</p>
<form name="form1">
<table width="100%">
<tr>
<td width="22%" valign="top"> Input Option of Windows </td>
<td colspan="2"><input name="deco" type="text" rows="5" size=80><br><font size="-1" color="#DDDDDD"> ex : width=100,height=100,toolbar=1(for yes) 0(for no),status, menubar,scrollbars,resizeable</font></td>
</tr>
<tr>
<td> Your Name </td>
<td width="5%"> : </td>
<td width="73%"><input type="text" name="tnama" /></td>
</tr>
<tr>
<td> Place of Birth </td>
<td> : </td>
<td> <input type="text" name="tpt" /></td>
</tr>
<tr>
<td> Date of Birth </td>
<td> : </td>
<td> <input type="text" name="tgl" value="dd/mm/yyyy" /></td>
</tr>
<tr>
<td> Number of Family </td>
<td> : </td>
<td> <input type="text" name="byk" /></td>
</tr>
<tr>
<td> Special Person in your live</td>
<td> : </td>
<td> <input type="text" name="spc" /></td>
</tr>
<tr>
<td> Where do you live</td>
<td> : </td>
<td> <input type="text" name="where" /></td>
</tr>
<tr>
<td> Your activity </td>
<td> : </td>
<td> <input type="text" name="act" /></td>
</tr>
<tr>
<td> Hobbies</td>
<td> : </td>
<td> <input type="text" name="hobi" /></td>
</tr>
<tr>
<td colspan="3"> <input type="button" value="Create My Window" onClick="tampil()" /></td>
</tr>
<tr>
<td colspan="3"> © By Devia Christa 08110706 2010</td>
</tr>
</table>
</form>
</font>
</body>
</html>
No comments:
Post a Comment