MediaWiki:Tooltips.js - Revision history

Bradley Monk at 00:14, 27 May 2013

2013-05-27T00:14:06Z

← Older revision		Revision as of 17:14, 26 May 2013
Line 161:		Line 161:
	var success = false;		var success = false;
	var buttonClass = null;		var buttonClass = null;
	var [[content]] = null;		var content = null;
	if (typeof (imgs) == 'string') {		if (typeof (imgs) == 'string') {
	buttonClass = imgs;		buttonClass = imgs;
	[[content]] = Buttons.buttonClasses[imgs];		content = Buttons.buttonClasses[imgs];
	success = (content != null);		success = (content != null);
	} else {		} else {
	success = (Buttons.createCSS (imgs, '#', id) != null);		success = (Buttons.createCSS (imgs, '#', id) != null);
	[[content]] = imgs[0];		content = imgs[0];
	}		}
	if (success) {		if (success) {
	var lk = document.createElement ('a');		var lk = document.createElement ('a');
	lk.setAttribute		lk.setAttribute
	('title', title \|\| [[content]].getAttribute ('alt') \|\| [[content]].getAttribute ('title') \|\| "");		('title', title \|\| content.getAttribute ('alt') \|\| content.getAttribute ('title') \|\| "");
	lk.id = id;		lk.id = id;
	if (buttonClass) lk.className = buttonClass;		if (buttonClass) lk.className = buttonClass;
Line 187:		Line 187:
	};		};
	}		}
	[[content]] = [[content]].cloneNode (true);		content = content.cloneNode (true);
	[[content]].style.visibility = 'hidden';		content.style.visibility = 'hidden';
	lk.appendChild ([[content]]);		lk.appendChild (content);
	return lk;		return lk;
	} else {		} else {
Line 567:		Line 567:
	this.content = error_msg;		this.content = error_msg;
	}		}
	// Our wrapper has at most two children: the close button, and the [[content]]. Don't remove		// Our wrapper has at most two children: the close button, and the content. Don't remove
	// the close button, if any.		// the close button, if any.
	if (this.popup.firstChild.lastChild && this.popup.firstChild.lastChild != this.close_button)		if (this.popup.firstChild.lastChild && this.popup.firstChild.lastChild != this.close_button)
Line 634:		Line 634:
	size_change : function ()		size_change : function ()
	{		{
	// If your [[content]] is such that it changes, make sure this is called after each size change.		// If your content is such that it changes, make sure this is called after each size change.
	// Unfortunately, I have found no way of monitoring size changes of this.popup and then doing		// Unfortunately, I have found no way of monitoring size changes of this.popup and then doing
	// this automatically. See for instance the "toggle" example (the 12th) on the example page at		// this automatically. See for instance the "toggle" example (the 12th) on the example page at
Line 1,030:		Line 1,030:
	// fire events, may or may not update their text display when modified through Javascript,		// fire events, may or may not update their text display when modified through Javascript,
	// and finally they may even refuse to get or have their value set through JS at all.		// and finally they may even refuse to get or have their value set through JS at all.
	// If our tooltip [[content]] contains a textarea, we'd run into this longstanding bug if		// If our tooltip content contains a textarea, we'd run into this longstanding bug if
	// we used visibility on Opera. Hence we don't.		// we used visibility on Opera. Hence we don't.
	// For a report of this bug, see http://www.quirksmode.org/bugreports/archives/2005/06/Cant_change_the_value_of_textarea_after_hiding_it_.html		// For a report of this bug, see http://www.quirksmode.org/bugreports/archives/2005/06/Cant_change_the_value_of_textarea_after_hiding_it_.html

Monakhos at 00:23, 14 May 2013

2013-05-14T00:23:15Z

← Older revision		Revision as of 17:23, 13 May 2013
Line 161:		Line 161:
	var success = false;		var success = false;
	var buttonClass = null;		var buttonClass = null;
	var content = null;		var [[content]] = null;
	if (typeof (imgs) == 'string') {		if (typeof (imgs) == 'string') {
	buttonClass = imgs;		buttonClass = imgs;
	content = Buttons.buttonClasses[imgs];		[[content]] = Buttons.buttonClasses[imgs];
	success = (content != null);		success = (content != null);
	} else {		} else {
	success = (Buttons.createCSS (imgs, '#', id) != null);		success = (Buttons.createCSS (imgs, '#', id) != null);
	content = imgs[0];		[[content]] = imgs[0];
	}		}
	if (success) {		if (success) {
	var lk = document.createElement ('a');		var lk = document.createElement ('a');
	lk.setAttribute		lk.setAttribute
	('title', title \|\| content.getAttribute ('alt') \|\| content.getAttribute ('title') \|\| "");		('title', title \|\| [[content]].getAttribute ('alt') \|\| [[content]].getAttribute ('title') \|\| "");
	lk.id = id;		lk.id = id;
	if (buttonClass) lk.className = buttonClass;		if (buttonClass) lk.className = buttonClass;
Line 187:		Line 187:
	};		};
	}		}
	content = content.cloneNode (true);		[[content]] = [[content]].cloneNode (true);
	content.style.visibility = 'hidden';		[[content]].style.visibility = 'hidden';
	lk.appendChild (content);		lk.appendChild ([[content]]);
	return lk;		return lk;
	} else {		} else {
Line 567:		Line 567:
	this.content = error_msg;		this.content = error_msg;
	}		}
	// Our wrapper has at most two children: the close button, and the content. Don't remove		// Our wrapper has at most two children: the close button, and the [[content]]. Don't remove
	// the close button, if any.		// the close button, if any.
	if (this.popup.firstChild.lastChild && this.popup.firstChild.lastChild != this.close_button)		if (this.popup.firstChild.lastChild && this.popup.firstChild.lastChild != this.close_button)
Line 634:		Line 634:
	size_change : function ()		size_change : function ()
	{		{
	// If your content is such that it changes, make sure this is called after each size change.		// If your [[content]] is such that it changes, make sure this is called after each size change.
	// Unfortunately, I have found no way of monitoring size changes of this.popup and then doing		// Unfortunately, I have found no way of monitoring size changes of this.popup and then doing
	// this automatically. See for instance the "toggle" example (the 12th) on the example page at		// this automatically. See for instance the "toggle" example (the 12th) on the example page at
Line 1,030:		Line 1,030:
	// fire events, may or may not update their text display when modified through Javascript,		// fire events, may or may not update their text display when modified through Javascript,
	// and finally they may even refuse to get or have their value set through JS at all.		// and finally they may even refuse to get or have their value set through JS at all.
	// If our tooltip content contains a textarea, we'd run into this longstanding bug if		// If our tooltip [[content]] contains a textarea, we'd run into this longstanding bug if
	// we used visibility on Opera. Hence we don't.		// we used visibility on Opera. Hence we don't.
	// For a report of this bug, see http://www.quirksmode.org/bugreports/archives/2005/06/Cant_change_the_value_of_textarea_after_hiding_it_.html		// For a report of this bug, see http://www.quirksmode.org/bugreports/archives/2005/06/Cant_change_the_value_of_textarea_after_hiding_it_.html

Monakhos: Created page with "// /* Cross-browser tooltip support for MediaWiki. Author: User:Lupo, March 2008 License: Quadruple licensed GFDL, GPL, LGPL and Creat..."

2013-01-12T08:17:20Z

Created page with "// <source lang="javascript"> /* Cross-browser tooltip support for MediaWiki. Author: User:Lupo, March 2008 License: Quadruple licensed GFDL, GPL, LGPL and Creat..."

Show changes