Help:Quickbar - Revision history

Phlip: more, with {{utilities}}

Phlip — Sat, 27 May 2006 14:32:20 GMT

more, with {{utilities}}

← Older revision		Revision as of 14:32, 27 May 2006
Line 1:		Line 1:
-	~~:'''''NB: These instructions will only work if you are using the "Monobook" skin.'''''~~
-
	'''Here's how to add a link to your quickbar:'''		'''Here's how to add a link to your quickbar:'''

Line 12:		Line 10:
	2. Find the complete address of that page, and copy it down.		2. Find the complete address of that page, and copy it down.

-	3. Go to your monobook.js page by clicking [[Special:Mypage/monobook.js\|here]].	+	==The Code for Monobook (the default skin)==
		+	Go to your monobook.js page by clicking [[Special:Mypage/monobook.js\|here]].

-	~~==The Code==~~
	Edit the page, and insert the following lines of code:		Edit the page, and insert the following lines of code:

	<pre>		<pre>
-	function ~~addQuickbarLink~~(~~href, title, before~~)	+	{{subst:utilities}}
		+
		+	function addLinks()
	{		{
-	~~var li = document.createElement~~(~~'li'~~);	+	with (utilities)
-	~~var a = document.createElement('a');~~	+
-	~~a.appendChild(document.createTextNode(title));~~	+
-	~~a.href = href;~~	+
-	~~li.appendChild(a);~~	+
-	~~if (!before)~~	+
-	{	+
-	~~document.getElementById('pt-logout').parentNode.appendChild(li);~~	+
-	}	+
-	~~else~~	+
	{		{
-	~~before = document.getElementById~~(~~'pt-'+before);~~	+	addMonobookQuickbarLink("http://www.hrwiki.org/etc", "link title", "watchlist"); ******
-	~~before~~.~~parentNode~~.~~insertBefore(li~~, ~~before~~);	+
	}		}
-	}
-	~~function addLinks()~~
-	{
-	addQuickbarLink("http://www.hrwiki.org/etc", "link title", "watchlist"); ******
	}		}
	if (window.addEventListener) window.addEventListener('load', addLinks, false);		if (window.addEventListener) window.addEventListener('load', addLinks, false);
Line 43:		Line 29:
	</pre>		</pre>

-	==Fine Tuning==	+	===Fine Tuning===
	Now, look at the line marked with ******:		Now, look at the line marked with ******:

	Remove the *****, it's only there so you can find the line.		Remove the *****, it's only there so you can find the line.
	*There are three things you need to replace, in "quotes", separated by commas.		*There are three things you need to replace, in "quotes", separated by commas.
-	**The first is the ~~entire link path~~ to the page you want to link to.	+	**The first is the complete URL to the page you want to link to.
	**The second is what you want the link to say.		**The second is what you want the link to say.
	**The third says where you want the link to be in the quickbar:		**The third says where you want the link to be in the quickbar:
Line 58:		Line 44:
	***Replace it with '''logout''' if you want the link to appear before your '''log out''' link.		***Replace it with '''logout''' if you want the link to appear before your '''log out''' link.
	***Make it blank (ie just two quote marks <code>""</code>) if you want the link to appear after your '''log out''' link.		***Make it blank (ie just two quote marks <code>""</code>) if you want the link to appear after your '''log out''' link.
		+	*If you want to add several links, make multiple copies of this one line (don't copy the whole script).
		+
		+	Now, save your edit, and reload the page.
		+
		+	==The Code for Cologne Blue==
		+	Go to your cologneblue.js page by clicking [[Special:Mypage/cologneblue.js\|here]].
		+
		+	Edit the page, and insert the following lines of code:
		+
		+	<pre>
		+	{{subst:utilities}}
		+
		+	function addLinks()
		+	{
		+	with (utilities)
		+	{
		+	addCologneBlueTopbarLink("http://www.hrwiki.org/etc", "link title", true); ******
		+	}
		+	}
		+	if (window.addEventListener) window.addEventListener('load', addLinks, false);
		+	else if (window.attachEvent) window.attachEvent('onload', addLinks);
		+	</pre>
		+
		+	===Fine Tuning===
		+	Now, look at the line marked with ******:
		+
		+	Remove the *****, it's only there so you can find the line.
		+	*There are three things you need to replace, separated by commas.
		+	**The first is the complete URL to the page you want to link to.
		+	**The second is what you want the link to say.
		+	**The third says where you want the link to be in the quickbar. This can be <code>true</code> to put it at the start, or <code>false</code> to put it at the end.
		+	**You can also replace <code>addCologneBlueTopbarLink</code> with <code>addCologneBlueSubtopbarLink</code> to add it to the second top bar (the one just below the categories)
		+	*If you want to add several links, make multiple copies of this one line (don't copy the whole script).
		+
		+	Now, save your edit, and reload the page.
		+
		+	==The Code for TaviStyle==
		+	Go to your tavistyle.js page by clicking [[Special:Mypage/tavistyle.js\|here]].
		+
		+	Edit the page, and insert the following lines of code:
		+
		+	<pre>
		+	{{subst:utilities}}
		+
		+	function addLinks()
		+	{
		+	with (utilities)
		+	{
		+	addTavistyleTopbarLink("http://www.hrwiki.org/etc", "link title", 1, true); ******
		+	}
		+	}
		+	if (window.addEventListener) window.addEventListener('load', addLinks, false);
		+	else if (window.attachEvent) window.attachEvent('onload', addLinks);
		+	</pre>
		+
		+	===Fine Tuning===
		+	Now, look at the line marked with ******:
		+
		+	Remove the *****, it's only there so you can find the line.
		+	*There are four things you need to replace, separated by commas.
		+	**The first is the complete URL to the page you want to link to.
		+	**The second is what you want the link to say.
		+	**the third is which row of the top bar you want to add it to – <code>1</code> for the first, <code>2</code> for the second, or <code>3</code> to add a new row to the bottom.
		+	**The fourth says where you want the link to be in the quickbar. This can be <code>true</code> to put it at the start, or <code>false</code> to put it at the end.
	*If you want to add several links, make multiple copies of this one line (don't copy the whole script).		*If you want to add several links, make multiple copies of this one line (don't copy the whole script).

Phlip: rm patently false (I'll probably never end up doing that)

Phlip — Wed, 17 May 2006 17:56:02 GMT

rm patently false (I'll probably never end up doing that)

← Older revision		Revision as of 17:56, 17 May 2006
Line 1:		Line 1:
-	:'''''NB: These instructions will only work if you are using the "Monobook" skin~~. Instructions for TaviStyle and Cologne Blue will be written soon~~.'''''	+	:'''''NB: These instructions will only work if you are using the "Monobook" skin.'''''

	'''Here's how to add a link to your quickbar:'''		'''Here's how to add a link to your quickbar:'''

Phlip at 13:54, 4 April 2006

Phlip — Tue, 04 Apr 2006 13:54:23 GMT

← Older revision		Revision as of 13:54, 4 April 2006
Line 1:		Line 1:
		+	:'''''NB: These instructions will only work if you are using the "Monobook" skin. Instructions for TaviStyle and Cologne Blue will be written soon.'''''
		+
	'''Here's how to add a link to your quickbar:'''		'''Here's how to add a link to your quickbar:'''

Phlip: actually, make this more friendly

Phlip — Tue, 21 Mar 2006 03:00:07 GMT

actually, make this more friendly

← Older revision		Revision as of 03:00, 21 March 2006
Line 16:		Line 16:

	<pre>		<pre>
-	~~gs*****InsertBefore = 'pt-@@@@@';~~	+	function addQuickbarLink(href, title, before)
-	function *****Link()	+	{
-	{	+	var li = document.createElement('li');
-	~~var user = document.getElementById( 'pt-userpage').firstChild.firstChild.data;~~	+	var a = document.createElement('a');
-	var li = document.createElement( 'li' );	+	a.appendChild(document.createTextNode(title));
-	~~li.id = 'pt-*****';~~	+	a.href = href;
-	var a = document.createElement( 'a' );	+	li.appendChild(a);
-	a.appendChild( document.createTextNode( ~~'******'~~ ) );	+	if (!before)
-	a.href = ~~'#####'~~	+	{
-	li.appendChild( a );	+	document.getElementById('pt-logout').parentNode.appendChild(li);
-	if ( ! ~~gs*****InsertBefore~~ )	+	}
-	{	+	else
-	document.getElementById( 'pt-logout' ).parentNode.appendChild( li );	+	{
-	}	+	before = document.getElementById('pt-'+before);
-	else	+	before.parentNode.insertBefore(li, before);
-	{	+	}
-	~~var~~ before = document.getElementById( ~~gs******InsertBefore~~ );	+	}
-	before.parentNode.insertBefore( li, before );	+	function addLinks()
-	}	+	{
-	}	+	addQuickbarLink("http://www.hrwiki.org/etc", "link title", "watchlist"); ******
-	if ( window.addEventListener ) window.addEventListener( 'load', *****Link, false );	+	}
-	else if ( window.attachEvent ) window.attachEvent( 'onload', *****Link );	+	if (window.addEventListener) window.addEventListener('load', addLinks, false);
		+	else if (window.attachEvent) window.attachEvent('onload', addLinks);
	</pre>		</pre>

	==Fine Tuning==		==Fine Tuning==
-	Now, look at ~~all of~~ the ~~symbols in the code. You'll see stars, @ signs, and number signs. You need to replace them~~:	+	Now, look at the line marked with ******:

-	~~Where ever you see '''~~****'~~'' in~~ the ~~code,~~ replace ~~it with your (very short) new~~ link ~~name~~. ~~You will do this eight times~~.	+	Remove the *****, it's only there so you can find the line.
-	*~~Where~~ you ~~see '''@@@@@'''~~ in the ~~code, replace it with one of the following names~~:	+	*There are three things you need to replace, in "quotes", separated by commas.
-	**Replace it with '''userpage''' if you want the link to appear before your '''userpage''' link.	+	**The first is the entire link path to the page you want to link to.
-	**Replace it with '''mytalk''' if you want the link to appear before your '''my talk''' link.	+	**The second is what you want the link to say.
-	**Replace it with '''preferences''' if you want the link to appear before your '''preferences''' link.	+	**The third says where you want the link to be in the quickbar:
-	**Replace it with '''watchlist''' if you want the link to appear before your '''my watchlist''' link.	+	***Replace it with '''userpage''' if you want the link to appear before your '''userpage''' link.
-	**Replace it with '''mycontris''' if you want the link to appear before your '''my contributions''' link.	+	***Replace it with '''mytalk''' if you want the link to appear before your '''my talk''' link.
-	**Replace it with '''logout''' if you want the link to appear before your '''log out''' link.	+	***Replace it with '''preferences''' if you want the link to appear before your '''preferences''' link.
-	**~~Delete that entire line of text~~ if you want the link to appear after your '''log out''' link.	+	***Replace it with '''watchlist''' if you want the link to appear before your '''my watchlist''' link.
-	*~~Where~~ you ~~see~~ '~~''#####''' in~~ the ~~code, replace it with the entire link path to the page you want to link to~~.	+	***Replace it with '''mycontris''' if you want the link to appear before your '''my contributions''' link.
		+	***Replace it with '''logout''' if you want the link to appear before your '''log out''' link.
		+	***Make it blank (ie just two quote marks <code>""</code>) if you want the link to appear after your '''log out''' link.
		+	*If you want to add several links, make multiple copies of this one line (don't copy the whole script).

	Now, save your edit, and reload the page.		Now, save your edit, and reload the page.

-	[[Category:Help\|Q]]	+	[[Category:Help\|Quickbar]]

Bluebry: /* Preparation */ more words

Bluebry — Tue, 21 Mar 2006 02:46:47 GMT

Preparation: more words

← Older revision		Revision as of 02:46, 21 March 2006
Line 4:		Line 4:
	1. First, decide what kind of link you would like to add:		1. First, decide what kind of link you would like to add:

-	*A page that you ~~frequent~~, that isn't easily accessible.	+	*A page that you frequently visit, that isn't easily accessible.
	*One of your user space pages.		*One of your user space pages.
	*A friend's user page or talk page.		*A friend's user page or talk page.

Phlip: /* The Code */ totally changing the code so it actually works

Phlip — Tue, 21 Mar 2006 02:45:18 GMT

The Code: totally changing the code so it actually works

← Older revision		Revision as of 02:45, 21 March 2006
Line 33:		Line 33:
	{		{
	var before = document.getElementById( gs******InsertBefore );		var before = document.getElementById( gs******InsertBefore );
-	before.~~appendChild~~( li, before );	+	before.parentNode.insertBefore( li, before );
	}		}
	}		}

Venusy: Easier method of linking that, and less likely to result in someone creating the example page (User:Username/monobook.js)

Venusy — Tue, 07 Feb 2006 07:01:07 GMT

Easier method of linking that, and less likely to result in someone creating the example page (User:Username/monobook.js)

← Older revision		Revision as of 07:01, 7 February 2006
Line 10:		Line 10:
	2. Find the complete address of that page, and copy it down.		2. Find the complete address of that page, and copy it down.

-	3. Go to your monobook.js page by ~~visiting the following address:~~	+	3. Go to your monobook.js page by clicking [[Special:Mypage/monobook.js\|here]].
-		+
-	~~<pre>http~~:~~//www.hrwiki.org/index.php/User:Username~~/monobook.js~~</pre>~~	+

	==The Code==		==The Code==

Lapper: /* Fine Tuning */ reword

Lapper — Sun, 25 Dec 2005 22:21:16 GMT

Fine Tuning: reword

← Older revision		Revision as of 22:21, 25 December 2005
Line 56:		Line 56:
	*Where you see '''#####''' in the code, replace it with the entire link path to the page you want to link to.		*Where you see '''#####''' in the code, replace it with the entire link path to the page you want to link to.

-	Now, save your edit, and reload the page. ~~You should have a brand new link in your quickbar!~~	+	Now, save your edit, and reload the page.

	[[Category:Help\|Q]]		[[Category:Help\|Q]]

Lapper: /* Preparation */ reword

Lapper — Sun, 25 Dec 2005 22:20:06 GMT

Preparation: reword

← Older revision		Revision as of 22:20, 25 December 2005
Line 2:		Line 2:

	==Preparation==		==Preparation==
-	1. First, decide what kind of link you would like to add~~. Here are some suggestions~~:	+	1. First, decide what kind of link you would like to add:

	*A page that you frequent, that isn't easily accessible.		*A page that you frequent, that isn't easily accessible.

Lapper: /* Preparation */ reword

Lapper — Sun, 25 Dec 2005 22:19:50 GMT

Preparation: reword

← Older revision		Revision as of 22:19, 25 December 2005
Line 12:		Line 12:
	3. Go to your monobook.js page by visiting the following address:		3. Go to your monobook.js page by visiting the following address:

-	<pre>http://www.hrwiki.org/index.php/User:~~(Your user name)~~/monobook.js</pre>	+	<pre>http://www.hrwiki.org/index.php/User:Username/monobook.js</pre>

	==The Code==		==The Code==