Browser-Update.org

Aanpassen en testen

Test het script

Als je de website opent met #test-bu achter de url, dan wordt de balk altijd getoond. Voorbeeld: http://browser-update.org/#test-bu. Zorg er voor dat de pagina correct worden herladen door de url te openen in een nieuwe browser tab.

Opties

De volgende opties kun je doorgeven aan het script:

var $buoop = {
    vs: {i:6,f:2,o:9.63,s:2,n:10},  // browser versies die een melding moeten geven
    reminder: 24,                   // na hoeveel uur de melding weer moet verschijnen
                                    // 0 = continu tonen
    onshow: function(infos){},      // callback functie als de balk getoond is

    l: false,                       // zet de taal voor de melding, bijvoorbeeld "nl"
                                    // overruled de standaard detectie
    test: false,                    // true = toont de balk altijd (om te testen)
    text: "",                       // aangepaste html melding 
    newwindow: false                // open link in nieuw venster/tab
}

Bewerk de CSS

De volgende CSS regels worden toegepast door het script. Je kunt ze overschrijven met je eigen CSS door eigen specifiekere regels toe te voegen, bijvoorbeeld body .buorg {font-size:20px}

.buorg {
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    border-bottom:1px solid #A29330;
    background:#FDF2AB no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif);\
    text-align:left;
    cursor:pointer;
    font-family: Arial,Helvetica,sans-serif; color:#000;
    font-size: 12px;
}
.buorg div {
    padding:5px 36px 5px 40px;
}
.buorg a {
    color:#E25600;
}
#buorgclose {
    position: absolute;
    right: .5em;
    top:.2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size:14px;
    padding:0;
}