User:Proteins/editingtips.js

Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump.
This code will be executed when previewing this page.

Documentation for this user script can be added at User:Proteins/editingtips.

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

//<pre>
// Adds box of editing tips just before the editbox textarea
//
// To use this script, add "importScript('User:Proteins/editingtips.js');" to your monobook.js subpage 
// under your user page, as you can see at User:Proteins/monobook.js

// Global variables
var navcontent;
var navtoggle_text;

// Event handler for editing tips box
function toggleEditingTips() {

	var alert_string = "";

//	alert_string = "This function toggles the Editing Tips box.";
//	window.alert(alert_string);

	if (navcontent.style.display == "none") { 
		navcontent.style.display = "block";
		navtoggle_text.data = "[hide]";
	} else {
		navcontent.style.display = "none";
		navtoggle_text.data = "[show]";
	}

	return;
} // closes function toggleEditingTips()


// The main function
function editingTips() {
	var alert_string = "";

	var boldface_element;

	var list_item;
	var list_item_link;
	var list_item_text;

	var body_content;
	var toolbar;
	var editform;
	var wiki_preview;

	var navframe;

	var navhead;
	var navhead_text;

	var navtoggle;

	var markup_link;
	var markup_link_text;
	var markup_link_span;

	var navcontent_text;
	var navcontent_table;
	var navcontent_tbody;
	var navcontent_trow;

	var navcontent_tcolumn1;
	var navcontent_tcolumn2;
	var navcontent_tcolumn3;
	var navcontent_tcolumn4;

	var navcontent_tcolumn1_text;
	var navcontent_tcolumn2_text;
	var navcontent_tcolumn3_text;
	var navcontent_tcolumn4_text;

	var unordered_list_col1;
	var unordered_list_col2;
	var unordered_list_col3;
	var unordered_list_col4;

// Get the bodyContent node
	body_content = document.getElementById('bodyContent');
	if (!body_content) { 
		window.alert("There is no bodyContent node in this article.");
		return;
	}

// Get the wikiPreview node
	wiki_preview = document.getElementById('wikiPreview');
	if (!wiki_preview) { 
		window.alert("ERROR: There is no wikiPreview node in this article.");
		return;
	}

// Get the toolbar node
	toolbar = document.getElementById('toolbar');
	if (!toolbar) { 
		window.alert("ERROR: There is no toolbar node in this article.");
		return;
	}

// Get the editform node
	editform = document.getElementById('editform');
	if (!editform) { 
		window.alert("ERROR: There is no editform node in this article.");
		return;
	}

// Create the DIV elements
	navframe = document.createElement("DIV");
	navhead = document.createElement("DIV");
	navcontent = document.createElement("DIV");

	navframe.appendChild(navhead);
	navframe.appendChild(navcontent);
	body_content.insertBefore(navframe, editform);

// Assign basic properties to the new DIV elements
	navframe.id = "helpbox navframe";
	navhead.id = "helpbox navhead";
	navcontent.id = "helpbox navcontent";

	navframe.className = "NavFrame collapsed";
	navhead.className = "NavHead";
	navcontent.className = "NavContent";

// Set the CSS properties
	navframe.style.border = "2px solid #44aa44";

	navhead.style.background = "#66ff66";
	navhead.style.textAlign = "center";

	navcontent.style.display = "none";

// Add text and toggle to navhead
	markup_link = document.createElement("A");
	navhead.appendChild(markup_link);
	markup_link.className = "mw-redirect";
	markup_link.title = "Reference page for wiki-markup";
	markup_link.style.float = "left";
	markup_link.style.cursor = "help";
	markup_link.href = "/wiki/User:Proteins/Wiki_markup";
	markup_link.target = "_blank";
	markup_link_text = document.createTextNode("List");
//	markup_link_text_span = document.createElement("SPAN");
//	markup_link_text_span.style.fontSize = "70%";
//	markup_link_span.appendChild(markup_link_text);
//	markup_link.appendChild(markup_link_span);
//	markup_link_text.style.fontSize = "70%";
	markup_link.appendChild(markup_link_text);

	navhead_text = document.createTextNode("Editing tips");
	navhead.appendChild(navhead_text);

	navtoggle = document.createElement("A");
	navhead.appendChild(navtoggle);
	navtoggle.id = "NavToggle2";
	navtoggle.className = "NavToggle";
	navtoggle.style.cursor = "help";
	navtoggle.onclick = toggleEditingTips;

	navtoggle_text = document.createTextNode("[show]");
	navtoggle.appendChild(navtoggle_text);

// Add content to navcontent
	navcontent_text = document.createTextNode("Put general instructions here.");
//	navcontent.appendChild(navcontent_text);

	navcontent_table = document.createElement("TABLE");
	navcontent.appendChild(navcontent_table);
	navcontent_table.className = "multicol";
	navcontent_table.style.width = "100%";

	navcontent_tbody = document.createElement("TBODY");
	navcontent_table.appendChild(navcontent_tbody);
	navcontent_trow = document.createElement("TR");
	navcontent_tbody.appendChild(navcontent_trow);

	navcontent_tcolumn1 = document.createElement("TD");
	navcontent_tcolumn1.width = "25%";
	navcontent_tcolumn1.align = "left";
	navcontent_tcolumn1.valign = "top";
	navcontent_trow.appendChild(navcontent_tcolumn1);

	boldface_element = document.createElement("B");
	navcontent_tcolumn1_text = document.createTextNode("Basics");
	boldface_element.appendChild(navcontent_tcolumn1_text);
	navcontent_tcolumn1.appendChild(boldface_element);

	navcontent_tcolumn2 = document.createElement("TD");
	navcontent_tcolumn2.width = "25%";
	navcontent_tcolumn2.align = "left";
	navcontent_tcolumn2.valign = "top";
	navcontent_trow.appendChild(navcontent_tcolumn2);

	boldface_element = document.createElement("B");
	navcontent_tcolumn2_text = document.createTextNode("Lists & Tables");
	boldface_element.appendChild(navcontent_tcolumn2_text);
	navcontent_tcolumn2.appendChild(boldface_element);

	unordered_list_col2 = document.createElement("UL");
	navcontent_tcolumn2.appendChild(unordered_list_col2);
	list_item = document.createElement("LI");
	unordered_list_col2.appendChild(list_item);
	list_item_link = document.createElement("A");
	list_item.appendChild(list_item_link);
	list_item_link.title = "Italics: blahblahblah";
	list_item_text = document.createTextNode("Italics");
	list_item_link.appendChild(list_item_text);

	navcontent_tcolumn3 = document.createElement("TD");
	navcontent_tcolumn3.width = "25%";
	navcontent_tcolumn3.align = "left";
	navcontent_tcolumn3.valign = "top";
	navcontent_trow.appendChild(navcontent_tcolumn3);

	boldface_element = document.createElement("B");
	navcontent_tcolumn3_text = document.createTextNode("Images & Refs");
	boldface_element.appendChild(navcontent_tcolumn3_text);
	navcontent_tcolumn3.appendChild(boldface_element);

	navcontent_tcolumn4 = document.createElement("TD");
	navcontent_tcolumn4.width = "25%";
	navcontent_tcolumn4.align = "left";
	navcontent_tcolumn4.valign = "top";
	navcontent_trow.appendChild(navcontent_tcolumn4);

	boldface_element = document.createElement("B");
	navcontent_tcolumn4_text = document.createTextNode("Miscellany");
	boldface_element.appendChild(navcontent_tcolumn4_text);
	navcontent_tcolumn4.appendChild(boldface_element);

// Print acknowledgment
//	alert_string = "Added box of editing tips.";
//	window.alert(alert_string);

} // closes function editingTips()


addOnloadHook(function () {

// Add button only on editing pages
	if ((document.URL.match("\&action=edit")) && (document.getElementById('editform'))) {
            addPortletLink('p-cactions', 'javascript:editingTips()', 'editing tips', 'ca-edittips', 'Add box of editing tips as a quick reference', 'e', '');
	}
});

//</pre>