MediaWiki:Glossar2.js

// s.a. vorlage:glossar

newRules[2].style.display = 'none'; //Glossar

var gl = [], gl_a = [], off;

function set_Glossar() {

// Links bearbeiten 
  var links = document.getElementsByTagName('A');

  for (var i=0;i<links .length;i++) {
    if (links[i].parentNode.className=='g_links' || links[i].parentNode.parentNode.className=='g_links') {
      gl_a[gl_a.length] = links[i];
    }
  } 
  for (var i in gl_a) {
    gl_a[i].innerHTML = gl_a[i].innerHTML.replace(/oe/, 'ö').replace(/Oe/, 'Ö').replace(/([^aeu])ue/, '$1ü').replace(/Ue/, 'Ü');  
    gl_a[i].innerHTML = gl_a[i].innerHTML.replace(/ae/, 'ä').replace(/Ae/, 'ä').replace(/.+\//, '');  
  }

// Arrays füllen
  var spans = document.getElementsByTagName('SPAN');
  for (var i=0;i<spans.length;i++) {
    if (spans[i].className=='glossar') {
      gl[gl.length] = spans[i];
    }
  }
  for (var i in gl) {
    gl[i].onclick = show_Tooltip;
    gl[i].onmouseout = gloss_OFF;
    gl[i].onmouseover = clear_OFF;
// Suchen und Finden
    var parentG = gl[i].parentNode.tagName == "LI" ? 
      gl[i].parentNode.parentNode : gl[i].parentNode;
    var anker=parentG.insertBefore(document.createElement("A"),
      parentG.firstChild);
    anker.name=gl[i].id||'';
    gl[i].id= '';
    anker.id=anker.name;
    if (String(location.href).indexOf('#')!=-1) 
    var suchtext = String(location.href).substring(String(location.href).indexOf('#')).replace(/#/,'');     
    if (suchtext==anker.name&& suchtext.length>1) {
      location.href=location.href;
      gl[i].style.backgroundColor = "#fffccc";
    } 
  }
}

$('.glossar').on('mouseout', function(){ 
  $(this).find('small')[0].hide('fast');
});
 
$('.glossar').on('click', function(){ 
  $('.glossar small').hide();
  var child = $(this).find('small')[0]
    , parent = $(this).closest('p, li') ; 
  $( parent).css("position", "relative");  
  
  $( child).show('fast');
  var paddingEtc = 16
    , diff = ($(this).width() - $(child).width()) / 2
    , left = $(this).position().left + diff
    , right = $(parent).width() - ($(child).width() + paddingEtc + $(this).position().left);

   if ( left < -10) {
     $( child).css("left", diff - left -10 + 'px'); 
   }
    if (right < 0 ) { 
     $( child).css("left", right + 'px');
   } 
});
/*
  if (this.id == 'show_Tooltip') hide_Tooltip();
  else {hide_Tooltip(); this.id = 'show_Tooltip';}
}
function gloss_OFF()  { off= window.setTimeout('hide_Tooltip()', 500); }
function clear_OFF()  { if (off!='undefined') window.clearTimeout(off); }
*/
// Script starten
//set_Glossar();