MediaWiki:Glossar.js: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 1: Zeile 1:
−
// s.a. vorlage:glossareintrag
+
// s.a. vorlage:glossar  
−
 
+
$('.glossar').each(function(){
−
newRules[1].style.display = 'none'; //Glossar
+
   var child = $(this).find('.g_box')
−
 
+
    , parent = $(this).closest('p, li') ;  
−
var g = [], g2 = [],  gSkt = [], gJap = [], glossar, off;
+
   $( parent).css("position", "relative");  
−
 
+
−
function setGlossar() {
+
   var diff = ($(this).width() - $(child).width()) / 2
−
  var spans = document.getElementsByTagName('SPAN');
+
    , left = $(this).position().left + diff
−
// Arrays füllen
+
    , right = $(parent).width() - ($(this).position().left + $(child).width() + 14);
−
  for (var i=0;i<spans.length;i++) {
+
   
−
    if (spans[i].className=='glossar2') {
+
  if ( left < -10) {
−
      g[g.length] = spans[i];
+
    $( child).css("left", diff - left -10 + 'px');  
−
      if (spans[i].getElementsByTagName('SMALL')[1])
+
  }
−
        g2[g2.length] = spans[i].getElementsByTagName('SMALL')[1].cloneNode(true);
+
    if (right < 0 ) {
−
    }
+
    $( child).css("left", right + 'px');
−
  }
+
  }
−
   for (var i in g) {
+
−
    g[i].onclick = showTooltip;
+
  $( this).click(function(){ $( child).slideToggle('slow'); });
−
    g[i].onmouseout = glossOFF;
+
  $( this).mouseleave(function(){ $(child).slideUp('slow'); });  
−
    g[i].onmouseover = clearOFF;
+
−
    //g[i].id = 'hideG';
 
−
// Suchen und Finden
 
−
    var parentG = g[i].parentNode.tagName == "LI" ?
 
−
      g[i].parentNode.parentNode : g[i].parentNode;
 
−
    var anker=parentG.insertBefore(document.createElement("A"),
 
−
      parentG.firstChild);
 
−
    anker.name=g[i].id||'';
 
−
    g[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;
 
−
      g[i].style.backgroundColor = "#fffccc";
 
−
    }
 
−
  }
 
−
function showG() {this.parentNode.className = this.parentNode.className == 'show' ? 'hide' : 'show'}; 
 
−
 
 
−
// Glossarliste erstellen
 
−
function listG() {
 
−
    document.getElementById('catlinks').style.display = 'none';
 
−
    glossarFrame = document.getElementById('catlinks').parentNode.insertBefore(document.createElement('div'), document.getElementById('catlinks'));
 
−
    glossarFrame.id = 'glossarSmall';
 
−
    glossarFrame.className = 'hide';  
 
−
    glossarHead = glossarFrame.appendChild(document.createElement('div'));
 
−
    glossarHead.id = 'glossarHead';
 
−
    glossarHead.innerHTML = '<p>Fachvokabeln auf dieser Seite</p>';   
 
−
    glossarHead.onclick = showG;
 
−
    glossar = glossarFrame.appendChild(document.createElement('div'));
 
−
    glossar.id = 'glossarList';
 
−
    for (var i in g2)   {
 
−
//verdoppelungen ausschließen
 
−
      for (z in g2)
 
−
        if (g2[z].innerHTML && g2[z].innerHTML == g2[i].innerHTML  && z != i )
 
−
          g2.splice(z,1);
 
−
      if (g2[i].innerHTML)
 
−
        g2[i].innerHTML=g2[i].innerHTML.replace(/\({1}/, "").replace(/\)(?!.*\))/, "");
 
−
    }
 
−
// Spans bearbeiten
 
−
    for (var i in g2) {    
 
−
      gSpans=g2[i].getElementsByTagName('SPAN');
 
−
      for (var x in gSpans) {   
 
−
        var spanX = (gSpans[x] && gSpans[x].className) ? gSpans[x] : 0;
 
−
        if (spanX  && spanX.className == 'dvn')  
 
−
          g2[i].removeChild(spanX);   
 
−
      }
 
−
// Spans ordnen
 
−
      for (var x in gSpans) {     
 
−
        var spanX = (gSpans[x] && gSpans[x].className) ? gSpans[x] : 0;
 
−
        if (spanX && (spanX.className == 'Romaji' || spanX.className == 'skt')) {
 
−
        var code = spanX.firstChild ?
 
−
          spanX.firstChild.nodeValue || spanX.firstChild.firstChild.nodeValue || '' : '';
 
−
        code =  String(code).toLowerCase().replace(/[ōŌ]/g,'o').replace(/[ūŪ]/g,'u'); 
 
−
        code = code.replace(/[āĀ]/g,'a').replace(/<[^>]+>/g,'').replace(/[\s-]/g,'');
 
−
        }
 
−
        if (spanX && spanX.className == 'Romaji')
 
−
          gJap[gJap.length] = [code, g2[i].cloneNode(true)];
 
−
        if (spanX && spanX.className == 'skt')
 
−
          gSkt[gSkt.length] = [code, g2[i].cloneNode(true)];
 
−
      }
 
−
    }
 
−
    if (gJap.length>0) {
 
−
      gJap.sort();
 
−
      for (var i in gJap)
 
−
        glossar.appendChild(gJap[i][1]);
 
−
    } 
 
−
    if (gSkt.length>0) {
 
−
      gSkt.sort();
 
−
      if (gJap.length>2)
 
−
        glossar.innerHTML += '<p class=ueSkt>Sanskrit</p>'; 
 
−
      for (var i in gSkt)
 
−
        glossar.appendChild(gSkt[i][1]);
 
−
    }  
 
−
  }  // Ende listG()
 
−
//Glossarliste aktivieren:
 
−
//  if (document.getElementById('catlinks') && g2.length > 0) listG();
 
−
}
 
−
 
 
−
function hideTooltip() {  
 
−
  for (var i in g) g[i].id = '';
 
−
}
 
−
 
 
−
function showTooltip() {
 
−
// g_body ansprechen
 
−
  var gBody=this.getElementsByTagName('SMALL')[1];
 
−
//Glossarweite berechnen
 
−
  var em=this.parentNode.appendChild(document.createElement('div'));
 
−
  em.style.width=150+"pt";
 
−
  var gBodyOffsetWidth = em.offsetWidth;
 
−
  var MinL= em.offsetLeft-10;
 
−
  this.parentNode.removeChild(em);
 
−
 
 
−
//Positionierung
 
−
  var gBodyLeft = (this.offsetWidth - gBodyOffsetWidth)/2;
 
−
  var gBodyOffsetLeft = this.offsetLeft + gBodyLeft ;
 
−
  var gBodyRight = gBodyOffsetLeft + gBodyOffsetWidth;
 
−
  var MaxR = MinL+10+this.parentNode.offsetWidth+10;
 
−
//  if (gBodyOffsetLeft < MinL && this.parentNode.tagName == "P")
 
−
//    gBodyLeft = gBodyLeft + (MinL - gBodyOffsetLeft);
 
−
//  if (gBodyRight > MaxR  && this.parentNode.offsetWidth > gBodyOffsetWidth )
 
−
//    gBodyLeft = gBodyLeft + (MaxR-gBodyRight);
 
−
  gBody.style.left = gBodyLeft +"px";
 
−
// anknipsen, ausknipsen
 
−
  if (this.id == 'showTooltip') hideTooltip();
 
−
  else {hideTooltip(); this.id = 'showTooltip';}
 
−
}
 
−
function glossOFF() { off= window.setTimeout('hideTooltip()', 500); }
 
−
function clearOFF() { if (off!='undefined') window.clearTimeout(off); }
 
−
 
 
−
// Script starten
 
−
setGlossar();
 
−
 
 
−
 
 
−
$('.testlossar').each(function(){
 
−
  var child = $(this).find('small')[0]
 
−
    , w_child = $(child).width()
 
−
    , w_parent = $(this).width()
 
−
    , w_diff = w_parent - w_child
 
−
    , l_parent = $(this).offset().left
 
−
    , r_parent = $(this).offset().right;
 
−
 
 
 
});
 
});

Aktuelle Version vom 17. August 2018, 09:58 Uhr

// s.a. vorlage:glossar  
$('.glossar').each(function(){
  var child = $(this).find('.g_box')
     , parent = $(this).closest('p, li') ; 
  $( parent).css("position", "relative");   
 
  var diff = ($(this).width() - $(child).width()) / 2
    , left = $(this).position().left + diff
    , right = $(parent).width() - ($(this).position().left + $(child).width() + 14);
 
   if ( left < -10) {
     $( child).css("left", diff - left -10 + 'px'); 
   }
    if (right < 0 ) { 
     $( child).css("left", right + 'px');
   }
 
  $( this).click(function(){ $( child).slideToggle('slow'); });
  $( this).mouseleave(function(){ $(child).slideUp('slow'); }); 
 
});
Abgerufen von „https://religion-in-japan.univie.ac.at/r/index.php?title=MediaWiki:Glossar.js&oldid=69926“