Insérer un bouton de vérification de disponibilité d'un site web (up ou down)

[Dart-WoD2]

Bonjour bonjour, alors je vous exprime le problème en essayant d'être concis !

Je gère une petite communauté, et notre jeu en ligne est dépendant d'une plateforme externe qui gère le-dit mode en ligne (GGPO pour ceux qui connaissent)

Sauf que on se rend pas forcement compte au 1er coup d’œil que la plateforme est down, vu que rien ne nous le dit (il faut se rendre sur le forum http://ggpo.net/forums/index.php pour voir que celui-ci est aussi down et donc comprendre que c'est foutu !)

Pendant ce Down on à donc d'autre choix que de spam F5 pour voir quand celui-ci redémarre.

Je voudrais donc insérer un petit code (javascript me semble t'il, je n'y connais pas grand chose) qui ferais office de check permanent (comme certains site le proposent avec une alerte mail en cas de crash, sauf que je voudrais un truc que tout les membres voient, une ligne de texte qui change ou un "GGPO est actuellement ONLINE/OFFLINE" ou une image du style)

Voila voila je sais pas si quelqu'un pourra m'aider mais se serait un grand plaisir pour ma communauté

[Wave]

Bonjour,

Ce code permet de vérifier si le site en question est hors-ligne:

JS:

Code:

$(function() {var url="http://ggpo.net/forums/index.php";
    var script = document.body.appendChild(document.createElement("script"));
    script.onload = function()
    {
        $('.label').addClass('success').text('En ligne');
    };
    script.onerror = function()
    {
        $('.label').addClass('error').text('Hors ligne');
    };
    script.src = url;

});

Html:

Code:

<span class="label">Vérification...</span>
<style>
  .label {
background: orange;
color: #fff;
padding: 5px;
border-radius: 3px;
display: inline-block;
text-shadow: 0px -1px 0px #555;
}

.label.success {
background: green;
}

.label.error {
background: red;
}
</style>

Cordialement,

PS: Souhaitez vous que le script vérifie toutes les x secondes si le site est up/down ?

[Dart-WoD2]

Qu'il le vérifie toutes les minutes (ou 5 minutes) ce serait déjà bien

merci énormément pour le code, je doit le mettre dans quelle Template ? Celle qui est destiné a recevoir le code (je voudrais le mettre sous le menu de navigation dans généralité -> Page d’accueil -> Message sur la page d'accueil ou dans la Template Index body si c'est pas possible)

Merci encore

J'ai trouvé j'ai mis le code dans le Index Body avec la ligne qui indique qu'on insère un code Java et j'ai mis le code du bouton dans le message de page d’accueil (et dans le index body juste au dessus pour vérifier si tout marche ^^)

Par contre le "vérification" est hyper long, je n'ai pas encore eu de résultat en 5 minutes (le site est en ligne j'ai vérifié au cas ou si c'était long à cause de ça ^^) C'est normal ?

Voila mon début de code en entier :

Code:

<!-- Début Script java pour le check GGPO Down ou UP -->

<script type="text/javascript" src="monscript.js">
  $(function() {var url="http://ggpo.net/forums/index.php";
    script.onload = function()
    {
        $('.label').addClass('success').text('En ligne');
    };
    script.onerror = function()
    {
        $('.label').addClass('error').text('Hors ligne');
    };
    script.src = url;
 
});
</script>

<!-- Fin Script java pour le check GGPO Down ou UP -->

<span class="label">Vérification...</span>
<style>
  .label {
background: orange;
color: #fff;
padding: 5px;
border-radius: 3px;
display: inline-block;
text-shadow: 0px -1px 0px #555;
}
 
.label.success {
background: green;
}
 
.label.error {
background: red;
}
</style>

[Dart-WoD2]

J'ai ajoué le code

Code:

<script type="text/javascript" src="monscript.js">
  $(function() {var url="http://ggpo.net/forums/index.php";
    script.onload = function()
    {
        $('.label').addClass('success').text('En ligne');
    };
    script.onerror = function()
    {
        $('.label').addClass('error').text('Hors ligne');
    };
    script.src = url;
 
});
</script>

Dans la page des code Java (sous l'html) et je les ais activés aussi mais marche toujours pas (je sais vraiment pas comment marche les Java ^^')

[Wave]

Re,

Vous pouvez placer tout simple le code entier dans la page d'accueil:
Quelle est l'adresse du forum où le script est installé ?

Code:

GPO est actuellement <span id="verif" class="label">Vérification...</span>
<style>

.label {
background: orange;
color: #fff;
padding: 5px;
border-radius: 3px;
display: inline-block;
text-shadow: 0px -1px 0px #555;
}
 
.label-success {
background: green;
color: #fff;
padding: 5px;
border-radius: 3px;
display: inline-block;
text-shadow: 0px -1px 0px #555;
}

.label-error {
background: red;
color: #fff;
padding: 5px;
border-radius: 3px;
display: inline-block;
text-shadow: 0px -1px 0px #555;
}
</style>

<script>
function testifonline(url) {
var script = document.body.appendChild(document.createElement("script"));
    script.onload = function()
    {
        $('#verif').attr('class', 'label-success').text('En ligne');
    };
    script.onerror = function()
    {
        $('#verif').attr('class', 'label-error').text('Hors ligne');
    };
    script.src = url;

 
}

$(function(){
  testifonline('http://ggpo.net/forums/index.php');
  setInterval("testifonline('http://ggpo.net/forums/index.php');", 10000);
});
</script>

[Dart-WoD2]

Voici l'adresse : http://ssf2x-test.fra.co/

Merci là ça marche bien