Skip to main content

Bootstrap popover stay on hover

Jadi ceritanya tadi nyari-nyari snippet buat nampilin content dari bootstrap popover dan tetep tampil apabila hover on contentnya juga, kira2 begini caranya :


        $('.pin').each(function() {
            $(this).popover({
                html: true,
                trigger: 'manual',
                placement: 'bottom',
                content: function() {
                    var data = $(this).attr('class');
                    var tooltip = data.split(" ");
                    var country = tooltip[2];
                    return $('dd.'+country).html();
                }
            }).hover(function() {
                if(isVisible & hoverAway) {
                    $('.popover').hide();
                    isVisible = false;
                    hoverAway = false;
                }
                $(this).popover('show');
                isVisible = true;
            },function() {
                hoverAway = true;
            });
        });


Intinya sih, tiap kali kita mouseover kasih flag kalo popup sudah tampil dan tiap kali mouseout kasih flag kalo kita sudah hover out dari content dan element html tempat kita hover, kemudian ketika hover di element lain, cek lagi apakah kedua flag tersebut aktif, bila iya maka sembunyikan semua popover yang aktif dan tampilkan popover yg sekarang... gak ngerti maksudnya? ya gpp, saya emang ga bakat bikin penjelasan tertulis... \(^0^)/

Comments

Popular posts from this blog

Ingat Dia

entahh.. kenapa tiba2 pagi2 buta gw ingat sama dia, sepupuku yang cantik, baik, pinter, suaranya oke... nggak ngerti kenapa tiba2 jadi inget.. sudah 4 tahun yang lalu dia kembali pulang ke Rumah Bapa, waktu itu dia sakit sempat berobat untuk beberapa lama tapi Tuhan ingin dia cepat pulang... inget banget waktu rame2 nunggu dia pulang ke rumahnya waktu dia baru balik dari rumah sakit, keluar dari rumah sakit nambah montok :D.. ngumpul2 dirumahnya menyambut kedatangan dia di rumahnya... rame banget.. keluarga pada ngumpul.. wah seneng dahh tapi dia masuk lagi ke rumah sakit.. bolak-balik kerumah sakit.. sampai waktu ngejenguk lagi.. di RSPP, nggak tega ngeliatnya.. infusnya banyak, dia jadi kurus... Tuhan akhirnya menjemput dia pulang... walaupun dia cepat pergi tetapi kenangan dia selama hidup takkan cepat hilang dari ingatan kami semua yang mengenalnya... Like A Comet Blazing 'Cross The Evening Sky Gone Too Soon Like A Rainbow Fading In The Twinkling Of An Eye Gone Too Soon Shiny A

Ello - Gak Kayak Mantanmu

Aku bukanlah orang yang punya harta berlimpah Aku hanyalah orang yang biasa-biasa saja Tapi aku selalu setia padamu Dan aku selalu jujur kepadamu Gak kayak mantanmu yang selalu menyakitimu Gak pernah mau ngurusin kamu Bohongin kamu, curangin kamu Gak peduli perasaanmu Aku bukan dia Lupakan saja semua janji-janji manisnya Hilangkan saja semua kenangan bersamanya Kini ada aku yang setia padamu Kini ada aku yang cinta padamu Gak kayak mantanmu yang selalu menyakitimu Gak pernah mau ngurusin kamu Bohongin kamu, curangin kamu Gak peduli perasaanmu Mengapa kau masih terbayang olehnya Sampai kapan aku menunggumu Gak kayak mantanmu yang selalu menyakitimu Gak pernah mau ngurusin kamu Bohongin kamu, curangin kamu Gak peduli perasaanmu Yang selalu menyakitimu Gak pernah mau ngurusin kamu Bohongin kamu, curangin kamu Gak peduli perasaanmu

Bikin Search Log

Pertama-tama untuk "menambal" kebutuhan atasan saya, saya membuat search log sederhana :). Search Log(SL -red) ini tujuannya menyimpan kata-kata yang disearch oleh pengunjung situs, pada SL versi ini hanya menyimpan kata-kata, halaman tempat pencarian dan banyaknya jumlah kata tersebut dicari. Jadi bisa dilihat bahwa pada SL versi awal ini tidak bisa difilter perbulan maupun pertahun, tapi cukuplah untuk "menambal" kebutuhan atasan saya :). Untuk sementara berikut merupakan struktur table dari SL versi awal ini : Berikut merupakan screenshot dari halaman SL : yupp.. sampai disini dulu, skrip untuk SL versi ini bisa di download disini NB : - Saran dan Kritik dipersilahkan