Halo teman-teman pada tutorial kali ini saya akan menjelaskan Cara Membuat Kamus Bahasa Inggris Menggunakan PHP MySql Part 1, seperti yang kita ketahui kamus merupakan sekumpulan kosakata yang didalam kamus tersebut terdapat sebuah penjelasan atau makna dari kata tersebut, dan kamus juga dapat memudahkan para pengguna untuk mecari sumber kata yang dibutuhkan.
Nah pada tutorial Cara Membuat Kamus Bahasa Inggris Menggunakan PHP MySql Part 1, kita akan mencoba membuat file index.php dan file style.css, dan untuk proses PHP nya akan kita bahas pada Cara Membuat Kamus Bahasa Inggris Menggunakan PHP MySql Part 2
Oke teman-teman tanpa berlama-lama kita langsung saja masuk ke study casenya tentang Cara Membuat Kamus Bahasa Inggris Menggunakan PHP MySql Part 1. untuk Membuat kamus Bahasa inggris ini, langkah pertama yang harus teman-teman lakukan yaitu silahkan buka text editornya dan kita akan membuat file index nya terlebih dahulu, silahkan teman-teman simpan script dibawah ini dengan nama index.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
<!DOCTYPE html> <html> <head> <title>Cara Membuat Kamus Bahasa Inggris Menggukan PHP MySql</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <script> function getXMLHttpRequest(){ if(window.ActiveXObject){ return new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){ return new XMLHttpRequest(); }else alert("Status : Can not create XMLHttpRequest Object"); } var xmlhttp=getXMLHttpRequest(); function sendRequest(pageURL,bahasa){ if(xmlhttp.readyState==4 || xmlhttp.readyState==0){ xmlhttp.onreadystatechange=function(){ if(xmlhttp.readyState==4 && xmlhttp.status==200){ if(bahasa=='indonesia'){ document.getElementById('konveringgris').value=xmlhttp.responseText; }else if(bahasa=='inggris'){ document.getElementById('konverindonesia').value=xmlhttp.responseText; } } } xmlhttp.open('GET',pageURL,true); xmlhttp.send(null); } } function konversi(bahasa){ if(bahasa=='indonesia'){ sendRequest('proses.php?kata='+document.getElementById('Bindonesia').value+'&bahasa=indonesia','indonesia'); } else if(bahasa=='inggris'){ sendRequest('proses.php?kata='+document.getElementById('Binggris').value+'&bahasa=inggris','inggris'); } } </script> <body> <div class="container"> <form action=""> <table> <tr> <td><input name="Bindonesia" type="text" id="Bindonesia" placeholder="indonesia" class="input" /></td> <td><input type="button" value="Terjemah ke Inggris" onclick="konversi('indonesia');" class="submit" /></td> <td><input name="konveringgris" type="text" id="konveringgris" placeholder="inggris" class="input color"/></td> </tr> <tr> <td><input name="Binggris" type="text" id="Binggris" placeholder="inggris" class="input"/></td> <td><input type="button" value="Terjemah ke Indonesia" onclick="konversi('inggris');" class="submit"/></td> <td><input name="konverindonesia" type="text" id="konverindonesia" placeholder="indonesia" class="input color"/></td> </tr> </table> </form> </div> </body> </html> |
Berikutnya kita akan membuat file style.css yang berfungsi untuk mengatur layoutnya dan silahkan teman-teman simpan script dibawah ini dengan mana style.css
1 2 3 4 5 6 |
*{margin: 0; padding: 0} .container {width: 500px; margin:20px auto; background: #3498db; padding:20px 20px 0px;} .input {width: 150px; height: 25px; border-radius: 5px; border: none; margin-bottom: 40px;} .submit {margin: 0 20px; margin-bottom: 40px; cursor: pointer;} td{text-align: center;} .color {color: green; font-weight: bold;} |
Dan silahkan teman-teman save semua file nya, jika kita jalankan pada browser maka hasilnya akan terlihat seprti dibawah ini
Oke teman-teman cukup sekian dulu tutorial saya pada Cara Membuat Kamus Bahasa Inggris Menggunakan PHP MySql Part 1 kali ini, dan untuk proses  nya kan kita bahas pada Cara Membuat Kamus Bahasa Inggris Menggunakan PHP MySql Part 2.
Semoga bermanfaat
Terimakasih.