MediaWiki:Glossar.js: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
K |
|||
(21 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | // s.a. vorlage: | + | // s.a. vorlage:glossar |
− | + | $('.glossar').each(function(){ | |
− | + | var child = $(this).find('.g_box') | |
− | + | , parent = $(this).closest('p, li') ; | |
− | + | $( parent).css("position", "relative"); | |
− | + | ||
− | function | + | var diff = ($(this).width() - $(child).width()) / 2 |
− | var | + | , 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'); }); | |
− | + | ||
− | + | }); | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | function | ||
− | |||
− | |||
− |
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'); });
});