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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Dart-WoD2 le Mer 8 Oct 2014 - 22:35

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é Smile


Dernière édition par Dart-WoD2 le Dim 12 Oct 2014 - 22:20, édité 1 fois

Dart-WoD2
Nouveau membre

Messages : 4
Inscrit(e) le : 03/10/2014

http://ssf2x.fra.co
Dart-WoD2 a été remercié(e) par l'auteur de ce sujet.

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

Message par Wave le Jeu 9 Oct 2014 - 19:03

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 ?

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

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

Message par Dart-WoD2 le Jeu 9 Oct 2014 - 21:10

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

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 Smile


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
Nouveau membre

Messages : 4
Inscrit(e) le : 03/10/2014

http://ssf2x.fra.co
Dart-WoD2 a été remercié(e) par l'auteur de ce sujet.

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

Message par Dart-WoD2 le Ven 10 Oct 2014 - 9:27

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 ^^')

Dart-WoD2
Nouveau membre

Messages : 4
Inscrit(e) le : 03/10/2014

http://ssf2x.fra.co
Dart-WoD2 a été remercié(e) par l'auteur de ce sujet.

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

Message par Wave le Ven 10 Oct 2014 - 19:40

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>

Wave
*****

Masculin
Messages : 565
Inscrit(e) le : 04/12/2011

Wave a été remercié(e) par l'auteur de ce sujet.

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

Message par Dart-WoD2 le Dim 12 Oct 2014 - 22:12

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

Merci là ça marche bien Smile

Dart-WoD2
Nouveau membre

Messages : 4
Inscrit(e) le : 03/10/2014

http://ssf2x.fra.co
Dart-WoD2 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum