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)
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 |
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;
}