User:Yair rand/ReferenceTooltips.js

.append(

$( '' )

.css( 'width', '100%' )

.text( mw.msg( 'RT-disable', mw.user ) )

.button()

.on( 'click', function ( e ) {

e.preventDefault();

toggleRT( false );

} ),

$( '
' ),

$( '' ).text( mw.msg( 'RT-disablenote' ) ),

$( '

---

' ),

$( '' ).text( mw.msg( 'RT-delay' ) ).append( $( '' ).attr( {

type: 'number',

value: delay,

step: 50,

min: 0,

max: 5000

} ) ),

$( '
' ),

$( '' ).text( mw.msg( 'RT-activationmethod', mw.user ) ),

$( '' ).append(

$( '' ).attr( {

type: 'radio',

name: 'RTActivate',

checked: !isTouchscreen ? 'checked' : undefined,

disabled: 'ontouchstart' in document.documentElement ? 'disabled' : undefined

} ),

mw.msg( 'RT-hovering', mw.user )

),

$( '' ).append(

$( '' ).attr( {

type: 'radio',

name: 'RTActivate',

checked: isTouchscreen ? 'checked' : undefined

} ),

mw.msg( 'RT-clicking', mw.user )

)

)

.submit( function ( e ) { e.preventDefault(); } )

.dialog( {

modal: true,

width: 500,

title: mw.msg( 'RT-options' ),

buttons: [ {

text: mw.msg( 'RT-options-save', mw.user ),

click: function () {

var inputs = this.getElementsByTagName( 'input' ),

newDelay = +inputs[ 0 ].value;

mw.cookie.set( 'RTsettings',

'1|' +

( newDelay > -1 && newDelay < 5001 ? newDelay : delay ) +

'|' +

// hover/click

( inputs[ 1 ].checked ? '0' : '1' ),

{ path: '/', expires: 90 }

);

location.reload();

}

} ]

} );

}

}

function onStartEvent( e ) {

var onBodyClick, self = this;

if ( window.pg ) {

return;

}

if ( isTouchscreen ) {

e.preventDefault();

if ( !( tooltipNode && tooltipNode.parentNode === document.body ) ) {

onBodyClick = function ( e ) {

e = e.target;

for ( ; e && !$( e ).hasClass( 'referencetooltip' ); ) { e = e.parentNode; }

if ( !e ) {

clearTimeout( showTimer );

hide( self );

$( document.body ).off( 'click touchstart', onBodyClick );

}

};

setTimeout( function () {

$( document.body ).on( 'click touchstart', onBodyClick );

} );

}

}

if ( hideTimer ) { clearTimeout( hideTimer ); }

if ( showTimer ) { clearTimeout( showTimer ); }

showTimer = setTimeout( function () {

var windowTop, hOffsetTop, c, o, oH,

h = findRef( self );

if ( !h ) { return; }

windowTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

hOffsetTop = $( h ).offset().top;

if ( !isTouchscreen && windowTop < hOffsetTop && windowTop + $( window ).height() > hOffsetTop + h.offsetHeight ) {

$( h ).addClass( 'RTTarget' );

return;

}

if ( !tooltipNode ) {

tooltipNode = document.createElement( 'ul' );

tooltipNode.className = 'referencetooltip';

c = tooltipNode.appendChild( $( h ).clone( true )[ 0 ] );

try {

if ( c.firstChild.nodeName !== 'A' ) {

while ( c.childNodes[ 1 ].nodeName === 'A' && c.childNodes[ 1 ].getAttribute( 'href' ).indexOf( '#cite_ref-' ) !== -1 ) {

do { c.removeChild( c.childNodes[ 1 ] ); } while ( c.childNodes[ 1 ].nodeValue === ' ' );

}

}

} catch ( err ) { mw.log( err ); }

c.removeChild( c.firstChild );

$( tooltipNode.firstChild.insertBefore( document.createElement( 'span' ), tooltipNode.firstChild.firstChild ) ).addClass( 'RTsettings' )

.attr( 'title', mw.msg( 'RT-settings' ) )

.on( 'click', function () {

mw.loader.using( [ 'mediawiki.cookie', 'jquery.ui' ], openSettingsMenu );

} );

tooltipNode.appendChild( document.createElement( 'li' ) );

if ( !isTouchscreen ) {

$( tooltipNode ).on( { mouseenter: show, mouseleave: hide } );

}

}

show();

o = $( self ).offset();

oH = tooltipNode.offsetHeight;

$( tooltipNode ).css( { top: o.top - oH, left: o.left - 7 } );

if ( tooltipNode.offsetHeight > oH ) { // is it squished against the right side of the page?

$( tooltipNode ).css( { left: 'auto', right: 0 } );

tooltipNode.lastChild.style.marginLeft = ( o.left - tooltipNode.offsetLeft ) + 'px';

}

if ( checkFlip ) {

if ( o.top < tooltipNode.offsetHeight + ( window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop ) ) { // is part of it above the top of the screen?

$( tooltipNode ).addClass( 'RTflipped' ).css( { top: o.top + 12 } );

} else if ( tooltipNode.className === 'referencetooltip RTflipped' ) { // cancel previous

$( tooltipNode ).removeClass( 'RTflipped' );

}

checkFlip = false;

}

}, isTouchscreen ? 0 : delay );

}

function onEndEvent() {

clearTimeout( showTimer ); hide( this );

}

$( this ).on( isTouchscreen ? { click: onStartEvent } : { mouseenter: onStartEvent, mouseleave: onEndEvent } );

} );

}

} );