18 juillet

Dans cette vidéo, je vous montre comment créer un bookmarklet qui est hébergé sur un site distant, et j'explique pourquoi cette manière de faire peut être intéressante.

Ressources



Le code du bookmarklet :
javascript:(function(){
var script_bm = document.createElement('script');
script_bm.type = 'text/javascript';
script_bm.src ='http://www.shoprano.com/bookmarklet/bm.js';
document.body.appendChild(script_bm);
})()


Le code du fichier bm.js du serveur :
if(typeof(jQuery)=='undefined'){
   // Chargement de jQuery
   var script_jquery = document.createElement('script');
   script_jquery.type = 'text/javascript';
   script_jquery.src = 'http://code.jquery.com/jquery-1.
6.2.min.js';
   document.body.appendChild(script_jquery);
   alert('jQuery chargée');
}

var div = document.createElement('div');
div.setAttribute('id','iframe_whoishostingthis');
var ifr = document.createElement('iframe');
div.setAttribute('style','position:fixed;top:10px
right:10px;width:750px;height:250px;');
ifr.setAttribute('style','width:750px;height:250px;');
ifr.setAttribute('src','http://www.whoishostingthis.com/'
+location.hostname);
div.appendChild(ifr);
div.innerHTML = div.innerHTML + '<a style="position:fixed;
top:10px;right:10px;background:white;color:red;" href="#"
 onclick="document.body.removeChild(document.getElementById
(\'iframe_whoishostingthis\'));return false;">[ X ]</a>';
document.body.appendChild(div);


blog comments powered by Disqus


Nicolas Thomas

Passionné par le Web, je crée des sites Internet depuis plus de 10 ans.
Après avoir obtenu un Master d'Informatique et de Gestion, j'ai lancé mon Agence Web en 2010 et c'est avec plaisir que je mènerai à bien votre projet de création de site Internet, si vous m'en confiez la responsabilité.


Retourner à l'accueil