Browser-Update.org

Foydalanuvchilarning veb-brauzerlarini yangilashlari kerakligi haqida ogohlantiruvchi kichik kengaytma

Moslashtiring va sinab ko'ring

Scriptni sinab ko'ring

Agar veb-saytingizni URL-ga qo'shilgan #test-bu -ni ochsangiz, satr doimo ko'rsatiladi. Masalan: http://browser-update.org/#test-bu . Sahifani URL-ni yangi brauzer yorlig'ida ochib, to'g'ri yuklanganiga ishonch hosil qiling. batafsil ma'lumot (o'zbek tilida)

Sozlash

Quyidagi variantlarni skriptga o'tkazish mumkin:

$buoop = {
    required: {i:8,f:25,o:17,s:9,c:22},
    // Kerakli brauzer versiyalarini belgilaydi
    // Bundan kattaroq brauzerlar xabardor qilinadi.
    // f:22 ---> Firefox < 22 xabardor qilinadi
    // Salbiy raqamlar hozirgi versiyaning orqasida qancha versiya borligini ko'rsatadi.
    // c:-5 ---> Chrome < 35  Chrome brauzerining so'nggi versiyasi 40 bo'lsa, bu haqida xabardor qilinadi.
    // batafsil ma'lumot (o'zbek tilida)
    
    reminder: 24,
    // Eslatma necha soatdan keyin paydo bo'lishi kerak
    // 0 = har doim ko'rsatish

    reminderClosed: 150,
    // agar foydalanuvchi "E'tibor bermaslik" ni bossa , u "x" soatdan keyin yana paydo bo'ladi

    onshow: function(infos){},
    onclick: function(infos){},
    onclose: function(infos){},
    // callback functions / bosilgan / yopilganidan keyin qo'ng'iroqni qaytarish funktsiyalari

    l: false,
    // xabar uchun sobit tilni o'rnatish, masalan. "uz". Bu standart aniqlashni bekor qiladi.

    test: false,
    // true = har doim panelni ko'rsatish (test holatida)

    text: "",
    // xabarnoma matni (html)
    // Joylashtiruvchilar {brow_name} brauzer nomi bilan almashtiriladi, {up_but} yangilash havolasi yorlig'i va {ignore_but} - e'tiborga olinmagan havola uchun tarkib.
    // Masalan: "Sizning brauzeringiz, {brow_name}, juda eski: siz  yangilashingiz  yoki  e'tibor bermasligingiz  mumkin."
    // batafsil ma'lumot (o'zbek tilida)

    text_in_xx: "",
    // "xx" tili uchun maxsus xabarnoma matni
    // masalan nemis tili uchun text_de va italyan uchun text_it, o'zbek tili uchun text_uz

    newwindow: true,
    // yangi oynada ochish / o'zi turgan sahifada havolani ochish

    url: null,
    // bildirishnomani bosgandan so'ng url-ga o'tish

    noclose:false,
    // Bildirishnomani yopish uchun "e'tibor bermaslik" tugmasini ko'rsatmang

    nomessage: false,
    // Brauzeringiz eskirgan bo'lsa, xabarni ko'rsatmang, onshow callback funktsiyasini chaqiring

    jsshowurl: "//browser-update.org/update.show.min.js",
    // Bildirishnomani ko'rsatadigan skript joylashgan manzil. Agar foydalanuvchi brauzeri eskirgan bo'lsa, shu sahifaga yo'naltiriladi.

    container: document.body,
    // DOM elementi, bu yerda xabarnoma yuboriladi.

    no_permanent_hide: false
    // Foydalanuvchiga xabarnomani butunlay yashirish imkoniyatini bermang

    api: xxx
    // Bu foydalanish uchun brauzerni yangilash api versiyasi. Iltimos, olib tashlamang.

};
Parameter Ta'rif Qiymati Odatiy qiymat Turi
style Bildirishnoma ko'rsatiladigan joy. Mavjud variantlar: "top", "bottom", "corner" "top", "bottom", "corner" "top" string
shift_page_down Shift down the page in order not to obscure content behind the notification bar. Adds margin-top to the <body> tag. true, false true boolean
notify_esr Also notify Firefox ESR (Extended Support releases) versions if they are below requirement - although they are still supported. Default is to not notify them. They are supported by mozilla for about a year after their initial release. true, false false boolean
text xabarnoma matni (html)
batafsil ma'lumot (o'zbek tilida)
text: { 'msg':'Your web browser ({brow_name}) is out of date.', 'msgmore': 'Update your browser for...', 'bupdate': 'Update browser', 'bignore': 'Ignore', 'remind': 'You will be reminded in {days} days.', 'bnever': 'Never show again' } dictionary or string
text_for_x custom notification text for browser x
batafsil ma'lumot (o'zbek tilida)
undefined dictionary or string
text_in_xx "xx" tili uchun maxsus xabarnoma matni
masalan nemis tili uchun text_de va italyan uchun text_it, o'zbek tili uchun text_uz
batafsil ma'lumot (o'zbek tilida)
undefined dictionary or string
text_for_x_in_xx custom notification text for browser x in language xx
text_for_i: {'msg':'Internet Explorer is not supported on this site.'}
undefined dictionary or string
nostatistics For every 1000th visitor anonymous statistics on the used browser are collected.
Turns off sending anonymous statistics.
true, false false boolean

Uslubni o'zgartiring

Quyidagi CSS kodlar xabarnomada qo'llaniladi. Siz ularni o'zingizning CSS-da qayta yozishingiz mumkin. Buni amalga oshirish uchun siz css-kodlariga biroz o'ziga xoslik qo'shishingiz kerak: masalan. body .buorg {font-size:20px}



    .buorg {
        position: absolute;
        position: fixed;
        z-index: 111111;
        width: 100%;
        top: 0px;
        left: 0px;
        border-bottom: 1px solid #A29330;
        text-align: center;
        color: #000;
        background-color: #fff8ea;
        font: 18px Calibri, Helvetica, sans-serif;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        animation: 1s ease-out 0s buorgfly
    }

    .buorg-pad {
        padding: 9px;
        line-height: 1.7em;
    }

    .buorg-buttons {
        display: block;
        text-align: center;
    }

    #buorgig, #buorgul, #buorgpermanent {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
        padding: 1px 10px;
        border-radius: 4px;
        font-weight: normal;
        background: #5ab400;
        white-space: nowrap;
        margin: 0 2px;
        display: inline-block;
    }

    #buorgig {
        background-color: #edbc68;
    }

    @media only screen and (max-width: 700px) {
        .buorg div {
            padding: 5px 12px 5px 9px;
            line-height: 1.3em;
        }
    }

    @keyframes buorgfly {
        from {
            opacity: 0;
            transform: translateY(-50px)
        }
        to {
            opacity: 1;
            transform: translateY(0px)
        }
    }

    .buorg-fadeout {
        transition: visibility 0s 8.5s, opacity 8s ease-out .5s;
    }

    .buorg-icon {
        width: 22px;
        height: 16px;
        vertical-align: middle;
        position: relative;
        top: -0.05em;
        display: inline-block;
        background: no-repeat 0px center;
    }