Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Membuat frame dalam javascript
Pertemuan ke 13 Membuat frame dalam javascript
2
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
3
<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>
4
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
5
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>
6
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>
7
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> <a href="unikom.ac.id"> </strong></p> </center> </body> </html>
Presentasi serupa
