MediaWiki:Wikiminiatlas.js: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 1: Line 1:
// [[File:Erioll_world.svg|18px]] '''WikiMiniAtlas''' <br>
// [[File:Erioll_world.svg|18px]] '''WikiMiniAtlas''' <br>
// Script to embed interactive maps into pages that have coordinate templates <br>
// Script to embed interactive maps into pages that have coordinate templates <br>
// also check my user page [[User:Dschwen]] for more tools
// also check my user page [[User:Dschwen]] for more toolsz
// <nowiki>
// <nowiki>
//
//
Line 444: Line 444:
   (function() {
   (function() {
   var wrap, span=$('#coordinates>span>span>img')
   var wrap, span=$('#coordinates>span>span>img')
     , bubble = $('<div><div>').css( { width: '150px', border: '1px solid #ddd', borderRadius: '8px', position: 'absolute', top: '27px', right: '-4px', whiteSpace: 'normal', textAlign: 'left', padding: '0.25em 0.75em 0.25em 0.75em', fontSize: '90%', backgroundColor: '#f9f9f9', zIndex: 31, boxShadow: '4px 4px 10px rgba(0,0,0,0.2)' } ).text('Click the blue globe to open an interactive map.').append( $('<div></div>').css({position: 'absolute', width: 0, height: 0, top: '-10px', right: '10px', borderTop:0, borderLeft: '5px solid transparent', borderRight:  '5px solid transparent', borderBottom:  '10px solid #ddd'})  ).append( $('<div></div>').css({position: 'absolute', width: 0, height: 0, top: '-9px', right: '10px', borderTop:0, borderLeft: '5px solid transparent', borderRight:  '5px solid transparent', borderBottom:  '10px solid #f9f9f9'})  ).hide();
     , bubble = $('<div><div>').css( { width: '150px', border: '1px solid #ddd', borderRadius: '8px', position: 'absolute', top: '27px', right: '-4px', whiteSpace: 'normal', textAlign: 'left', padding: '0.25em 0.75em 0.25em 0.75em', fontSize: '90%', backgroundColor: '#f9f9f9', boxShadow: '4px 4px 10px rgba(0,0,0,0.2)' } ).text('Click the blue globe to open an interactive map.').append( $('<div></div>').css({position: 'absolute', width: 0, height: 0, top: '-10px', right: '10px', borderTop:0, borderLeft: '5px solid transparent', borderRight:  '5px solid transparent', borderBottom:  '10px solid #ddd'})  ).append( $('<div></div>').css({position: 'absolute', width: 0, height: 0, top: '-9px', right: '10px', borderTop:0, borderLeft: '5px solid transparent', borderRight:  '5px solid transparent', borderBottom:  '10px solid #f9f9f9'})  ).hide();
   if( span.length>0 ) {
   if( span.length>0 ) {
     wrap = $('<span></span>').css( { width: '20px', height: '17px', position: 'relative' } );
     wrap = $('<span></span>').css( { width: '20px', height: '17px', position: 'relative' } );
Anonymous user