Even adalah sesuatu yang terjadi pada
|
|
|
- Shinta Halim
- 9 tahun lalu
- Tontonan:
Transkripsi
1 Even adalah sesuatu yang terjadi pada halaman HTML. Beberapa bentuk kejadian yaitu jika pengguna memuat dokumen, pengguna memasukkan data, pengguna mengklik tombol dan sebagainya. Hal-hal tersebut diatur oleh even. Semua kejadian pada Javascript dapat anda tangani dengan menentukan kejadiannya. Biasanya kejadian(even) adalah sebuah fungsi, tetapi pada beberapa kasus, kita dapat menuliskan pernyataan-pernyataannya secara langsung.
2 Daftar Kejadian (Even) pada JavaScript Kejadian onclick onchange Keterangan Kejadian yang dibangkitkan bila pengguna mengklik sebuah elemen form atau link. Dibangkitkan bila informasi masukan pada sebuah elemen form (text, textarea, select) diubah oleh pengguna. onblur onfocus onabort onerror Dibangkitkan ketika suatu elemen kehilangan focus masukan, yaitu ketika pengguna menekan tombol <tab> atau mengklik elemen lain form lainnya. Dibangkitkan bila sebuah elemen form menerima focus masukan; yaitu bila pengguna mengklik elemen form tersebut atau menekan tombol <tab> sehingga focus masukan berpindah ke elemen ini. Dibangkitkan bila pengguna menghentikan pemuatan citra (tag<img>) yaitu bila pengguna menekan tombol stop atau mengklik link. Dibangkitkan bila terjadi kesalahan saat browser memuat dokumen atau citra.
3 Daftar Kejadian (Even) pada JavaScript (2) onload Dibangkitkan bila browser selesai memuat document onunload Dibangkitkan bila pengguna keluar dari dokumen onmouseover onmouseout onreset onselect onsubmit Dibangkitkan bila kursor mouse berada di atas sebuah link. Dibangkitkan bila kursor mouse keluar dari daerah link atau peta citra. Dibangkitkan bila pengguna menekan tombol reset Kejadian yang dibangkitkan bila pengguna memilih sebagian atau seluruh teks pada elemen form yang berupa kotak teks. Dibangkitkan ketika pengguna menekan tombol submit.
4 <HTML><BODY><SCRIPT LANGUAGE="JavaScript"> function warna(pilihan) { alert("anda Memilih Warna " + pilihan); document.bgcolor=pilihan; } </SCRIPT> <h1 align="center">latihan Event OnClick</h1> <hr width="500" color="black" noshade> <h3 align="center">pilih warna favorit anda.</h3> <CENTER><FORM><INPUT TYPE="button" VALUE="Biru" onclick="warna('lightblue')"> <INPUT TYPE="button" VALUE="Pink" onclick="warna('pink')"> <INPUT TYPE="button" VALUE="Coklat" onclick="warna('burlywood')"> <INPUT TYPE="button" VALUE="Kelabu" onclick="warna('darkgray')"> <INPUT TYPE="button" VALUE="Oranye" onclick="warna('peachpuff')"> <INPUT TYPE="button" VALUE="Putih" onclick="warna('white')"> </FORM>
5 <FORM> <IMG NAME="coolfan" SRC="fanoff.gif" width=61 height=72><br><br> <INPUT TYPE=BUTTON VALUE=" Off " onclick="coolfan.src = 'fanoff.gif'"> <INPUT TYPE=BUTTON VALUE=" On " onclick="coolfan.src = 'fanon.gif'"> </FORM> </CENTER> <hr width="500" color="black" noshade> </BODY> </HTML>
6
7 <HTML><BODY><SCRIPT LANGUAGE="JavaScript"> function masukannim() { if (document.f.inim.value=="") { alert("anda belum memasukkan nim"); } } function masukannama() { if (document.f.inama.value=="") { alert("anda belum memasukkan nama"); } } function masukanalamat() { if (document.f.ialamat.value=="") { alert("anda belum memasukkan alamat"); } } function terimakasih() {if ((document.f.inim.value!="")&&(document.f.inama.value!="")&& (document.f.ialamat.value!="")) { alert("terima Kasih Telah mengisi Data"); } else alert("mohon Data Dilengkapi"); } </script>
8 <h1 align="center">latihan Event OnFocus dan OnBlur</h1> <hr width="600" color="black" noshade size="10"> <font face="arial"> <h3 align="center">r E G I S T R A S I</h3> <hr width="600" color="black" noshade size="2"> <CENTER><form name="f" method="get"> <TABLE> <tr> <td width="31%">nim</td> <td width="7%">:</td> <td width="62%"> <input type="text" name="inim" size="9" onfocus="window.status='silahkan Mengisi NIM Anda';" onblur="masukannim()"> </td> </tr> <tr> <td width="31%">nama</td> <td width="7%">:</td> <td width="62%"><input type="text" name="inama" size="23" onfocus="window.status='silahkan Mengisi Nama Anda';" onblur="masukannama()"> </td> </tr>
9 <tr> <td width="31%">alamat</td> <td width="7%">:</td> <td width="62%"> <input type="text" name="ialamat" size="34" onfocus="window.status='silahkan Mengisi Alamat Anda';" onblur="masukanalamat()"> </td> </tr></table> <hr width="600" color="black" noshade size="2"> <p><input type="button" value="kirim" Onclick="terimakasih()"> <input type="reset" value="reset"> </p></form></center></body></html>
10
11 <HTML> <BODY Onload="tanggal()" OnUnload="tutup()"> <SCRIPT LANGUAGE="JavaScript"> function tanggal() { var d = new Date(); var y = d.getfullyear(); var m = d.getmonth() + 1; var t = d + '/' + m + '/' + y + ' '; var d = d.getdate(); defaultstatus = "Anda datang pada tanggal " + t + "."; alert("selamat Datang Teman \n Silahkan Masuk Ke Websiteku"); } function timer() { var d = new Date(); var jam = d.gethours(); var menit = d.getminutes(); var strwaktu = (jam<10)?"0"+jam:jam; var detik = d.getseconds(); strwaktu +=(menit<10)?"0"+menit:" : "+menit;strwaktu +=(detik<10)?"0"+detik:" : "+detik; document.f.txtwaktu.value=" "+strwaktu;settimeout("timer()",200);}
12 function tutup() { window.alert("terimakasih Telah Berkunjung\nJangan lupa Datang kembali Ya.."); } </SCRIPT> <h1 align="center">latihan Event OnLoad dan OnUnLoad</h1> <hr width="600" color="black" noshade size="10"> <font face="arial"><h3 align="center">selamat DATANG</h3> <CENTER> <form name="f"><h4 align="center">sekarang Menunjukkan Jam</h4> <input type="text" size="16" name="txtwaktu"> <hr width="600" color="black" noshade size="2"> </form><script LANGUAGE="JavaScript">timer()</SCRIPT ></center></body></html>
13
14 <HTML><BODY><SCRIPT LANGUAGE="JavaScript"> function g1() { document.f.imgfan.src="fanon.gif" } function g2() { document.f.imgfan.src="fanoff.gif" }</SCRIPT> <h1 align="center">latihan Event OnMouseOver dan OnMouseOut</h1> <hr width="600" color="black" noshade size="10"><font face="arial"> <h3 align="center">selamat DATANG</h3>
15 <CENTER><form name="f"> <Img Name="logo" src="logo1.gif" onmouseover="document.logo.src='logo2.gif'; window.status='motto Jawa Barat'" onmouseout="document.logo.src='logo1.gif';window.status=' Gemah Ripah Repeh Rapih'"> <h4 align="center">kalo Kepanasan Tunjuk Kipas Angin Saja</h4> <A HREF="latevenonclick.html" onmouseover="g1()" onmouseout="g2()"> <IMAGE NAME="imgfan" SRC="fanoff.gif" WIDTH=61 HEIGHT=72 BORDER=0></A>
16 </p> <A HREF=" onmouseover="document.bgcolor='#ffcc00'; onmouseover=window.status='ke Website Google.Com'; return true">google.com</a> <BR> <A HREF=" onmouseover="window.status='oh, jangan deket-deket..'; return true" onmouseout="alert('nah gitu dong'); return true">teknik Informatika UNIKOM </A> <hr width="600" color="black" noshade size="2"> </form></center></body></html>
17
18 Event on submit akan dibangkitkan apabila seorang user menekan tombol submit. Dengan event ini data yang diinputkan akan dikirimkan ke tempat lain ( , file teks atau ke dalam suatu tabel)
19 <Html><Body><SCRIPT LANGUAGE="JavaScript"> function cari() { var kata = document.formcari.keyword.value; var hasil = " + kata ; window.open(hasil, 'google', config='height=500,width=750 scrollbars=yes location=yes') } </SCRIPT> <FORM NAME="formcari" onsubmit="cari()"> <center> <table><tr> <td colspan="4" bgcolor="orange"> <h1 align="center">s e a r c h - E n g i n e</h1> <hr color="black" size="4" ></td> </tr> <tr> <td><b>cari pakai</b></td> <td><img src="logoogle.gif"></td> <td><input NAME="keyword" SIZE="40" TYPE="text"></td> <td><input TYPE="submit" VALUE="Cari..!!"><input type="reset" Value="Ulang"></td> </tr>
20 <tr> <td colspan="4" bgcolor="orange"> <hr color="black" size="4" ></td> </tr> </table></center></form></body></html>
21 <Html><Body><SCRIPT LANGUAGE="JavaScript"> function isiform(form) { isinama(form); isi (form); isikomentar(form); kosongkan(form); } function kosongkan(form) { if((isinama(form) && isi (form) && isikomentar(form))) { form.submit; } if((isinama(form)== false isi (form)== false isikomentar(form)== false)) { salahisi(form); } }
22 function salahisi(form) { var teks ="Ada Kesalahan Isian :"; if (isinama(form)== false) { teks +="\nnama Anda"; } if (isi (form)==false) { teks +="\n Anda"; } if (isikomentar(form)==false) { teks +="\nkomentar Anda"; } alert(teks); } function isinama(form) { if (form.nama.value=="") { return false; } else {return true; } } function isi (form) { if((form. .value=="" form. .value.indexof('@',0)==-1) form. .value.indexof('.')==-1) { return false; } else { return true; } } function isikomentar(form) {if(form.cs.value=="") {return false;}else {return true;}}</script>
23 <form name="f" method="post" <font face="arial"> <table align="center"> <tr bgcolor="gray"> <td colspan="2" align="center"> <h1>g u e s t B o o k</h1></td> </tr> <tr bgcolor="peachpuff"> <td>nama Anda :</td> <td><input type="text" value="" name="nama" size="30"</td> </tr> <tr bgcolor="peachpuff"> <td> Anda :</td> <td><input type="text" value="" name=" " size="30"</td> <tr bgcolor="peachpuff"> <td>komentar Anda :</td> <td><textarea name="cs" rows="5" cols="50"></textarea></td> </tr> </tr>
24 <tr bgcolor="orange"> <td colspan="2" align="center"> <input type="button" name="thesubmit" value="kirim" onclick="isiform(this.form)"> <input type="reset" value="hapus"> <tr bgcolor="gray"> </td> </tr> <td colspan="2" align="center"><b>terima Kasih Telah Mengisi Guest Book</b> </td> </tr> </table> </font> </form></body></html>
25
26 Untuk memuat suatu image, pada Javascript terdapat objek Image. Untuk membuat objek tersebut pendeklarasiannya adalah sebagai berikut : img1 = new Image () img1.src = "pic1.gif" artinya membuat objek image dengan isinya adalah image pic1.gif
27 <HTML><BODY><SCRIPT LANGUAGE="JavaScript"> var num=1img1 = new Image() img1.src = "pic1.gif img2 = new Image () img2.src = "pic2.gif img3 = new Image () img3.src = "pic3.gif" img4 = new Image () img4.src = "pic4.gif img5 = new Image () img5.src = "pic5.gif img6 = new Image () img6.src = "pic6.gif" function slideshow(x) { num=num+xif (num==7) { num=1 } If (num==0) { num=6 } document.mypic.src=eval("img"+num+".src") } /SCRIPT>
28 <CENTER><IMG SRC="pic1.gif" NAME="mypic" BORDER=0 height="200" width="150"> <p><a HREF="JavaScript:slideshow(-1)">Previous</A> <A HREF="JavaScript:slideshow(1)">Next</A> </CENTER> </BODY></HTML>
29
30 <html><head><script language="javascript"> var image1=new Image() image1.src="1.gif var image2=new Image() image2.src="2.gif var image3=new Image() image3.src="3.gif </script></head> <body><center><h2> Penggunaan Objek Image Untuk Membuat SlideShow</H2> <hr size=5 color="black"> <img src="1.gif" name="slide" width="100" height="100">
31 <script> var step=1 function slideit() {//jika browser tidak mendukung metode dokumen.image maka keluar. if (!document.images) returndocument.images.slide.src=eval("image"+step+".src") if (step<3)step++elsestep=1 //memanggil function "slideit()" setiap 1 detik settimeout("slideit()",1000) } slideit() </script><hr size=5 color="black"></body></html>
32
33 1. Marquee Marquee berarti teks yang dapat berjalan pada halaman website. Terdapat 2 macam jenis marquee : - marquee pada halaman web dan - marquee pada status bar.
34 <html><head> <Title>membuat Marquee Pada Status bar </Title></head> <body bgcolor="lightblue"> <center> <p><font color="orange" size="5"> Latihan Marquee Dengan JavaScript</p> <body onload="p()"> <script languange="javascript"> var pesan ="Hallo Friend...Apa Khabar? "; var pesan2 ="Welcome To My website ";
35 function p() { document.basis.kotak.value=pesan; pesan=pesan.substr(1,pesan.length)+pesan.substr(0,1); pesan2=pesan2.substr(1,pesan2.length)+pesan2.substr(0,1); window.status=pesan2; settimeout("p()",100); } </script> <form method="post" name="basis"> <input type="text" name="kotak" size=20> </form></body></html>
36
37 Frame digunakan untuk memisahkan beberapa halaman web yang ditampilkan dalam suatu halaman web. Penggunaan frame biasa diperuntukkan untuk memuat halaman yang selalu diakses misal halaman menu./
38 <html><head><title>latihan Frame</Title></head> <Frameset cols="30%,*"> <frame src="menu.html" name="fr1"> <frame src="awal.html" name="fr2"> </frameset></html>
39 <html><head><title>latihan Frame-Menu</Title></head> <body bgcolor="lightgreen"> <script language="javascript"> function menu() { str="latmath.html"; if (document.fform.rbmenu[1].checked) str="latobjekteks.html"; else if (document.fform.rbmenu[2].checked) str="latobjekselect.html"; else if (document.fform.rbmenu[3].checked) str="latobjekcheck.html"; parent.fr2.location.href=str; }
40 </script> <p>pilih latihan Dibawah Ini</p> <form name="fform"> <p><input type="radio" checked name="rbmenu" value="1">matematika</p> <p><input type="radio" name="rbmenu" value="2">objek teks</p> <p><input type="radio" name="rbmenu" value="3">objek Select</p> <p><input type="radio" name="rbmenu" value="4">objek Check</p> <p><input type="button" onclick="menu()" value="tampilkan"> </form></body></html>
41 <html><body bgcolor="pink"> <center><h1>halaman ini dengan menggunakan</h1> <h1>frame</h1> <p><strong>design By Irawan Afrianto</strong></p> <p><strong> <a </center></body></html>
42
43
Kejadian (Event 1) 1. Kejadian (Event)
1. Kejadian (Event) Event adalah sesuatu yang terjadi pada halaman HTML. Berikut ini terdapat beberapa bentuk kejadian yaitu jika pengguna memuat dokumen, pengguna memasukkan data, pengguna mengklik tombol
Kejadian (Event 2) 1. Event On Submit
Kejadian (Event 2) 1. Event On Submit Event on submit akan dibangkitkan apabila seorang user menekan tombol submit. Dengan event ini data yang diinputkan akan dikirimkan ke tempat lain (email, file teks
Modul praktikum Javascript 1
Pendahuluan 1.1 Pengantar Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan LiveScript yang berfungsi sebagai bahasa sederhana untuk browser Netscape
Pemrograman Web. Page 188
Page 188 15. Kegiatan Belajar 15 : Mengolah Interaksi User a. Tujuan Pembelajaran. Setelah mengikuti kegiatan belajar 15 ini siswa diharapkan dapat : 1) Mengetahui bentuk penanganan interaksi user pada
Belajar Java Script INPUT DATA
Belajar Java Script INPUT DATA [email protected] http://kuliahonline.unikom.ac.id Target Pencapaian Siswa mengetahui mengenai perintah-perintah dasar yang dapat digunakan untuk memasukan data 10. Memasukan
2. Objek Text. Untuk menginputkan data kita dapat menggunakan komponen/objek text. Contoh penggunaannya dapat kita lihat pada contoh berikut :
1. Objek Untuk memasukkan Data Terdapat beberapa objek yang dapat digunakan untuk memasukkan data. Objek-objek tersebut biasanya terdapat dalam suatu form. Adapun objek-objek tersebut meliputi : Objek
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada [email protected] S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript
Objek Untuk Memasukkan Data Terdapat beberapa Objek Untuk memasukkan data dan biasanya terdapat di dalam suatu Form. Objek- objek untuk memasukkan
Objek Untuk Memasukkan Data Terdapat beberapa Objek Untuk memasukkan data dan biasanya terdapat di dalam suatu Form. Objek- objek untuk memasukkan data meliputi : 1. Objek Teks 2. Objek Radio 3. Objek
Pemrograman Web. Javascript. Indrato, S.Kom Introduction. Penyisipan JS dalam HTML. PemrogramanWeb.2009
Pemrograman Web Indrato, S.Kom [email protected] Javascript Page 2 Introduction JavaScript merupakan bahasa berbasis objek, akan tetapi bukanlah bahasa berorientasi objek karena tidak memiliki kelas
Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1
Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1 Konsep Client Side Scripting JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar
MODUL 7. Event. Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang
MODUL 7 Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 7 7.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah event 2. Mahasiswa dapat mengaplikasikan event pada
MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME
MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME A. MAKSUD DAN TUJUAN 1. MAKSUD a. Membuat formulir dengan berbagai tipe b. Membuat tampilan halaman web dengan frame 2. TUJUAN a. Mahasiswa dapat membuat
OBJEK (1) Contoh penggunaan objek Text : <html> <head> <title> Objek Text </title> </head>
OBJEK (1) Terdapat beberapa objek yang dapat digunakan untuk memeasukkan data. Objek-objek tersebut biasanya terdapat dalam suatu form. Adapun objek-objek tersebut meliputi Objek Text, Objek Radio, Objek
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript
BAB-12 MEMBUAT FORM HTML
BAB-12 MEMBUAT FORM HTML 12.1. Form HTML Form HTML digunakan untuk mendapatkan masukan (input) dari pengguna Web. Pengguna Web dapat memasukkan input melalui halaman-halaman HTML. Elemen/tag Form digunakan
SILAKAN COPY SCRIPT DIBAWAH INI KE NOTEPAD ATAU EDITOR TEXT LAIN KEMUDIAN SAVE AS DENGAN NAMA FILE chaincalc.html KEMUDIAN JALANKAN DI BROWSER ANDA
SILAKAN COPY SCRIPT DIBAWAH INI KE NOTEPAD ATAU EDITOR TEXT LAIN KEMUDIAN SAVE AS DENGAN NAMA FILE chaincalc.html KEMUDIAN JALANKAN DI BROWSER ANDA
P - 6 Bab 4 : HTML (Hypertext Markup Language)
P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Latihan Tabel 1 Latihan Table_1
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML FORM Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML.
Form Input HTML dan Frame. Siti Maesyaroh. M.Kom.
Form Input HTML dan Frame Siti Maesyaroh. M.Kom. Tag Tag ini digunakan untuk membuat rancangan form atau formulir dalam memasukkan data, dimana nantinya data tersebut akan diproses sesuai dengan
DESIGN WEB. D3 TKJ
DESIGN WEB D3 TKJ [email protected] SUB POKOK BAHASAN JavaScript? Pendeklarasian JavaScript JavaScript sederhana PeletakanJavaScript KomentarpadaJavaScript KotakDialog Variabel Operator StrukturKontrol
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML Lanjut [1]) Noor Ifada [email protected] S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan
SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT
SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT 1. HTML 1.1. Susunan Dasar HTML Judul disini Program disini 1.2. Contoh Halaman Pertama Teks dengan Heading 1 Teks
JavaScript. Pemrograman Web 1. Genap
JavaScript Pemrograman Web 1 Genap 2011-2012 Popup Box JavaScript memiliki tiga macam Popup Box, yaitu : Alert box Biasanya digunakan untuk memberikan informasi ke pengguna. Confirm box Biasanya digunakan
Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.
Desain Web HTML Lanjut Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Lanjut 1. List 2. Fontasi 3. Image 4. Hyperlink 5. Form Tag LIST Membuat daftar urutan berupa bullet tdan numbering. Terdiri dari
MEMBUAT FORM Dan FRAME 1. Form Form Form
1. Form Form adalah suatu cara untuk mejadikan halaman web menjadi lebih interaktif, karena akan mendaptakan umpan balik dari pengunjung situs web. Form dapat digunakan untuk membuat buku tamu, formulir
MODUL PEMROGRAMAN WEB
MODUL PEMROGRAMAN WEB FORM & METHOD Rajif Agung Yunmar, S.Kom STMIK AMIKOM Yogyakarta 2011 DAFTAR ISI Form & Method... 1 1. Struktur Umum... 1 2. HTML Form Element... 1 3. Method... 5 3.1 Metode GET...
MODUL 3 INTERNET PROGRAMMING : PHP 3
MODUL 3 INTERNET PROGRAMMING : PHP 3 A. Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan validasi form B. Dasar Teori PENGOLAHAN
Pengenalan Perancangan Web 2017
9. Form dan Input HTML Form adalah elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Form biasa digunakan untuk membuat
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Form Frame S1 Teknik Informatika - Unijoyo 2 TABEL Fungsi: Menampilkan
Muhamad Alif,S.Kom Teknik Informatika UTM
Muhamad Alif,S.Kom Teknik Informatika UTM FORM Fungsi: Menerima informasi atau meminta umpan balik dari user dan memproses informasi tersebut di server Standar penulisan:
Aplikasi Form Menggunakan HTML
Aplikasi Form Menggunakan HTML Pendahuluan Pembahasan Definisi Form HTML Form diperlukan bila Anda ingin mengumpulkan beberapa data dari pengunjung situs untuk di kirim ke server. Misalnya informasi pendaftaran:
MODUL PRAKTIKUM APLIKASI IT II (JAVASCRIPT)
MODUL PRAKTIKUM APLIKASI IT II (JAVASCRIPT) Irawan Afrianto UNIVERSITAS KOMPUTER INDONESIA MODUL 1 PENDAHULUAN 1.1 Pengantar Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya
Siti Maesyaroh, M.Kom.
Siti Maesyaroh, M.Kom. Bahasa skrip yang ditempelkan pada kode HTML dan diproses di sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas atau dapat dikatakan untuk mambuat
Soal Remedial Prakarya-1
Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan
Nama : Dwi Untari. Nim : A TUGAS SEMESTERAN 1. HOME 2. MATERI
Nama : Dwi Untari Nim : A410090202 TUGAS SEMESTERAN 1. HOME 2. MATERI 3. SILABUS DAN RPP 4. GALERY 5. LATIHAN SOAL 6. BERITA 7. LINK SKRIP 1. Membuat frame
[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]
![[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]](/thumbs/63/50441664.jpg "[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]")
[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ] Modul FORM DAN FRAME 1. TEORI DASAR FORM Form identik dengan formulir. Form sangat dibutuhkan pada saat
Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML
Perancangan & Pemprograman WEB Pertemuan 4 Materi Formulir &Latihan HTML Dasar Penggunaan Formulir Untuk membuat formulir maka kita menggunakan tag dan . Dua atribut yang umum digunakan pada
P - 6 Bab 4 : HTML (Hypertext Markup Language)
P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Table Tabel terdiri dari beberapa bagian, antara
HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>
![HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>](/thumbs/54/35215972.jpg "HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>")
HTML-FRAME 1 A. FRAME HTML Windows dalam browser yang dibagi menjadi beberapa windows disebut Frame. Model ini sering digunakan untuk lebih memperjelas penyajian informasi, dengan menu sajian selalu ditampilkan.
IV. Form. A. Pengenalan Form. B. HTML Input Element
IV. Form A. Pengenalan Form Kegunaan Form Berikut ini beberapa contoh kegunaan Form dalam web: memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan.
Pengantar E-Business dan E-Commerce
Pengantar E-Business dan E-Commerce Pertemuan Ke-10 (HTML Lanjut [2]) Noor Ifada [email protected] S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Form Frame Meta tag Entitas Karakter
FLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
P - 11 Bab 8 : PHP & HTML (Manipulasi Form)
P - 11 Bab 8 : PHP & HTML (Manipulasi Form) 8.1 Tujuan Mahasiswa mampu : Mengetahui dan Memahami Perbedaan Method POST & GET Mengetahui dan Memahami Manipulasi Form Mengetahui dan Memahami Pemisahan Form
Melewatkan Nilai ke Web Server melalui Field tersembunyi
Halaman 151-156 Chapter 3 HTML Form M.Ikhwan Bayu Handono 08018279/kelas A Melewatkan Nilai ke Web Server melalui Field tersembunyi Sebuah field tersembunyi, seperti namanya, adalah elemen yang bentuk
Sub Pokok Bahasan. Pemrograman Basis Data Berbasis Web. JavaScript? Javascript vs. Java? 28/09/ JavaScript
Sub Pokok Bahasan Pemrograman Basis Data Berbasis Web JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar pada JavaScript Kotak Dialog Variabel Operator Struktur Kontrol
HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
</select></font></p> </form> </body>... Hasil:
FORM Adalah Input/masukkan dari pengguna yang kemudian diproses untuk mendapatkan hasil yang diinginkan pengguna, proses penyimpanan, proses sunting atau edit, proses hapus dan browse..
Menangani Input dari User
Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni
BAB 1 PENGENALAN HTML
1 BAB 1 PENGENALAN HTML HyperText Markup Language (HTML) merupakan bahasa standar yang digunakan untuk membuat sebuah tampilan halaman website. Sesuai dengan namanya yaitu HyperText Markup Language (HTML)
HTML DOM. Pemrograman Web 1. Genap
HTML DOM Pemrograman Web 1 Genap 2011-2012 HTML DOM DOM, singkatan dari Document Object Model, adalah sebuah cross-platform dan sebuah bahasa independen untuk merepresentasikan dan berinteraksi dengan
Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1
![Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1](/thumbs/52/29877460.jpg "Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1")
Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Tabel Membuat tabel sederhana Menambahkan judul tabel Mengatur lebar dan tinggi suatu tabel Perataan dalam tabel Membuat warna pada
MENAMPILKAN FRAME FRAME
MENAMPILKAN FRAME FRAME digunakan untuk membagi window browser menjadi beberapa bagian window, sehingga dapat menampilkan beberapa file dalam window yang berbeda-beda Format Penulisan:
MODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 05 Form, Object Form, From
PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).
PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.
Membuat Pengisihan Borang (Form) dengan Pemrograman WEB
Modul 7 Membuat Pengisihan Borang (Form) dengan Pemrograman WEB I. Tujuan Mengenal, mengamati dan membuat ragam dialog Pengisihan Borang (Form) dengan Pemrograman WEB. II. Landasan Teori Beberapa contoh
Ikbal jamaludin
Ikbal jamaludin 085 2222 01644 Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL (uniform Resource Locator) lain bahkan dalam satu halaman untuk berpindah ke
Validasi Form. Contoh Validasi Form
Validasi Form Data yang dimasukkan melalui sebuah form rawan terhadap penyalahgunaan yang mengancam keamanan aplikasi web. Maka biasanya sebuah form dilengkapi dengan proses memeriksa setiap isian form
Pemrograman Web DASAR HTML 2
Pemrograman Web DASAR HTML 2 Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang
C. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
HTML.
HTML www.amikom.info HTML HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumendokumen web yang
KURSUS ONLINE JASA WEBMASTERS
KURSUS ONLINE JASA WEBMASTERS HTML FORM JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta FORM 9.1 Form Input HTML Form digunakan untuk mengumpulkan data dari user atau pengguna
Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )
MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML
HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom
HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom 1 DAFTAR ISI BAB I : PENGENALAN HTML... 1 A. Pengertian HTML... 1 B. Sejarah HTML... 3 C. Penggunaan HTML... 3 D. Strukture Documen HTML...4
Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: format teks Table Frame Form Hyperlink pada HTML Lanjut Format Teks Ada beberapa fasilitas tag yang dapat
4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. Checkbox B. Submit C. File D. Text E. Button
NAMA : KELAS/NoAbsensi : A. PILIHAN GANDA 1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a.
MODUL 7 JavaScript pada Form HTML
1 MODUL 7 JavaScript pada Form HTML A. TUJUAN 1. Mampu memahami konsep JavaScript pada HTML 2. Mampu memahami penggunaan JavaScript pada HTML 3. Mampu memproses form HTML menggunakan JavaScript B. PETUNJUK
MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form
MODUL 3 HTML (HyperText Mark-Up Language) Sub : Tabel & Form Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 3 3.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah
HTML (HYPERTEXT MARKUP LANGUAGE)
Hal yang harus dikuasai oleh seorang programmer adalah logika algoritma dan syntax pemrograman. Dalam satu bahasa pemrograman saja. Dijumpai begitu banyak syntax yang tentunya tidak mudah untuk dihapal
1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b
1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a. tr b. br c. td d.   e. &nsp jawaban :
Form identik dengan formulir
Oleh : Moh Sulhan Form identik dengan formulir Form sangat dibutuhkan pada saat kita mengizinkan/menginginkan adanya nilai (data) yang dipilih atau dimasukkan olehpengguna. Kapasitas dari form hanya menyediakan
Halaman Utama. Tampilan Menu. Universitas Sumatera Utara
Halaman Utama Tampilan Menu Tampilan Galeri Tampilan Admin Listing Program Halaman Utama
2011 Ahmad Amarullah
1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini
BAB 4 PERANCANGAN LAYAR
BAB 4 PERANCANGAN LAYAR 4.1 User Interface User Interface desaign adalah merupakan sebuah bagian dari bidang studi yang di sebut interaksi manusia dengan komputer. User interface merupakan bagian yang
Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form.
FORM DAN INPUT HTML Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Elemen/ TAG ini digunakan membatasi input.
PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom
PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks
POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
WEB DESAIN Pengenalan JavaScript Alfira Rizky Ayuputri 4103141039 3 D3 Multimedia Broadcasting B Dwi Susanto, S.ST, MT. D3 Teknologi Multimedia Broadcasting Departemen Multimedia Kreatif POLITEKNIK ELEKTRONIKA
PHP Penanganan Form. Overview. 15-Jan Jenis-jenis Form Form Validation. Tag <FORM> Atribut ACTION Atribut METHOD SUBMIT BUTTON
Overview Jenis-jenis Form Form Validation PHP Penanganan Form Acep Irham Gufroni, M.Eng. 1 Contoh Aplikasi Form Form Inputan Tag Atribut ACTION Atribut METHOD SUBMIT BUTTON Tag Atribut ACTION
Muhammad Zen Samsono Hadi, ST. MSc.
Penanganan Form Muhammad Zen Samsono Hadi, ST. MSc. On this slide Jenis-jenis Form Form Validation Contoh Aplikasi Form Form Inputan Tag Atribut ACTION Atribut t METHOD SUBMIT BUTTON Tag
HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.
HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs. Untuk belajar HTML dasar sebaiknya Anda ketikkan di Notepad. Bentuk umum:
PEMROGRAMAN WEB 09 JavaScript Lanjut
PEMROGRAMAN WEB 09 JavaScript Lanjut Andi WRE JavaScript Objects Object Based Programming language Setiap object dapat memiliki properti dan method Properti the values associated with an object Contoh
Modul Praktikum Pengantar Komputer dan Internet HTML (Hyper Text Markup Language)
Modul Praktikum Pengantar Komputer dan Internet HTML (Hyper Text Markup Language) PERHATIAN 1. Rajin Mencoba dan tak pantang menyerah dengan kegagalan 2. Membaca modul dan mencoba mempraktekannya dalam
BAB X AKSES DAN MANIPULASI DATA
BAB X AKSES DAN MANIPULASI DATA A. TUJUAN Memahami konsep dasar akses dan manipulasi data. Mampu mengintegrasikan aplikasi PHP dengan database MySQL. Mampu menghasilkan aplikasi web database untuk pengolahan
Pemrograman Web Berbasis Framework. Pertemuan 5 : Konsep MVC : View. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD
Pemrograman Web Berbasis Framework Pertemuan 5 : Konsep MVC : View Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD [email protected] Pokok Bahasan Pendahuluan Penanganan HTML Penanganan Form Penanganan
X/HTML5 Form. Auriza Akbar 25 Mei 2012
X/HTML5 Form Auriza Akbar [email protected] 25 Mei 2012 Form Form Komponen halaman web yang memiliki kontrol-kontrol formulir: text field, text area, button, radio button, checkbox, User dapat berinteraksi
Tutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di tanggal 7 Mei 2008
Tutorial HTML Oleh: Willy Bayuardi Suwarno, SP, MSi [email protected] Dipublikasi di http://willy.situshijau.co.id tanggal 7 Mei 2008 Artikel ini dapat digunakan dan disebarkan secara bebas, baik sebagian
Praktikum Pemrograman Lanjut Dasar WEB(1)
Praktikum Pemrograman Lanjut Dasar WEB(1) Praktikum 1 1. Di bawah ini adalah struktur dari dokumen HTML, buka Notepad kemudian ketikkan teks di bawah ini: contoh1.htm Kepala atau kop dokumen
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. Program dalam judul Sistem Informasi Geografis Obyek
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM 4.1 Spesifikasi Program Program dalam judul Sistem Informasi Geografis Obyek Pariwisata Alam di Kabupaten Merauke yang berbasis web ini adalah sebagai berikut.
Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.
Form Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web Tag
Bab 5 FORM. A. Maksud Dan Tujuan 1. Maksud
A. Maksud Dan Tujuan 1. Maksud Bab 5 FORM Menginputkan data menggunakan form dan membuat tombol dengan tag HTML Membuat halaman web terhubung dengan halaman lain (link) 2. Tujuan Mahasiswa dapat membuat
Form dan Variabel Oya Suryana
Hal. 1 Form dan Variabel Oya Suryana http://ozs.web.id Lisensi Dokumen: Copyright 2013 ozs.web.id Dokumen ini dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8
Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Oleh Angga Radhitya Rachmat, S.Kom [email protected] 0882 6801 9510 0819 5724 1619 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat
Pengembangan Web. Ramos Somya
Pengembangan Web Ramos Somya Java Script itu adalah bahasa pemrograman, yang sering digunakan untuk membangun halaman web, sehingga lebih interaktif. Seringkali digunakan buat hal2 seperti nampilin tanggal,
HTML5. HTML Links Link Images HTML Plug-ins HTML Youtube HTML Input HTML Input Attribute
Author : Minarni, S.Kom.,MM Mata Kuliah : Internet Multimedia Lanjut HTML5 HTML Links Link Images HTML Plug-ins HTML Youtube HTML Input HTML Input Attribute HTML5 HTML Links Link digunakan hampir di semua
FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri
FORMAT TEXT Tag Attribut Value Keterangan Body P (Paragraf) H (Heading) ol (Order List) ul (UnOrder List) Font marquee align RGB(red,green,blue) Kode Warna justify Memberikan warna terhadap background
Pemrograman Web Week 4. Team Teaching
Pemrograman Web Week 4 Team Teaching Peran Masing-masing Bahasa HTML => Mengatur Struktur CSS => Mengatur tampilan JSS => Mengatur interaktifitas Penggunaan Javascript Sama seperti pada CSS, ada 3 cara
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-11 (Aplikasi Web dgn PHP & MySQL) Noor Ifada [email protected] S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan Membuat Counter Membuat Guest
PEMROGRAMAN WEB 1 JavaScript Rio Andriyat Krisdiawan, M.Kom
PEMROGRAMAN WEB 1 JavaScript Rio Andriyat Krisdiawan, M.Kom Definisi JavaScript Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML. Java Script
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-11 (Aplikasi Web dengan PHP & MySQL) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan Membuat Counter Membuat Guest Book (Buku Tamu) Membuat
MODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan