Advertisement
H4nk

ajeng

Oct 30th, 2013
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.92 KB | None | 0 0
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Aplikasi Biodata</title>
  5. <style type="text/css">
  6. body
  7. {
  8. background:
  9. url("5.jpg")
  10. no-repeat fixed
  11. center center
  12. }
  13. </style>
  14. </head>
  15. <body>
  16.     <div align="center">
  17.       <table align="center" border="3" bgcolor="#006600" width="531"  height="450" id="table1" cellspacing="0" cellpadding="0">
  18.       <td width="523">
  19.       <table width="523" border="2">
  20.   <tr>
  21.   <td width="156"><img src="1.jpg" alt="LOGO" width="156" height="151" /></td>
  22.   <td width="349" bgcolor="black"><div align="center">
  23.                     <p><font size="+3" face="Verdana, Arial, Helvetica, sans-serif" color="#FF0000" >APLIKASI BIODATA 2F5</font></p>
  24.                     </div></td>
  25.         </tr>
  26.         </table>
  27.               <form method="POST" name="biodata">
  28.                 <p align="center" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
  29.                 <table border="0" width="97%"  cellspacing="0" cellpadding="0">
  30.       <tr>
  31.                         <td width="282" height="37" align="center"><span class="style1"> <b>NIM</b></span></td>
  32.                         <td width="35" align="center" height="37"><b>:</b></td>
  33.                       <td width="298" height="37">
  34.               <input type="text" name="T1" size="20" onkeyup="bio(this)"></td>
  35.                   </tr>
  36.                  
  37.                     <tr>
  38.                         <td width="282" height="35" align="center"><span class="style2"><b>NAMA</b></span></td>
  39.                         <td width="35" align="center" height="35"><b>:</b></td>
  40.                       <td height="35">
  41.                         <input type="text" name="T2" size="20"  align="center" readonly=""></td>
  42.                     </tr>
  43.                   <tr>
  44.                       <td width="282" height="34" align="center"><span class="style2"><strong>ALAMAT</strong></span></td>
  45.                     <td width="35" align="center" height="34"><b>:</b></td>
  46.                       <td height="34">
  47.                         <input type="text" name="T3" size="20"  align="center" readonly=""></td>
  48.                   </tr>
  49.                         <tr>
  50.                         <td width="282" height="34" align="center"><span class="style2"><strong>NO. HP</strong></span></td>
  51.                         <td width="35" align="center" height="34"><b>:</b></td>
  52.                       <td height="34">
  53.                         <input type="text" name="T4" size="20" align="center" readonly=""></td>
  54.                   </tr>
  55.  
  56.                     <tr>
  57.                         <td></td>
  58.                         <td><b></b></td>
  59.                       <td height="34"><table width="127" height="106" border="0">
  60.                         <tr>
  61.                           <td> <span id="gbr"> </td>
  62.                         </tr>
  63.                       </table></td>
  64.                   </tr></div>
  65.                 </table>
  66.                 <label></label>
  67.                 <p align="left" style="margin-top: 0; margin-bottom: 0">
  68.                   <label></label>
  69.                   <label>
  70.                   </label>
  71.                 </p>
  72.         </form>
  73.         <p align="center" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>          </td>
  74.         </tr>
  75. </table>
  76.      
  77. <script>
  78.  
  79. function bio(nimmhs)
  80. {
  81. var nim = new Array
  82. var nama = new Array
  83. var alamat = new Array
  84. var hp = new Array
  85. var foto = new Array
  86.  
  87. nim[0]="1206503"
  88. nim[1]="1206505"
  89. nim[2]="1206507"
  90. nim[3]="1206511"
  91. nim[4]="1206512"
  92. nim[5]="1206513"
  93. nim[6]="1206514"
  94. nim[7]="1206515"
  95. nim[8]="1206516"
  96. nim[9]="1206518"
  97. nim[10]="1206519"
  98. nim[11]="1206520"
  99. nim[12]="1206521"
  100. nim[13]="1206522"
  101. nim[14]="1206524"
  102. nim[15]="1206525"
  103. nim[16]="1206526"
  104.  
  105.  
  106.  
  107. nama[0]="Imamsyah Fadhil Fidri"
  108. nama[1]="Fenardo Alvinosa"
  109. nama[2]="Deli Widia"
  110. nama[3]="Zulpadli"
  111. nama[4]="Sri Ria Swissti Rahman"
  112. nama[5]="Reren Nofika"
  113. nama[6]="Venny Dwi Puspita"
  114. nama[7]="Muhammad Iqbal"
  115. nama[8]="Sri Yani Sukmawati"
  116. nama[9]="Iffah Rojiyyah"
  117. nama[10]="Adrian Ziva Nugraha"
  118. nama[11]="Desri Rapika"
  119. nama[12]="Weni Tri Pebria Murza"
  120. nama[13]="Nanda Tri Apdirza"
  121. nama[14]="Agia Lestari"
  122. nama[15]="Ajeng Zanna Tirahna"
  123. nama[16]="Yoga Andi Alpiko"
  124.  
  125.  
  126.  
  127.  
  128. alamat[0]="Jl. Polonia"
  129. alamat[1]="Jl. Cendrawasih"
  130. alamat[2]="Ulak karang"
  131. alamat[3]="Cendrawasih"
  132. alamat[4]="Tabing"
  133. alamat[5]="Tabing"
  134. alamat[6]="Tabing"
  135. alamat[7]="Tabing"
  136. alamat[8]="Tabing"
  137. alamat[9]="Tabing"
  138. alamat[10]="Tabing"
  139. alamat[11]="Tabing"
  140. alamat[12]="Tabing"
  141. alamat[13]="Tabing"
  142. alamat[14]="Tabing"
  143. alamat[15]="Tabing"
  144. alamat[16]="Tabing"
  145. alamat[17]="Tabing"
  146.  
  147.  
  148. hp[0]="081234567890"
  149. hp[1]="082334567891"
  150. hp[2]="082134567890"
  151. hp[3]="085634567881"
  152. hp[4]="089934569990"
  153.  
  154. foto[0]="1.jpg"
  155. foto[1]="2.jpg"
  156.  
  157.  
  158.  for(i=0;i<24; i++)
  159.             {if(nimmhs.value.length < 5)
  160.             {document.biodata.T2.value = ""
  161.             document.biodata.T3.value = ""
  162.              document.biodata.T4.value = ""
  163.            document.getElementById('gbr').innerHTML=""
  164.            
  165.             }else
  166.            
  167.             {if(nimmhs.value== nim[i])
  168.             {document.biodata.T2.value=nama[i]
  169.             document.biodata.T3.value=alamat[i]
  170.              document.biodata.T4.value=hp[i]
  171.              document.getElementById('gbr').innerHTML = '<img src="'+foto[i]+'" width="156" height="151"  />';
  172.  
  173.            }
  174. }
  175.  
  176. }
  177.              
  178.  
  179. }
  180.     </script>
  181.    
  182. </body>
  183. </html>
  184. http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
  185. www.w3.org
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement