MediaWiki:Skin/Suchttest.js - Versionsgeschichte

WiMu am 30. Juni 2015 um 14:34 Uhr

2015-06-30T14:34:08Z

← Nächstältere Version		Version vom 30. Juni 2015, 15:34 Uhr
Zeile 13:		Zeile 13:
	window.onload = function ()		window.onload = function ()
	{		{
	~~alert('test');~~
	suchtpotential = 0		suchtpotential = 0
	optionvalue = 0		optionvalue = 0

WiMu am 30. Juni 2015 um 14:33 Uhr

2015-06-30T14:33:34Z

← Nächstältere Version		Version vom 30. Juni 2015, 15:33 Uhr
Zeile 13:		Zeile 13:
	window.onload = function ()		window.onload = function ()
	{		{
			alert('test');
	suchtpotential = 0		suchtpotential = 0
	optionvalue = 0		optionvalue = 0

Nachteule: Textersetzung - „http://kamelopedia.mormo.org/images/“ durch „../images/“

2013-11-23T19:08:16Z

Textersetzung - „http://kamelopedia.mormo.org/images/“ durch „../images/“

← Nächstältere Version		Version vom 23. November 2013, 20:08 Uhr
Zeile 127:		Zeile 127:
	{		{
	document.getElementById("defaulttext").innerHTML = document.getElementById("allesanklicktext").innerHTML;		document.getElementById("defaulttext").innerHTML = document.getElementById("allesanklicktext").innerHTML;
	document.getElementById("suchtomat").style.backgroundImage = 'url(~~http://kamelopedia~~.~~mormo~~.~~org~~/images/f/f2/WiMu%27s_Tapete.jpg)'		document.getElementById("suchtomat").style.backgroundImage = 'url(../images/f/f2/WiMu%27s_Tapete.jpg)'
	document.getElementById("suchtomat").style.height = '100%'		document.getElementById("suchtomat").style.height = '100%'
	document.getElementById("result").innerHTML = "(verrat' ich nicht!)"		document.getElementById("result").innerHTML = "(verrat' ich nicht!)"

WiMu: +radiobuttons (testtesttest)

2009-04-17T10:19:50Z

+radiobuttons (testtesttest)

← Nächstältere Version		Version vom 17. April 2009, 11:19 Uhr
Zeile 38:		Zeile 38:
	for (var j = 0; j < optionsinner[i].getElementsByTagName("span").length; j++)		for (var j = 0; j < optionsinner[i].getElementsByTagName("span").length; j++)
	{		{
	switch (optionsinner[i].getElementsByTagName("span")[j].className)		switch (optionsinner[i].getElementsByTagName("span")[j].className.split("/")[0])
	{		{
	case "testoptionvalueinner":		case "testoptionvalueinner":
Zeile 44:		Zeile 44:
	break;		break;
	case "checkbox":		case "checkbox":
	optionsinner[i].getElementsByTagName("span")[j].innerHTML = '<input type="checkbox" name="~~suchtoption~~" value="' + optionvalue + '" onclick="checksuboptions(' + i + ')">';		optionsinner[i].getElementsByTagName("span")[j].innerHTML = '<input type="checkbox" value="' + optionvalue + '" onclick="checksuboptions(' + i + ')">';
			break;
			case "radio":
			optionsinner[i].getElementsByTagName("span")[j].innerHTML = '<input type="radio" name="' + optionsinner[i].getElementsByTagName("span")[j].className.split("/")[1] + '" value="' + optionvalue + '" onclick="checksuboptions(' + i + ')">';
	break;		break;
	case "testoptionvalueouter":		case "testoptionvalueouter":
Zeile 82:		Zeile 85:
	for (var i = 0; i < numberofoptions; i++)		for (var i = 0; i < numberofoptions; i++)
	{		{
	if (document.~~getElementsByName~~("~~suchtoption~~")[i].checked == true)		if (document.getElementsByTagName("input")[i].checked == true)
	{		{
	clicked++		clicked++
	suchtpotential = suchtpotential + Number(document.~~getElementsByName~~("~~suchtoption~~")[i].value);		suchtpotential = suchtpotential + Number(document.getElementsByTagName("input")[i].value);
	for (var j = 0; j < optionsinner[i].getElementsByTagName("span").length; j++)		for (var j = 0; j < optionsinner[i].getElementsByTagName("span").length; j++)
	{		{
Zeile 164:		Zeile 167:

	function checksuboptions(nr) {		function checksuboptions(nr) {
	if (document.~~getElementsByName~~("~~suchtoption~~")[nr].checked == true && optionsouter[nr].getElementsByTagName("ul")[0])		if (document.getElementsByTagName("input")[nr].checked == true && optionsouter[nr].getElementsByTagName("ul")[0])
	{		{
	optionsouter[nr].getElementsByTagName("ul")[0].style.display = "block";		optionsouter[nr].getElementsByTagName("ul")[0].style.display = "block";
	}		}
	if (document.~~getElementsByName~~("~~suchtoption~~")[nr].checked == false && optionsouter[nr].getElementsByTagName("ul")[0])		if (document.getElementsByTagName("input")[nr].checked == false && optionsouter[nr].getElementsByTagName("ul")[0])
	{		{
	suboptions = optionsouter[nr].getElementsByTagName("ul");		suboptions = optionsouter[nr].getElementsByTagName("ul");
Zeile 176:		Zeile 179:
	suboptions[i].style.display = "none";		suboptions[i].style.display = "none";
	suboptions[i].innerHTML = suboptions[i].innerHTML;		suboptions[i].innerHTML = suboptions[i].innerHTML;
			}
			}
			if (document.getElementsByTagName("input")[nr].name != "")
			{
			radioname = document.getElementsByTagName("input")[nr].name;
			for (var i = 0; i < numberofoptions; i++)
			{
			if(document.getElementsByTagName("input")[i].name == radioname && document.getElementsByTagName("input")[i].checked == false && optionsouter[i].getElementsByTagName("ul")[0])
			{
			suboptions = optionsouter[i].getElementsByTagName("ul");
			numberofsuboptions = suboptions.length;
			for (var j = 0; j < numberofsuboptions; j++)
			{
			suboptions[j].style.display = "none";
			suboptions[j].innerHTML = suboptions[j].innerHTML;
			}
			}
	}		}
	}		}
	};		};

WiMu: +alles-anklick-text

2009-04-16T16:19:02Z

+alles-anklick-text

← Nächstältere Version		Version vom 16. April 2009, 17:19 Uhr
Zeile 69:		Zeile 69:
	function auswertung (numberofcategories) {		function auswertung (numberofcategories) {
	notes = 0		notes = 0
			clicked = 0
	restorenotes = document.getElementById("suchttest").getElementsByTagName("span");		restorenotes = document.getElementById("suchttest").getElementsByTagName("span");
	for (var i = 0; i < restorenotes.length; i++)		for (var i = 0; i < restorenotes.length; i++)
Zeile 83:		Zeile 84:
	if (document.getElementsByName("suchtoption")[i].checked == true)		if (document.getElementsByName("suchtoption")[i].checked == true)
	{		{
			clicked++
	suchtpotential = suchtpotential + Number(document.getElementsByName("suchtoption")[i].value);		suchtpotential = suchtpotential + Number(document.getElementsByName("suchtoption")[i].value);
	for (var j = 0; j < optionsinner[i].getElementsByTagName("span").length; j++)		for (var j = 0; j < optionsinner[i].getElementsByTagName("span").length; j++)
Zeile 119:		Zeile 121:
	}		}
	}		}
	~~var maxpoints = document.getElementById("maxpoints").innerHTML;~~		if(clicked == numberofoptions)
	~~var percent = Math.round((suchtpotential / maxpoints) * 100);~~
	~~for~~ (~~var i~~ = ~~0; i <~~= ~~numberofcategories; i++~~)
	{		{
	if(~~suchtpotential >~~= ~~categories[~~'~~min~~' + i~~] && suchtpotential~~ <= ~~categories['max'~~ + i])		document.getElementById("defaulttext").innerHTML = document.getElementById("allesanklicktext").innerHTML;
			document.getElementById("suchtomat").style.backgroundImage = 'url(http://kamelopedia.mormo.org/images/f/f2/WiMu%27s_Tapete.jpg)'
			document.getElementById("suchtomat").style.height = '100%'
			document.getElementById("result").innerHTML = "(verrat' ich nicht!)"
			} else {
			document.getElementById("suchtomat").style.backgroundImage = 'none';
			var maxpoints = document.getElementById("maxpoints").innerHTML;
			var percent = Math.round((suchtpotential / maxpoints) * 100);
			for (var i = 0; i <= numberofcategories; i++)
	{		{
	document.getElementById("defaulttext").innerHTML = "<ul><li><b>Du hast " + suchtpotential + " von " + maxpoints + " möglichen Punkten erreicht</b><br>" + categories['text' + i] + "</ul></li>";		if(suchtpotential >= categories['min' + i] && suchtpotential <= categories['max' + i])
			{
			document.getElementById("defaulttext").innerHTML = "<ul><li><b>Du hast " + suchtpotential + " von " + maxpoints + " möglichen Punkten erreicht</b><br>" + categories['text' + i] + "</ul></li>";
			}
	}		}
	}		if(percent >= 0)
	if(percent >= 0)		{
	{		document.getElementById("suchtomat").style.backgroundColor = 'rgb(' + percent + '%,' + (100 - percent) + '%,0%)';
	document.getElementById("suchtomat").style.backgroundColor = 'rgb(' + percent + '%,' + (100 - percent) + '%,0%)';		document.getElementById("suchtomat").style.height = 75 + (percent * 1.55) + 'px';
	document.getElementById("suchtomat").style.height = 75 + (percent * 1.55) + 'px';		document.getElementById("suchtomat").style.display = "block";
	document.getElementById("suchtomat").style.display = "block";		} else {
	} else {		document.getElementById("suchtomat").style.display = "none";
	document.getElementById("suchtomat").style.display = "none";		}
			document.getElementById("result").innerHTML = '(' + suchtpotential + ' Punkte)'
	};		};
	~~document.getElementById("result").innerHTML = '(' + suchtpotential + ' Punkte)'~~
	suchtpotential = 0;		suchtpotential = 0;
	};		};

WiMu: + Fußnoten zitter

2009-04-16T10:20:38Z

+ Fußnoten *zitter*

← Nächstältere Version		Version vom 16. April 2009, 11:20 Uhr
Zeile 1:		Zeile 1:
			/********************************************************************************
			* *
			* Hinweis: irgendwie funktioniert's (sollte es zumindest) *
			* aber fragt mich bloß nicht, wie ... *
			* Vermutlich ist das hier alles total umständlich und alles *
			* andere als übliches javascript. Aber ich bin ja noch am *
			* lernen. *
			* *
			* --[[Kamel:WiMu\|WiMu 12:13, 16. Apr. 2009 (CEST) *
			* *
			********************************************************************************/

	window.onload = function ()		window.onload = function ()
	{		{
	suchtpotential = 0		suchtpotential = 0
	optionvalue = 0		optionvalue = 0
			notes = 0
	if(document.getElementById("suchttest"))		if(document.getElementById("suchttest"))
	{		{
Zeile 11:		Zeile 24:

	function makeoptions () {		function makeoptions () {
	~~options~~ = document.getElementById("suchttest").getElementsByTagName("li")		optionsouter = document.getElementById("suchttest").getElementsByTagName("li");
	numberofoptions = ~~options~~.length;		optionsinner = document.getElementById("suchttest").getElementsByTagName("div");
			numberofoptions = 0;
			for (var i = 0; i < optionsinner.length; i++)
			{
			if (optionsinner[i].className == "testoption")
			{
			numberofoptions++
			}
			}
	for (var i = 0; i < numberofoptions; i++)		for (var i = 0; i < numberofoptions; i++)
	{		{
	for (var j = 0; j < ~~options~~[i].getElementsByTagName("span").length; j++)		for (var j = 0; j < optionsinner[i].getElementsByTagName("span").length; j++)
	{		{
	switch (~~options~~[i].getElementsByTagName("span")[j].className)		switch (optionsinner[i].getElementsByTagName("span")[j].className)
	{		{
	case "testoptionvalueinner":		case "testoptionvalueinner":
	optionvalue = ~~options~~[i].getElementsByTagName("span")[j].innerHTML;		optionvalue = optionsinner[i].getElementsByTagName("span")[j].innerHTML;
	break;		break;
	case "checkbox":		case "checkbox":
	~~options~~[i].getElementsByTagName("span")[j].innerHTML = '<input type="checkbox" name="suchtoption" value="' + optionvalue + '" onclick="checksuboptions(' + i + ')">';		optionsinner[i].getElementsByTagName("span")[j].innerHTML = '<input type="checkbox" name="suchtoption" value="' + optionvalue + '" onclick="checksuboptions(' + i + ')">';
	break;		break;
	case "testoptionvalueouter":		case "testoptionvalueouter":
	~~options~~[i].getElementsByTagName("span")[j].style.display = "none";		optionsinner[i].getElementsByTagName("span")[j].style.display = "none";
			break;
			case "ref":
			notes++;
			document.getElementById("note" + notes).style.display = "none";
	break;		break;
	default:		default:
Zeile 43:		Zeile 68:

	function auswertung (numberofcategories) {		function auswertung (numberofcategories) {
			notes = 0
			restorenotes = document.getElementById("suchttest").getElementsByTagName("span");
			for (var i = 0; i < restorenotes.length; i++)
			{
			if (restorenotes[i].className == "refnumber")
			{
			notes++;
			restorenotes[i].innerHTML = notes;
			}
			}
			notes = 0
	for (var i = 0; i < numberofoptions; i++)		for (var i = 0; i < numberofoptions; i++)
	{		{
Zeile 48:		Zeile 84:
	{		{
	suchtpotential = suchtpotential + Number(document.getElementsByName("suchtoption")[i].value);		suchtpotential = suchtpotential + Number(document.getElementsByName("suchtoption")[i].value);
	for (var j = 0; j < ~~options~~[i].getElementsByTagName("span").length; j++)		for (var j = 0; j < optionsinner[i].getElementsByTagName("span").length; j++)
	{		{
	if (~~options~~[i].getElementsByTagName("span")[j].className == "testoptionvalueouter")		if (optionsinner[i].getElementsByTagName("span")[j].className == "testoptionvalueouter")
	{		{
	~~options~~[i].getElementsByTagName("span")[j].style.display = "block";		optionsinner[i].getElementsByTagName("span")[j].style.display = "block";
			}
			if (optionsinner[i].getElementsByTagName("span")[j].className == "refnumber")
			{
			notenumber = document.getElementById("note" + optionsinner[i].getElementsByTagName("span")[j].innerHTML);
			notenumber.style.display = "block";
			notes++
			optionsinner[i].getElementsByTagName("span")[j].innerHTML = notes;
			for (var k = 0; k < notenumber.getElementsByTagName("span").length; k++)
			{
			if (notenumber.getElementsByTagName("span")[k].className == "notenumber")
			{
			notenumber.getElementsByTagName("span")[k].innerHTML = notes;
			}
			}
	}		}
	}		}
	} else {		} else {
	for (var j = 0; j < ~~options~~[i].getElementsByTagName("span").length; j++)		for (var j = 0; j < optionsinner[i].getElementsByTagName("span").length; j++)
	{		{
	if (~~options~~[i].getElementsByTagName("span")[j].className == "testoptionvalueouter")		if (optionsinner[i].getElementsByTagName("span")[j].className == "testoptionvalueouter")
			{
			optionsinner[i].getElementsByTagName("span")[j].style.display = "none";
			}
			if (optionsinner[i].getElementsByTagName("span")[j].className == "refnumber")
	{		{
	~~options~~[i].getElementsByTagName("span")[j].style.display = "none";		document.getElementById("note" + optionsinner[i].getElementsByTagName("span")[j].innerHTML).style.display = "none";
	}		}
	}		}
Zeile 99:		Zeile 153:

	function checksuboptions(nr) {		function checksuboptions(nr) {
	if (document.getElementsByName("suchtoption")[nr].checked == true && ~~options~~[nr].getElementsByTagName("ul")[0])		if (document.getElementsByName("suchtoption")[nr].checked == true && optionsouter[nr].getElementsByTagName("ul")[0])
	{		{
	~~options~~[nr].getElementsByTagName("ul")[0].style.display = "block";		optionsouter[nr].getElementsByTagName("ul")[0].style.display = "block";
	}		}
	if (document.getElementsByName("suchtoption")[nr].checked == false && ~~options~~[nr].getElementsByTagName("ul")[0])		if (document.getElementsByName("suchtoption")[nr].checked == false && optionsouter[nr].getElementsByTagName("ul")[0])
	{		{
	suboptions = ~~options~~[nr].getElementsByTagName("ul");		suboptions = optionsouter[nr].getElementsByTagName("ul");
	numberofsuboptions = suboptions.length;		numberofsuboptions = suboptions.length;
	for (var i = 0; i < numberofsuboptions; i++)		for (var i = 0; i < numberofsuboptions; i++)

WiMu: update: +klippklapp, +kleinerbugfix daumendrück

2009-04-10T10:25:30Z

update: +klippklapp, +kleinerbugfix *daumendrück*

@@ Zeile 23: / Zeile 23: @@
 					break;
 				case "checkbox":
-					options[i].getElementsByTagName("span")[j].innerHTML = '<input type="checkbox" name="suchtoption" value="' + optionvalue + '">';
+					options[i].getElementsByTagName("span")[j].innerHTML = '<input type="checkbox" name="suchtoption" value="' + optionvalue + '" onclick="checksuboptions(' + i + ')">';
 					break;
 				case "testoptionvalueouter":
@@ Zeile 33: / Zeile 33: @@
+			}
+		}
 	document.getElementById("auswertungsknopp").innerHTML = '<input type="button" name="Auswertung" value="auswerten" onclick="auswertung(' + "'" + document.getElementById("numberofcategories").innerHTML + "'" + ')"><span id="result" style="position:absolute; right:0px; top:0px;"></span>';
 	};
@@ Zeile 72: / Zeile 78: @@
 		document.getElementById("suchtomat").style.backgroundColor = 'rgb(' + percent + '%,' + (100 - percent) + '%,0%)';
 		document.getElementById("suchtomat").style.height = 75 + (percent * 1.55) + 'px';
+		document.getElementById("suchtomat").style.display = "block";
 	document.getElementById("result").innerHTML = '(' + suchtpotential + ' Punkte)'
 	suchtpotential = 0;
@@ Zeile 87: / Zeile 96: @@
 	document.getElementById("auswertungstext").style.display = "none";
 	document.getElementById("defaulttext").style.display     = "inline";
 	};

WiMu: so, + suchtometer, bessere dpl-Unterstützung und im IE sollte es jetzt auch funktionieren (cache entleeren nicht vergessen) daumenrdück

2009-04-09T12:24:12Z

so, + suchtometer, bessere dpl-Unterstützung und im IE sollte es jetzt auch funktionieren (cache entleeren nicht vergessen) *daumenrdück*

← Nächstältere Version		Version vom 9. April 2009, 13:24 Uhr
Zeile 2:		Zeile 2:
	{		{
	suchtpotential = 0		suchtpotential = 0
	optionvalue = 0		optionvalue = 0
	if(document.getElementById("suchttest"))		if(document.getElementById("suchttest"))
	{		{
	makeoptions ();		makeoptions ();
	~~min1 = Number~~(document.getElementById("~~min1~~").innerHTML);		prepare (document.getElementById("numberofcategories").innerHTML);
	~~min2 = Number(document.getElementById("min2").innerHTML);~~
	~~min3 = Number(document.getElementById("min3").innerHTML);~~
	~~min1text = document.getElementById("min1text").innerHTML;~~
	~~min2text = document.getElementById("min2text").innerHTML;~~
	~~min3text = document.getElementById("min3text").innerHTML;~~
	~~document.getElementById("auswertungstext").style.display = "none"~~
	}		}
	};		};
Zeile 39:		Zeile 33:
	}		}
	}		}
	document.getElementById("auswertungsknopp").innerHTML = '<input type="button" name="Auswertung" value="~~Auswertung~~" onclick="auswertung()"><span id="result" style="position:absolute; right:0px; top:0px;"></span>';		document.getElementById("auswertungsknopp").innerHTML = '<input type="button" name="Auswertung" value="auswerten" onclick="auswertung(' + "'" + document.getElementById("numberofcategories").innerHTML + "'" + ')"><span id="result" style="position:absolute; right:0px; top:0px;"></span>';
	};		};

	function auswertung () {		function auswertung (numberofcategories) {
	for (var i = 0; i < numberofoptions; i++)		for (var i = 0; i < numberofoptions; i++)
	{		{
Zeile 65:		Zeile 59:
	}		}
	}		}
	document.getElementById("~~result~~").innerHTML = '(~~' +~~ suchtpotential ~~+ ' Punkte~~)'		var maxpoints = document.getElementById("maxpoints").innerHTML;
	if(~~suchtpotential~~ <= ~~min1~~)		var percent = Math.round((suchtpotential / maxpoints) * 100);
			for (var i = 0; i <= numberofcategories; i++)
	{		{
	~~document.getElementById~~(~~"auswertungstext").innerHTML~~ = ~~min1text;~~		if(suchtpotential >= categories['min' + i] && suchtpotential <= categories['max' + i])
	~~} else {~~
	~~if(~~suchtpotential <= ~~min2~~)
	{		{
	document.getElementById("~~auswertungstext~~").innerHTML = ~~min2text;~~		document.getElementById("defaulttext").innerHTML = "<ul><li><b>Du hast " + suchtpotential + " von " + maxpoints + " möglichen Punkten erreicht</b><br>" + categories['text' + i] + "</ul></li>";
	~~} else {~~
	~~if(~~suchtpotential <~~= min3)~~
	{
	~~document.getElementById(~~"~~auswertungstext~~"~~).innerHTML = min3text~~;
	}
	}		}
	}		}
	document.getElementById("~~auswertungstext~~").style.~~display~~ = "~~block~~";		if(percent >= 0)
			{
			document.getElementById("suchtomat").style.backgroundColor = 'rgb(' + percent + '%,' + (100 - percent) + '%,0%)';
			document.getElementById("suchtomat").style.height = 75 + (percent * 1.55) + 'px';
			}
			document.getElementById("result").innerHTML = '(' + suchtpotential + ' Punkte)'
	suchtpotential = 0;		suchtpotential = 0;
			};

			function prepare (numberofcategories) {
			categories = new Array();
			for (var i = 0; i <= numberofcategories; i++)
			{
			categories['min' + i] = document.getElementById('min' + i).innerHTML;
			categories['max' + i] = document.getElementById('max' + i).innerHTML;
			categories['text' + i] = document.getElementById('text' + i).innerHTML;
			}
			document.getElementById("auswertungstext").style.display = "none";
			document.getElementById("defaulttext").style.display = "inline";
	};		};

WiMu: Die Seite wurde neu angelegt.

2009-04-02T19:20:12Z

Die Seite wurde neu angelegt.

Neue Seite