HTML, Membuat Progress Loading Bar Seperti Youtube atau Bukalapak.

Assalamualaikum, semoga dalam keadaan sehat selalu. Kali ini saya akan membahas bagaimana cara membuat progress loading bar seperti di youtube ataupun bukalapak. Apa itu progress loading bar? Saya jelaskan dengan penampakan dibawah ini saja ya. Itu loh yang garis berwarna merah berjalan saat membuka video ataupun konten.

youtube loading

Bagaimana cara membuatnya? Perhatikan langkah berikut ini.

  • Buka file html anda, copy dan paste script dibawah ini didalam <Head> disini </head> atau diatas tag <body>
 //<![CDATA[
var Nanobar = function () {
var c, d, e, f, g, h, k = { width: "100%", height: "3.5px", zIndex: 9999, top: "0" }, l = { width: 0, height: "100%", clear: "both", transition: "height .3s" }; c = function (a, b) { for (var c in b) a.style[c] = b[c]; a.style["float"] = "left" }; f = function () { var a = this, b = this.width - this.here; 0.1 > b && -0.1 < b ? (g.call(this, this.here), this.moving = !1, 100 == this.width && (this.el.style.height = 0, setTimeout(function () { a.cont.el.removeChild(a.el) }, 100))) : (g.call(this, this.width - b / 4), setTimeout(function () { a.go() }, 16)) }; g = function (a) {
this.width =
a; this.el.style.width = this.width + "%"
}; h = function () { var a = new d(this); this.bars.unshift(a) }; d = function (a) { this.el = document.createElement("div"); this.el.style.backgroundColor = a.opts.bg; this.here = this.width = 0; this.moving = !1; this.cont = a; c(this.el, l); a.el.appendChild(this.el) }; d.prototype.go = function (a) { a ? (this.here = a, this.moving || (this.moving = !0, f.call(this))) : this.moving && f.call(this) }; e = function (a) {
a = this.opts = a || {}; var b; a.bg = a.bg || "#db3131"; this.bars = []; b = this.el = document.createElement("div"); c(this.el,
k); a.id && (b.id = a.id); b.style.position = a.target ? "relative" : "fixed"; a.target ? a.target.insertBefore(b, a.target.firstChild) : document.getElementsByTagName("body")[0].appendChild(b); h.call(this)
}; e.prototype.go = function (a) { this.bars[0].go(a); 100 == a && h.call(this) }; return e
}();
var nanobar = new Nanobar(); nanobar.go(30); nanobar.go(60); nanobar.go(100);
//]]>

 

  • Jika ingin merubah ukurannya ubah nilai pada height: “3.5px” dan warna pada “#db3131”

Semoga bermanfaat dan terimakasih atas kunjungannya 🙂

 

Jika ada masalah hubungi admin melalui : Facebook | WA { +6285273357370 }

Advertisements

Cara memperbaiki jQuery Datepicker di ASP.NET Tidak Dapat Ditampilkan

date

Assalamualaikum, semoga masih dalam keadaan sehat selalu. Yang sakit semoga lekas sembuh, yang jomblo semoga cepat dapat jodoh. Kali ini saya akan membahas solusinya mengatasi jquery datepicker di ASP.NET tidak dapat digunakan atau ditampilkan.

Permasalahan utamanya adalah runat=”Server”. Sebelumnya saya akan membahas terlebih dahulu fungsi runat=”server” di ASP.NET. Runat=”server” merupakan sebuah atribut yang fungsinya sebagai penunjuk atribut yang harus diproses didalam server bisa dikatakan sebagai penghubung ke server dan database.

Berikut ini cara mengatasi datepicker jQuery tidak dapat ditampilkan atau digunakan jika dikombinasikan dengan runat=”server” di ASP.NET

Perhatikan id yang ada ti text input anda, jika id anda misal id=”tanggalLahir”

<asp:TextBox ID="tanggalLahir" runat="server"></asp:TextBox>

maka untuk pemanggilan jquery datepickernya ada setting seperti ini :

$("#<%= tanggalLahir.ClientID %>").datepicker()

atau bisa menggunakan cara seperti ini :

$("input[id*=tanggalLahir]").datepicker()

Semoga bermanfaat 🙂

Virus Nabilah JKT48 ” Menyerang !!! “

Virus ? Ya benar sekali, kali ini yang akan dibahas adalah virus komputer yang mengatas namakan salah satu personil girlband indonesia, siapa lagi kalau bukan nabila JKT48. Selanjutnya akan dibahas siapa yang membuat dan untuk apa tujuan dibuatnya ?. Virus ini ditemukan sekitar akhir bulan januari 2014. Awalnya virus ini menyebar melalui link di twitter yang tidak jelas keberadaan asal muasalnya. Seperti contoh

