MediaWiki:Gadget-vector-headanchor.js

Uit informatiestandaarden
Versie door Ahenket (overleg | bijdragen) op 19 jul 2013 om 20:30 (Nieuwe pagina aangemaakt met '* * Vector HeadAnchors * @author Krinkle, 2013 * @revision 2013-07-16: ( function ( mw, $ ) { var space = $( '#content' ).css( 'paddingLeft' ); ...')
(wijz) ← Oudere versie | Huidige versie (wijz) | Nieuwere versie → (wijz)
Ga naar: navigatie, zoeken

Opmerking: nadat u de wijzigingen hebt opgeslagen is het wellicht nodig uw browsercache te legen.

  • Firefox / Safari: houd Shift ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
  • Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
  • Internet Explorer: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
  • Opera: ga naar Menu → Instellingen (Opera → Voorkeuren op een Mac) en daarna naar Privacy & beveiliging → Browsegegevens wissen... → Tijdelijk opgeslgen afbeeldingen en bestanden.
/**
 * Vector HeadAnchors
 * @author Krinkle, 2013
 * @revision 2013-07-16
 */
 ( function ( mw, $ ) {
 
 
    var space = $( '#content' ).css( 'paddingLeft' );
 
	mw.util.addCSS(
		'.mw-headline-anchor {' +
			'padding-left: ' + space + ';' +
			'margin-left: -' + space + ';' +
			''
	);
 
	// h1-h6 without the h2 in TOC
	$( '.mw-body :header' ).not( '.toc *' ).addClass( 'mw-header' );
 
	$( '.mw-headline' ).each( function ( i, el ) {
		var $h = $( el ).parent();
 
		if ( $h.find( '.mw-headline-anchor').length ) {
			return;
		}
 
		$h
		.append(
			$( '<a>' )
			.prop({
				href: '#' + el.id,
				title: 'Link to this section',
				className: 'mw-headline-anchor'
			})
			.css({
				top: $h.css( 'paddingTop' ),
				bottom: $h.css( 'paddingBottom' )
			})
		);
	} );
 
}( mediaWiki, jQuery ) );