Browser-Update.org

Personnaliser et tester

Tester le script

Si vous ouvrez votre site internet avec #test-bu ajouté à l'URL, la barre s'afichera toujours. Exemple: http://browser-update.org/#test-bu. Assurez-vous que la page est correctement rechargé en ouvrant l'URL dans un nouvel onglet.

Options

Les options suivantes peuvent être passées au script :

var $buoop = {
    vs: {i:6,f:2,o:9.63,s:2,n:10},  // versions de navigateur à notifier
    reminder: 24,                   // le message réapparaîtra avec combien d'heures
                                    // 0 = toujours afficher
    onshow: function(infos){},      // fonction de rappel quand la barre réapparaît

    l: false,                       // indique la langue du message, ex. "fr"
                                    // redéfini la détection par défaut
    test: false,                    // true = affiche toujours la barre (pour les tests)
    text: "",                       // notification personnalitée en HTML
    newwindow: false                // ouvre le lien dans un nouvel onglet/fenêtre
}

Editer la CSS

Les règles CSS suivantes sont utilisées par le script. Vous pouvez redéfinir votre propre CSS. Pour ce faire, vous devez ajouter des règles plus spécifiques: ex. 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;
}