API tools faq
paste
Advertisement
H4nk

ajeng

H4nk
Oct 30th, 2013
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.92 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!