” Click New Followers => Azat Pacar FatinSL

Nah jika yang penasaran dan suka asal klik klik dan klik, maka secara tidak sadar link tersebut otomatis membuat twitt sendiri di twitter anda. Ini bertujuan supaya menjadi trending topic di twitter meskipun itu bohongan atau palsu.

Selanjutnya, virus ini merambah dan menyisipi film porno yang tidak tahu juga dimana keberadaannya. Ini bertujuan untuk membuat jera para BOKEPERS. Jika mendownload file film porno yang telah disisipi dengan virus NabilaJKT48, dan memutarnya melalui windows media player semua versi dan semua aplikasi pemutar video, maka akan muncul pesan

Nabilah Ngga Suka Kamu Punya File-File Jorok dan Nggak Penting. Kalo Kamu Masih Buka File-File Itu Lagi Nabilah Kasih Jurus Heavy Rotation Lagi. Biar Cursor Mouse Kamu Gerak-Gerak Sendiri

12

Jika anda menggunakan antivirus apa saja baik itu online maupun offline akan terdeteksi sebagai virus. Ketika anda hendak menghapusnya maka akan muncul pesan kembali seperti gambar dibawah ini.

13

Semakin dihapus semakin sering muncul seperti pesan-pesan diatas. Untuk menghapusnya tiada kata lain harus menginstall ulang system operasi di laptop/komputer anda. Nah bagi siapa saja yang suka asal main comot film porno berhati-hati komputer anda merasakan yang beginian. Virus ini dibuat menggunakan struktur bahasa pemograman visual basic(VB), untuk versi visual basicnya belum diketahui. Dan siapa pembuatnya? pembuatnya adalah orang asli indonesia dan bukan KW ahaha.

Semoga bermanfaat 🙂

Cara Validasi TextBox Huruf Besar di Visual Basic 2010

Salam tempel ngoding…..

Sesuai judul postingan diatas, kali ini saya akan membahas bagaimana caranya membuat huruf besar semua ketika input data secara otomatis tanpa menekan tombol caps lock di keyboard. Validasi ini bertujuan untuk menyeragamkan dalam pengisian TextBox Pada Form Visual Basic 2010. Selain itu nantinya di database kelihatan rapi, terkadang pengguna menginputkan data menggunakan huruf kecil maupun huruf besar, maka di database pun sususan kurang rapi. Bagaimana membuatnya? monggo disimak…

1. Pastikan anda sudah membuat textboxnya, sebagai contoh seperti dibawah ini

input

2. Pastikan textbox anda dalam keadan terpilih atau terseleksi, lalu menuju window properties (F4). Dipojok kanan bawah anda akan muncul seperti gambar dibawah ini. Lakukan seperti gambar yang dilingkari merah.

properties vb 2010

3. Selanjutnya jalankan programnya(F5). Hasil seperti gambar dibawah ini

tampilan

cukup mudah bukan?, semoga bermanfaat dan membantu

 

Aplikasi Penjualan Menggunakan Visual Basic di Microsoft Visual Studio 2012

Sudah lama gak ngeblog ini, dikarenakan banyak kesibukan mahasiswa akhir. Sebelumnya terimakasih yang selama ini masih setia mengunjungi blog ini. Dalam postingan kali ini akan membahas pembuatan aplikasi penjualan menggunakan microsoft visual studio. Disarankan dalama pembuatannya menggunakan Visual Studio 2012 keatas versinya. Disini akan membahas aplikasi yang berhubungan dengan koperasi penjualan pupuk.

1. Langsung buka microsoft visual studio 2012nya, yang belum punya silahkan download langsung di Microsoft Visual Studio
2. Pilih File >> New Project, Pilih Visual Basic >>Windows  Form Application, beri nama project sesuai keinginan
vs1
3. Buat tampilan form seperti dibawah ini
vs
4. Pada button hitung double clik, dan ketik script code dibawah ini
vs2
5. Dan sama seperti langkah no.4, pada button clear ketik script code seperti dibawah ini
vs3
6. Pada button Exit
vs4
7. Jika sudah selesai lakukan ujicoba atau run program, dengan menekan tombol F5 pada keyboard anda. Maka Hasilnya seperti gambar dibawah ini
VS5
Sekian postingan saya, semoga bermanfaat
Apa bila ada kesalahan harap komentar, atau kirim komentar anda melalui email prameko41@gmail.com