Membuat frame dalam javascript 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 = "pic1.gif“(tergantung format gambar) artinya membuat objek image dengan isinya adalah image pic1.gif
<html> <head> <script language="javascript" type="text/javascript"> no=1; img1 = new Image (); img1.src = "jadi.gif"; img2 = new Image (); img2.src = "gif.gif"; img3 = new Image (); img3.src = "animated-autumn-leaves-bkgrd1.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="JavaScript:slideshow(-1)">Previous</a> <a href="JavaScript: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 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="JavaScript“ 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> <h1>Halaman ini dengan menggunakan</h1> <h1>Frame</h1> <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>