Pertemuan ke 13 Membuat frame dalam javascript Manipulasi
Pertemuan ke 13 Membuat frame dalam javascript
Manipulasi gambar � Agar kita dapat melakukan manipulasi gambar maka image tersebut harus kita buat menjadi objek. Untuk membuat objek tersebut pendeklarasiannya adalah sebagai berikut : � namavariabel= new Image () � namavariabel. src = "pic 1. gif“(tergantung format gambar) � artinya membuat objek image dengan isinya adalah image pic 1. gif
<html> <head> <script language="javascript" type="text/javascript"> no=1; img 1 = new Image (); img 1. src = "jadi. gif"; img 2 = new Image (); img 2. src = "gif. gif"; img 3 = new Image (); img 3. src = "animated-autumn-leaves-bkgrd 1. gif" ; function slideshow(x){ no=no+x; if (no==4) {no=1; } if (no==0) {no=3; } document. gambar. src=eval("img"+no+". src"); } </script> <center> <img S="epibesdaydear. gif" name="gambar" BORDER=0 height="200" width="150"><p> <a href="Java. Script: slideshow(-1)">Previous</a> <a href="Java. Script: slideshow(1)">Next</a> </center></body></html>
frame � Frame cols=untuk membuat frame terbagi menjadi beberapa kolom � Frame rows=untuk membuat frame terbagi menjadi beberapa baris � Frame campuran=untuk membuat frame terbagi menjadi beberapa kolom dan baris � Frame navigasi=untuk membuat frame yang akan dilinkkan kebagian yang dijadikan target
Buat nama dengan frame. html <html> <head> <title>Latihan Frame</title> </head> <frameset cols="20%, *"> <frame src="kiri. html" name=“kiri"> <frame src="kanan. html" name=“kanan"> </frameset> </html>
Kiri. html <html> <head> <title>Latihan Frame-Menu</title> </head> <body bgcolor="lightgreen"> <script language="Java. Script“ type=“text/javascript”> function menu() { if(document. x. pilih. checked==true) pilihan="asal. HTML"; parent. kanan. location. href=pilihan; } </script> <p>Pilih latihan Dibawah Ini</p> <form name="x"> <p><input type="radio" checked name="pilih" value="0">Manipulasi Gambar</p> <p><input type="button" onclick="menu()" value="tampilkan"> </form> </body> </html>
kanan. html <html> <body bgcolor="pink"> <center> <h 1>Halaman ini dengan menggunakan</h 1> <h 1>Frame</h 1> <p><strong>Design By andris sahata</strong></p> <p><strong>Email : <a href="unikom. ac. id"> cuteman_takezawa@yahoo. co. id</a> </strong></p> </center> </body> </html>
- Slides: 7