Dalam artikel kali
ini saya akan membahas tentang teknologi yaitu dalam bahasa pemrograman JQuery
membuat minimaze dan
maximaze message box, pengertian jQuery sendiri ialah
sebuah library JavaScript. Dalam dunia pemrograman, library adalah kumpulan
dari berbagai fungsi 'siap pakai' untuk memudahkan pembuatan sebuah aplikasi.
Dengan demikian, jQuery adalah
kumpulan fungsi-fungsi JavaScript yang memudahkan penulisan kode JavaScript.
Sudah tau kan tombol minimize dan maximize ? hayo pasti ada
yang belum tau, tombol itu hampir dimiliki semua software ataupun aplikasi
komputer lainnya. Terus apa fungsi Minimaze dan maximize??
Fungsinya untuk memperkecil jendela
message box sehingga membentuk icon aktif pada taskbar, sedangkan Maximaze
adalah untuk memperbesar jendela message box sehingga terlihat dalam satu layar
penuh.
Langsung
saja saya perlihatkan hasilnya yang udah discreenshoot:
1. Gambar yang dibawah ini contoh dari hasil diklik button minimaze
2. Jika gambar kedua ini contoh dari hasil diklik button maximaze
Terus gimana tentang Sintaqnya????
Yang pertama copaskan sintaq dibawah ini terus simpan di notepad dengan pemberian nama .html
Contohnya Tugas_hani.html
Ini sintaqnya:
<!DOCTYPE html>
<html>
<head>
<title>Minimize dan maximize messagebox</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="stylesheet" type="text/css" href="hani.css"/>
<script src="hariyanto.js"></script>
<style>
div.controls {
margin: 0px 10px;
font-size: 14px;
font-family: Tahoma;
color: #404040;
height: 80px;
}
div#winVP {
position: relative;
height: 350px;
border: #a4bed4 1px solid;
border-radius: 2px;
margin: 10px;
}
</style>
<script>
var dhxWins, w1;
function doOnLoad() {
dhxWins = new dhtmlXWindows();
dhxWins.attachViewportTo("winVP");
w1 = dhxWins.createWindow("w1", 20, 30, 320, 200);
w1.setText("Minimize dan maximize messagebox");
w1.button("close").disable();
}
function minmaxWindow(id, mode) {
if (mode == true) {
dhxWins.window(id).maximize();
} else {
dhxWins.window(id).minimize();
}
}
function doOnUnload() {
if (dhxWins != null && dhxWins.unload != null) {
dhxWins.unload();
dhxWins = w1 = null;
}
}
</script>
</head>
<body onload="doOnLoad();" onunload="doOnUnload();">
<div id="winVP"></div>
<div class="controls">
Silahkan Klik Button Yang Disediakan <input type="button" value="maximize" onclick="minmaxWindow('w1', true);"> <input type="button" value="minimize" onclick="minmaxWindow('w1', false);"><br>
</div>
</body>
</html>
Setelah itu tambahkan
file .js dan .css di satu folder dengan file html
Sekian Tutor dari saya
JQUERY MEMBUAT MINIMAZE DAN MAXIMAZE MESSAGE BOX
Reviewed by Unknown
on
September 24, 2017
Rating:
Reviewed by Unknown
on
September 24, 2017
Rating:
No comments: