Bearbeiten von „OS2.faces“

[[Kategorie:Greasemonkey]]
{| style="background-color:white; font-size:11px; float: right; margin:3px 3px 3px 10px; border:1px solid #999; border-color: #8c9a7c; border-collapse:collapse;" width=500 cellpadding=3 cellspacing=0
| colspan="2" style="padding:0.3em; background-color:#8c9a7c; font-size: 18px; color:#FFFFFF" align=center| '''OS2.faces'''
|- bgcolor="#CCCCCC"
| '''Dateiname'''
| os2.faces.user.js
|- bgcolor="#CCCCCC"
| '''Version'''
| 0.1
|- bgcolor="#CCCCCC"
| '''Autor'''
| Roman Bauer, [[FC Cork]]
|- bgcolor="#CCCCCC"
| '''Beschreibung'''
| Farbeauswahl über HTML5 Color Picker
|- bgcolor="#CCCCCC"
| '''Letzte&nbsp;Änderung'''
| {{REVISIONDAY}}.{{REVISIONMONTH}}.{{REVISIONYEAR}}
|- bgcolor="#FFCC00"
|}

== Quellcode ==
<pre>
// ==UserScript==
// @name         OS2.faces
// @namespace    http://os.ongapo.com/
// @version      0.1
// @copyright    2016+
// @author       Roman Bauer
// @description  Farbeauswahl über HTML5 Color Picker
// @include      /^https?://(www\.|)(os\.ongapo\.com|online-soccer\.eu|os-zeitungen\.com)/osbetafaces\.php$/
// ==/UserScript==

/*jshint loopfunc: true */

(function () {

	"use strict";

	var colorPickerAvailable = (function () {
		var e = document.createElement("input");
		e.setAttribute("type", "color");
		return e.type !== "text";
	})();

	if (colorPickerAvailable) {

		var inputs = document.getElementsByTagName("input"), i;

		for (i = 0; i < inputs.length; i++) {

			var textInput = inputs[i];

			if (textInput.name && textInput.name.search(/.*farbe.*/) !== -1 && textInput.type === "text") {

				var colorPicker = document.createElement("input");

				colorPicker.type = "color";
				colorPicker.value = "#" + inputs[i].value;

				colorPicker.oninput = function () {
					this.nextSibling.value = this.value.substr(1);
				};

				textInput.parentNode.insertBefore(colorPicker, textInput);
				textInput.style.display = "none";

				i++; // cause of new input
			}
		}
	}

})();

</pre>