Browser-Update.org

Dostosuj i przetestuj

Przetestuj skrypt

Jeśli otworzysz swoją stronę z wyrażeniem #test-bu dołączonym do adresu URL, pasek z komunikatem będzie się zawsze pojawiał. Przykład: http://browser-update.org/#test-bu. Upewnij się, że strona jest prawidłowo ponownie załadowana otwierając ją w nowej karcie przeglądarki.

Ustawienia

W skrypcie można zdefiniować następujące ustawienia:

var $buoop = {
    vs: {i:6,f:2,o:9.63,s:2,n:10},  // wersje przeglądarek, dla których ma pojawiać się pasek z komunikatem
    reminder: 24,                   // po ilu godzinach komunikat powinien się ponownie wyświetlić
                                    // 0 = pokazuj cały czas
    onshow: function(infos){},      // wywołanie zwrotne (callback) uruchamiane po pojawieniu się paska z komunikatem

    l: false,                       // określenie języka komunikatu, np. "pl"
                                    // nadpisuje domyślne ustawienia
    test: false,                    // true = zawsze pokazuje pasek z komunikatem (na potrzeby testowania)
    text: "",                       // określenie własnej treści komunikatu w języku HTML
    newwindow: false                // otwórz link w nowym oknie lub w nowej karcie
}

Edycja CSS

Skrypt definiuje niżej wymienione style CSS. Możesz je zmienić, edytując swój arkusz styli CSS. Żeby to zrobić musisz zastosować zawężone selektory stylów, np. 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;
}