Leximnesia - zoo-triche

Not authenticated.
Pass :

NOWIKI:

<h2>Script Greasemonkey pour tricher au zoo extraterrestre</h2>

<h3>Bookmarklet</h3>

<ul>
<li><a href="javascript:(function(d,w){if(w.zooshwimgmp)return;var%20s=d.createElement('script');s.src='http://leximnesia.org/jeux/Show-image-map.user.js';w.zooshwimgmp=1;d.head.appendChild(s);})(document,window);">Zooassistant</a> : le lien qui précède est un bookmarklet, un petit morceau de javascript que vous pouvez stocker dans vos marque-pages. Ce javascript a pour rôle de charger le javascript ci-dessous (un peu plus long), lequel révèle les zones cliquables dans les images du jeu  ''Zoo extraterrestre''. Pour l’ajouter dans vos marque-pages, faites un clic droit dessus et choisissez l’option « marquer cette page » (ou quelque chose du genre). Pour l’utiliser, rendez-vous à l’étape du zoo où vous êtes coincé(e) et cliquez sur le bookmarklet dans votre barre de signets (ou bien dans votre menu des marque-pages/favoris). </li>
<li>Pour les iPhone et iPad, l’utilisation est identique, mais la mise en place un peu plus compliquée : il vous faut d’abord copier l’adresse du bookmarklet (appui long sur le lien, « copier l’adresse »), puis créer un marque-page quelconque et le modifier en remplaçant l’adresse de ce marque-page par l’adresse préalablement copiée. Autrement dit :<ol>
<li>copier l’adresse du bookmarklet</li>
<li>créer un marque-page bidon</li>
<li>modifier les marque-pages (icône des marque-pages, dossier « favoris », « modifier »</li>
<li>modifier le bon marque-page (celui qui vient d’être créé) et remplacer son adresse par le bookmarklet que vous venez de copier, et lui donner un nom facile à retenir (« Zooassistant » par exemple)</li>
<li>pour l’utiliser, comme avec les autres OS, il suffit de cliquer sur le marque-page lorsque vous êtes bloqué(e) à une certaine étape du zoo (note : même avec cette « triche », le jeu n’est pas facile)</li>
</ol>
</li>
</ul>
<h3>Code</h3>

console.log ('showImageMap.js')
window.G={};

var showAreaRect = function (area) {
  var coords = area.coords.split (',');
  var x1 = coords[0], y1 = coords[1], x2 = coords[2], y2 = coords[3];
  var width=parseInt(x2)-parseInt(x1);
  var height=parseInt(y2)-parseInt(y1);
  var ret = document.createElement ('a');
  ret.className = 'zone';
  ret.style.display='block';
  ret.style.backgroundColor='red';
  ret.style.width=width;
  ret.style.height=height;
  ret.style.marginLeft=x1;
  ret.style.marginTop =y1;
  ret.style.position='absolute';
  ret.style.opacity='0.2';
  ret.href=area.href;
  
  G.container.appendChild (ret);
  
};

var getMainImage = function () {
  var images = document.getElementsByTagName ('img');
  for (var i=0; i<images.length; i++) {
    var image = images[i];
    if (image.useMap=='#imagemap') return image;
  }
  return undefined;
};

var showImageMap = function () {
  var image = getMainImage ();
  var container = document.createElement ('div');
  var container2 = document.createElement ('div');
  container.style.position='absolute';
  container.style.backgroundColor='blue';
  container.style.width='1px';
  container.style.height='1px';
  container.style.top = image.getBoundingClientRect().y;
  container.style.left = image.getBoundingClientRect().x;
  container2.style.backgroundColor = 'white';
  document.body.appendChild (container);
  document.body.appendChild (container2);
  G.container=container;
  G.container2=container2;
  var areas = document.getElementsByTagName ('area');
  for (var i=0; i<areas.length; i++) {
    var a = areas[i];
    showAreaRect (a);
    var l = document.createElement ('a');
    l.innerHTML = " # ";
    l.href=a.href;
    G.container2.appendChild (l);
  }
};

showImageMap ();
console.log ('addStyle')
GM_addStyle ("a.zone:visited {background-color: yellow !important;}");

Design et site: Florian Mortgat
Moteur wiki dérivé de: Wikiss
Page modifiée le:

Leximnesia.org