User:TheDJ/wikiminiatlas2.js

From Wikipedia, the free encyclopedia

If a message on your talk page led you here, please be wary of who left it. Code that you insert on this page could contain malicious content capable of compromising your account. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. If this is a .js page, the code will be executed when previewing the page.
Note: After saving, you have to bypass your browser's cache to see the changes. In Internet Explorer and Firefox, hold down the Ctrl key and click the Refresh or Reload button. Opera users have to clear their caches through Tools→Preferences, see the instructions for Opera. Konqueror and Safari users can just click the Reload button. 
// [[image:Erioll_world.svg|18px]] '''WikiMiniAtlas''' <br>
// Script to embed interactive maps into pages that have coordinate templates <br>
// also check my commons page [[:commons:User:Dschwen]] for more tools<pre>
 
var wikiminiatlas =
{
 config:
 {
  width  : 500,
  height : 300,
  zoom : 1,
  iframeurl : 'http://tools.wikimedia.de/~dschwen/wikiminiatlas/iframe.html',
  imgbase   : 'http://tools.wikimedia.de/~dschwen/wikiminiatlas/tiles/',
  coordurls : new Array ( 
                'http://tools.wikimedia.de/~magnus/geo/geohack.php?',
                'http://www8.brinkster.com/erikbaas/wiki/maps.asp?',
                'http://www.nsesoftware.nl/wiki/maps.asp?' 
              ),
  buttonImage: 
'http://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Erioll_world.svg/18px-Erioll_world.svg.png'
 },
 
 strings:
 {
  buttonTooltip : {
   ca:'mostra la localització en un mapa interactiu',
   da:'vis beligenhed på interaktivt kort',
   de:'Ort auf interaktiver Karteanzeigen',
   en:'show location on an interactive map',
   eu:'erakutsi kokalekua mapa interaktibo batean',
   es:'mostrar el lugar en un mapa interactivo',
   fr:'Montrer la localisation sur une carte interactive',
   he:'הראה מיקום במפה האינטראקטיבית',
   it:'mostra la località su una carta interattiva',
   id:'Tunjukkan letak di peta interaktif',
   ja:'インタラクティブ地図上に位置を表示',
   mk:'Prikazi go mestoto na interaktivnata mapa',
   nl:'toon de locatie op een interactieve kaart',
   no:'vis beliggenhet på interaktivt kart',
   pl:'Pokaż lokalizację na mapie interaktywnej',
   pt:'mostrar a localidade num mapa interactivo',
   ru:'показать положение на интерактивной карте',
   sl:'prikaži lokacijo na interaktivnem zemljevidu',
   fi:'näytä paikka interaktiivisella kartalla',
   sv:'visa platsen på en interaktiv karta',
   zh:'显示该地在地图上的位置'
  },
  close : {
   ca:'tanca',
   da:'luk',
   de:'schlie&szlig;en',
   en:'close',
   eu:'itxi',
   es:'cerrar',
   fr:'Quitter',
   he:'לסגור',
   id:'tutup',
   it:'chiudi',
   ja:'閉じる',
   mk:'zatvori',
   nl:'sluiten',
   no:'lukk',
   pl:'zamknij',
   pt:'fechar',
   ru:'закрыть',
   sl:'zapri',
   fi:'sulje',
   sv:'stäng',
   zh:'关闭'
  }
 },
 
 link : null,
 links : null,
 
 language : '',
 iframe : { div: null, iframe: null, closebutton: null},
 mapbutton: null,
 marker : { lat:0, lon:0 },
 
 coordinates : null,
 coord_index: 0,
 coord_params: '',
 coord_filter: null,
 
 region_index : 0,
 coordinate_region : '',
 
 WikiMiniAtlasHTML : '',
 
 // cross-browser event attachment (John Resig)
 // http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
 addEvent : function ( obj, type, fn )
 {
  if (obj.addEventListener)
   obj.addEventListener( type, fn, false );
  else if (obj.attachEvent)
  {
   obj["e"+type+fn] = fn;
   obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
   obj.attachEvent( "on"+type, obj[type+fn] );
  }
 },
 
 // vertikale position auf der Seite bestimmen
 totalOffset : function( obj, offset )
 {
  if( obj.offsetParent == null || 
      obj.offsetParent.id == 'content' )
   return offset + obj.offsetTop;
  else
   return wikiminiatlas.totalOffset(obj.offsetParent, offset + obj.offsetTop );
 },
 
 // move iframe around and toggle visibility
 toggleIFrame : function( e )
 {
  with(wikiminiatlas)
  {
   var newurl = config.iframeurl + '?' + this.mapparam;
 
   if(iframe.div.style.visibility != "visible" ||
      ( ( iframe.iframe.src != newurl ) && ( this.mapparam != '' ) ) )
   {
    if( iframe.iframe.src != newurl )
    {
     iframe.iframe.src = newurl;
    }
    iframe.div.style.top = (totalOffset( this, 0 ) + 20 ) + 'px';
    iframe.div.style.visibility="visible";
   }
   else
    iframe.div.style.visibility="hidden";
  }
  return false;
 },
 
 // Check against coordinate urls
 isMaplink : function( url )
 {
  if( typeof(url) != 'string' ) return false;
 
  with(wikiminiatlas)
  {
   for( var key=0; key < config.coordurls.length; key++ ) {
    if( url.substr(0,config.coordurls[key].length) == config.coordurls[key] )
     return true;
   }
  }
 
  return false;
 },
 
 // Insert the IFrame into the page.
 loader : function()
 {
  // apply settings
  if( typeof(wma_settings) == 'object' )
   for (var key in wma_settings)
   {
    if( typeof(wma_settings[key]) == typeof(wikiminiatlas.config[key]) )
     wikiminiatlas.config[key] = wma_settings[key];
   }
 
  with(wikiminiatlas)
  {
   language = window.location.host.substr(0,2);
 
   // remove stupid icons from title coordinates
   var coord_title = document.getElementById('coordinates');
   if( coord_title ) {
    var icons = coord_title.getElementsByTagName('a');
    for( var key=0; key < icons.length; key++ ) {
     if( typeof(icons[key]) == 'object' && icons[key].getAttribute('class') == 'image' ) 
      icons[key].parentNode.removeChild(icons[key]);
    }
   }
 
   links = document.getElementsByTagName('a');
   for( var key=0; key < links.length; key++ )
   {
    link = links[key];
    if( isMaplink(link.href) )
    {
     coordinates = link.href;
     coord_index = coordinates.indexOf('params=');
     if(coord_index>-1)
     {
      coord_params = coordinates.substr(coord_index+7);
 
      // degrees
      coord_filter = /([\d+-.]+)_([NS])_([\d+-.]+)_([EOW])_/;
      if(coord_filter.test(coord_params))
      {
       coord_filter.exec(coord_params);
       marker.lat=RegExp.$1;
       if(RegExp.$2=='S') marker.lat*=-1;
       marker.lon=RegExp.$3;
       if(RegExp.$4=='W') marker.lon*=-1;
      }
 
      // degrees, minutes
      coord_filter = /([\d+-.]+)_([\d+-.]+)_([NS])_([\d+-.]+)_([\d+-.]+)_([EOW])_/;
      if(coord_filter.test(coord_params))
      {
       coord_filter.exec(coord_params);
       marker.lat=(1.0*RegExp.$1) + (RegExp.$2/60.0);
       if(RegExp.$3=='S') marker.lat*=-1;
       marker.lon=(1.0*RegExp.$4) + (RegExp.$5/60.0);
       if(RegExp.$6=='W') marker.lon*=-1;
      }
 
      // degrees, minutes, seconds
      coord_filter = /([\d+-.]+)_([\d+-.]+)_([\d+-.]*)_([NS])_([\d+-.]+)_([\d+-.]+)_([\d+-.]*)_([EOW])_/;
      if(coord_filter.test(coord_params))
      {
       coord_filter.exec(coord_params);
       marker.lat=(1.0*RegExp.$1) + (RegExp.$2/60.0) + (RegExp.$3/3600.0);
       if(RegExp.$4=='S') marker.lat*=-1;
       marker.lon=(1.0*RegExp.$5) + (RegExp.$6/60.0) + (RegExp.$6/3600.0);
       if(RegExp.$8=='W') marker.lon*=-1;
      }
 
/*
      region_index = coordinates.indexOf('region:');
      if(region_index>-1)
      {
       coordinate_region = coordinates.substr(region_index+7);
       coordinate_region = coordinate_region.substr(0,coordinate_region.indexOf('"'));
      }
*/
 
      mapbutton = document.createElement('img');
      mapbutton.title = strings.buttonTooltip[language];
      mapbutton.style.padding = '0px 3px 0px 0px';
      mapbutton.style.cursor = 'pointer';
      mapbutton.src = config.buttonImage;
      mapbutton.mapparam = 
      marker.lat + '_' + marker.lon + '_' + 
      config.width + '_' + config.height + '_' + 
      language+'_'+config.zoom;
      addEvent( mapbutton, 'click', toggleIFrame );
 
      // link.parentNode.insertBefore(mapbutton, link.nextSibling);
      link.parentNode.insertBefore(mapbutton,link);
     }
 
/*    var def_zoom = '';
    if( typeof(wikiminiatlas_defaultzoom) == 'number' ) 
     def_zoom = '_' + wikiminiatlas_defaultzoom; */
 
    }
 
   } //for
 
 
   // iframe vorbereiten
   iframe.div = document.createElement('div');
   iframe.div.style.visibility = 'hidden';
   iframe.div.style.width = (config.width+2)+'px';
   iframe.div.style.height = (config.height+2)+'px';
   iframe.div.style.margin = '0px';
   iframe.div.style.padding = '0px';
   iframe.div.style.backgroundColor = 'white';
   iframe.div.style.position = 'absolute';
   iframe.div.style.right = '2em';
   iframe.div.style.top = '1em';
   iframe.div.style.border = '1px solid gray';
   iframe.div.style.zIndex = 13;
 
   iframe.closebutton = document.createElement('img');
   iframe.closebutton.title = strings.close[language];
   iframe.closebutton.src = config.imgbase + 'button_hide.png'
   iframe.closebutton.style.zIndex = 15;
   iframe.closebutton.style.position = 'absolute';
   iframe.closebutton.style.right = '11px';
   iframe.closebutton.style.top = '9px';
   iframe.closebutton.style.width = '18px';
   iframe.closebutton.style.cursor = 'pointer';
   iframe.closebutton.mapparam = '';
   addEvent( iframe.closebutton, 'click', toggleIFrame );
 
   iframe.iframe = document.createElement('iframe');
   iframe.iframe.scrolling = 'no';
   iframe.iframe.frameBorder = '0';
   iframe.iframe.style.zIndex = 14;
   iframe.iframe.style.position = 'absolute';
   iframe.iframe.style.right = '1px';
   iframe.iframe.style.top = '1px';
   iframe.iframe.style.width = (config.width)+'px';
   iframe.iframe.style.height = (config.height)+'px';
   iframe.iframe.style.margin = '0px';
   iframe.iframe.style.padding = '0px';
 
   iframe.div.appendChild(iframe.iframe);
   iframe.div.appendChild(iframe.closebutton);
 
   var content = document.getElementById('content');
   content.insertBefore(iframe.div,content.childNodes[0]);
  } //with
 }
 
}
 
//
// Hook up installation function
//
addOnloadHook(wikiminiatlas.loader);
 
//</pre>