Sunday, August 3, 2014

Membuat Gambar Sebagai Element Input

Membuat Gambar Sebagai Element Input

Sering kali diperlukan cara untuk memberikan informasi yang visual antara halaman html dengan para pengunjungnya. Misalnya saja kita dapat menampilkan ramalan cuaca dari kota tertentu saat pengunjung meng-klik posisi kota tersebut di peta.

Element input tipe gambar ini akan memberikan posisi yang di klik pada gambar dalam ukuran piksel. Posisi ini diukur relatif terhadap pojok kiri atas gambar.

Program :

<html>
<head>
    <title> UnlimitShared™ </title>
</head>

<body>
        <form>
        <input type="image" name="gambar" src="1.jpg"/>
      </form>
</body>

</html>

Output yang ditampilkan :

Jika kalian klik posisi gambar dimanapun makan yang akan berubah adalah letak X dan Y seperti rumus matematika yang pernah kita tahu. Mungkin penjelasan matematika dikit saja yah, karena saya tidak ngerti matematika. yuk simak gambar di bawah.

Perhatikan : gambar.x=689 & gambar.y=104

file:///D:/Data-data/Blogger/Gambar%20input/gambar.html?gambar.x=689&gambar.y=104

Jika kalian meng-klik dengan berpindah-pindah posisi maka gambar x & y akan berubah sesuai dengan posisi nya hanya nominal angka saja yang berubah. Element ini cocok untuk membuat lokasi peta.

Bagaimana sudah cukup jelas kah penjelasan penginputan gambar di HTML? kalau belum jelas bertanya saja pada saya. atau bisa belajar bareng jika saya ada waktu untuk kalian yang niat belajar menajadi programmer dan membuat website anda sendiri.