Ha a weboldalt a #test-bu
hozzáírásával nyitja meg, az értesítés mindenképp megjelenik. Például: http://browser-update.org/#test-bu
. Győződjön meg róla, hogy az oldal helyesen töltött be azzal, hogy új ablakban nyitja meg!
Az alábbi beállítások állíthatók be a programkódhoz
$buoop = {
required: {i:8,f:25,o:17,s:9,c:22},
// Megadja a szükséges böngésző verzióját
// Az ennél régebbi böngészők lesznek értesítve.
// f:22 ---> Firefox < 22 értesítést kap
// A negatív számok jelzik hány verzióval van lemaradva a legfrissebb mögött.
// c:-5 ---> Chrome < 35 értesítést kap ha a Chrome verzió száma 40.
// részletek (angolul)
reminder: 24,
// hány órával később jelenjen meg újra az üzenet
// 0 = mindig mutassa
reminderClosed: 150,
// ha a felhasználó kifejezetten bezárja az üzenetet, akkor x óra után ismét megjelenik
onshow: function(infos){},
onclick: function(infos){},
onclose: function(infos){},
// callback function ha a figyelmeztető üzenet megjelent / rákattintottak / bezárták
l: false,
// beállít egy adott nyelvet, például "en". Ez felülírja az automatikusan nyelv kiválasztást.
test: false,
// true = mindig mutassa az értesítési sávot (teszteléshez)
text: "",
// egyedi figyelmeztető üzenet (html)
// A {brow_name} mező a böngésző nevével lesz behelyettesítve, az {up_but} mező a frissítési információkat tartalmazó weboldal elérésével, és az {ignore_but} mező a frissítést elutasító információkat tartalmazó weboldal elérésével.
// Például: A böngésződ {brow_name} nagyon elavúlt: <a{up_but}>frissítés</a> vagy <a{ignore_but}>mégse</a>.
text_xx: "",
// egyedi figyelmeztető üzenet "xx" nyelvhez
// például text_de német nyelvhez és text_it olasz nyelvhez
newwindow: true,
// link megnyitása új ablakban/lapon
url: null,
// a figyelmeztető üzentre való kattintás után megjelenői webhely elérése
noclose:false,
// Ne mutassa az értesítés bezárására szolgáló gombot
nomessage: false,
// Ne jelenjen meg az üzenet elavult böngésző esetén, csak hívd meg az onshow callback funkciót
jsshowurl: "//browser-update.org/update.show.min.js",
// Annak a szkriptnek az URL-je, amely megjeleníti a figyelmeztető üzenetet. Ez csak akkor töltődik be ha a felhasználó elavult böngészőt használ.
container: document.body,
// A DOM element helye ahová az értesítés kerül.
no_permanent_hide: false
// Ne adjon lehetőséget a felhasználónak, hogy véglegesen eltüntesse az értesítést
api: xxx
// Ez a browser-update api verziója. Kérlek ne távolítsd el.
};
Paraméter | Leírás | Értékek | Alapértelmezett érték | Típus |
---|---|---|---|---|
style |
A figyelmeztető üzenet megjelenésének lehetséges helye. Elérhető lehetőségek: "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 |
A következő CSS szabályok vannak alkalmazva az megjelenő üzeneten. Ezeket felülírhatod a saját CSS szabályaiddal.
Ehhez hozzá kell adnod egyedi CSS szabályokat. példa:
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;
}