Tampilkan postingan dengan label CSS / Bootstrap. Tampilkan semua postingan
Jumat, 21 Agustus 2015
Belajar Jquery Dasar Form Event Merubah Data Dengan .Change
Tidak ada komentar
:
Label:
CSS / Bootstrap
,
Jquery
Belajar Jquery Dasar Form Event Merubah Data Dengan .Change
Jaka Prima Maulana |
| Gambar Hasil Tutorial |
Selamat datang Pengunjung Primasaja.com,
Hari ini kita akan membahas mengenai " Belajar Jquery Form Event Merubah Data Dengan .Change " tutorial kali ini kita akan mencoba penggunaan event change yang berfungsi untuk mengirim ke element ketika value atau nilainya berubah, untuk lebih jelasnya langsung saja kita praktekkan.
HTML
- pertama - tama buat dahulu script seperti berikut :
<html>
<head>
<title>Tutorial Jquery Form .Change PrimaSaja.com</title>
</head>
<body>
<select class="menu" multiple>
<option selected>Nasi Goreng</option>
<option >Nasi Bebek</option>
<option selected>Sate</option>
<option>Mie Ayam</option>
<option >Baso</option>
</select>
<br>
tekan ctrl dan pilih untuk memilih lebih dari satu
<br>
pilihan menu anda adalah <div class="berubah"> </div>
</body>
</html>
- jika sudah lalu masukkan library jquery anda dapat mendapatkannya disini
- lalu taruh diantara head
<head>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
- lalu buat javascript seperti berikut tepat diatas </body>
<script type="text/javascript>
$(".menu").change(function(){
var a = "";
$(".menu option:selected").each(function(){
a += $(this).text() + " ";
});
$(".berubah").text(a);
})
.change();
</script>
- itu adalah akhirnya baik silahkan test tutorial jquery tersebut.
Selasa, 16 Juni 2015
Cara Membuat Button Bootstrap Style Dengan Kode Sendiri
Cara Membuat Button Bootstrap Style Dengan Kode Sendiri
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
tutorial primasaja.com kali ini admin akan membuat design button seperti button bootstrap dengan kode variabel kata bahasa indonesia untuk mempermudah pembuat website dalam memanggil style bootstrap button dengan bahasa indonesia di bootstrap button berwarna merah ini dapat dipanggil atau dipakai dengan memanggail .btn-danger sekarang kita akan bereksperiment dengan memanggil dengan variabel tombol-merah-bootstrap berikut langkah - langkahnya
1. buat file dengan format HTML, ataupun PHP terserah anda
2. di antara <head></head> buat script seperti berikut
<style>
.tombol-merah-bootrap {
color: #fff; /*warna huruf*/
background-color: #d9534f; /*warna merah*/
border-color: #d43f3a; /*warna garis tepi*/
display: inline-block; /*pengaturan display penempatan button */
padding: 6px 12px; /*pengaturan penempatan text didalam button*/
margin-bottom: 0; /*pengaturan lokasi button*/
font-size: 14px; /*ukuran huruf*/
line-height: 1.42857143; /*line ketinggian*/
text-align: center; /*penempatan teks ditengah button*/
white-space: nowrap;
vertical-align: middle; /*pengaturan text posisi tengah dari sisi vertikal*/
-ms-touch-action: manipulation;
touch-action: manipulation; /*ketika button tersentuh*/
cursor: pointer;/*pointer kursor*/
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
</style>
2. lalu panggil button di bagian <body> panggil disini </body> dengan menggunakan Button Class seperti diberikut :
1. Untuk HTML
<div > <button class="tombol-merah-bootstrap"> Tutorial primasaja.com</button> </div>
2. Untuk Framework
$buttoncddaftar = array('class' => 'tombol-merah-bootstrap',
'value' => 'Tutorial Primasaja.com',
);
echo "<p>";
echo form_submit($buttoncddaftar);
echo "</p>";
sekian tutorial singkat dari saya tunggu tutorial berikutnya
Langganan:
Postingan
(
Atom
)
