lundi 12 mai 2014

Widget IP address pour votre bureau ou votre site internet (ou blog)


Une simple image pour afficher l'addresse IP et la géolocalisation de vos visiteurs ou vous-même. En cliquant sur l'image, vous êtes transporté vers le site et la page de http://addgadgets.com/ipaddress_widget/

J'ai beaucoup bidouillé le code d'origine et n'ai gardé que l'image et le lien. C'est donc très léger.

Si vous avez un blog très simplifié, vous pouvez mettre ce code dans un "nouveau post" sinon, vous pouvez héberger cette "mini-page" sur votre Dropbox. Je pense que cela doit le faire aussi sur Google Drive.

Si vous avez suivi mes conseils (messages précédents) pour lancer automatiquement votre service VPN et que vous voulez savoir si cette connexion VPN fonctionne réellement:


  • Lancez cette page (ou la votre) http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html
  • (Chrome) Allez dans le menu en haut à droite, >outils>créer des raccourcis vers des applications (d'autres navigateurs disposent aussi maintenant de cette fonction sous un autre nom).
  • La page s'ouvre dans une nouvelle fenêtre
  • Redimensionnez-la convenablement et éventuellement clic droit sur l'entête de la fenêtre et là vous avez des options intéressantes pour conserver les dimensions et la position de cette fenêtre (Bodhi Linux et peut-être les autres Ubuntu)
  • Faites-en aussi un lanceur dans votre "dock" ou sur votre Bureau.

Code brut de l'image
<p><a href="http://addgadgets.com/ipaddress_widget/" target="_blank" title="Click to go to addgadgets.com"><img alt="IP address" height="102" src="http://widget.addgadgets.com/ipaddress/" width="160" /></a></p>

Adresse image seule
http://widget.addgadgets.com/ipaddress/

Ici, mon code amélioré à partir du code d'origine de Addgadgets.com. Le script plus bas (en bleu) permet d'actualiser automatiquement la fenêtre toutes 5 mn (300000 millisecondes=5mn). Cela permet de voir si on n'est pas déconnecté du VPN et donc pas protégé. On peut cependant doubler le temps sans grand inconvénient si les déconnexions sont rares (600000=10 mn). J'ai modifié le lien de l'image de manière qu'un simple clic sur celle-ci provoque un rafraîchissement de la page (car même si c'est petit, il s'agit bien d'une page).
<div style="display: block !important; font-family: sans-serif; margin-left: auto; margin-right: auto; text-align: center; width: 160px;">
<div style="font-size: 12px;">
<a href="http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html" onclick="this.target='_self'" title="Cliquer pour actualiser | Click to refresh"><img alt="IP Address Lookup" src="http://widget.addgadgets.com/ipaddress/" height="102" style="border: 0;" width="160" /></a></div>
</div>
<script type="text/javascript">
setTimeout("document.location.href='http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html'", 300000);
</script>

Éventuellement, vous devrez peut-être rajouter les balises HTML suivantes pour avoir quelque chose de plus propre: <html><head></head><body></body> et </html> au bon endroit mais ça devrait le faire sans cela malgré tout (uniquement pour une page HTML sur Dropbox ou autre, mais pas sur Blogger)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Votre titre de page</title>
</head>
<body>
Votre contenu ici
</body>
</html>

Lanceur pour Bureau ou Dock (Ubuntu et dérivés seulement) et son icône (à adapter)
/usr/bin/chromium-browser --app=http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html


WIDGET pour blog ou site WEB Il est préférable d'afficher la "page d'origine" (ici: http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html ) dans un iframe. Ainsi quand on clique sur l'image/texte, elle se rafraîchit bien sur elle-même (_self) alors qu'en mettant directement le code plus haut, elle s'affiche dans un autre onglet.
<p style="text-align: center;"><iframe align="middle" frameborder="0" height="112" name="ipaddress" scrolling="no" src="http://simpleblogbase.blogspot.com/2014/05/ip-address-lookup.html" width="170"></iframe></p>

Autre solution, héberger votre widget localement dans votre dossier personnel. Par exemple:

file:///home/utilisateur/widget_ip.html
Ne pas oublier de modifier les liens d'actualisation (refresh) avec celui ci-dessus. Avantage, le widget s'affiche instantanément au lancement (mais pas forcément son contenu qui reste "distant").

Aucun commentaire:

Enregistrer un commentaire

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.