Benutzer:J*/Javascript-Spielwüste.js: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 6: Zeile 6:
 
addOnloadHook( function () {
 
addOnloadHook( function () {
 
// INIT
 
// INIT
document.getElementById("eingabe1").innerHTML=("<form action='#'><input id='ef1' type='text'/>&ensp;<span id='er1'></span></form>");
+
document.getElementById("eingabe1").innerHTML=("<form action='#' onsubmit='return false;' ><input id='ef1' type='text'/>&ensp;<span id='er1'></span></form>");
 
document.getElementById("er1").innerHTML = document.getElementById("eingabe_falsch").innerHTML;
 
document.getElementById("er1").innerHTML = document.getElementById("eingabe_falsch").innerHTML;
 
document.getElementById("ef1").onkeyup = function () {
 
document.getElementById("ef1").onkeyup = function () {
Zeile 21: Zeile 21:
 
addOnloadHook( function () {
 
addOnloadHook( function () {
 
// INIT
 
// INIT
document.getElementById("eingabe2").innerHTML=("<form action='#'><input id='ef2' type='text'/>&ensp;<input type='submit' value='Ich bin mir da ganz sicher!' id='okbtn2'/></form>");
+
document.getElementById("eingabe2").innerHTML=("<form action='#' id='form2'><input id='ef2' type='text'></input>&ensp;<input type='submit' value='Ich bin mir da ganz sicher!' id='okbtn2'/></form>");
document.getElementById("okbtn2").onclick = function () {
+
document.getElementById("form2").onsubmit = function () {
 
if (document.getElementById("ef2").value == CODEWORT)
 
if (document.getElementById("ef2").value == CODEWORT)
 
{
 
{

Aktuelle Version vom 28. September 2010, 11:52 Uhr

var CODEWORT = "Kamel"; // Das ist das gefragte Codewort. Groß- und Kleinschreibung beachten!
var HREF = "Hauptseite"; // Auf dieser Seite geht's weiter!

// VARIANTE 1: Mit anzeigender Grafik

addOnloadHook( function () {
	// INIT
	document.getElementById("eingabe1").innerHTML=("<form action='#' onsubmit='return false;' ><input id='ef1' type='text'/>&ensp;<span id='er1'></span></form>");
	document.getElementById("er1").innerHTML = document.getElementById("eingabe_falsch").innerHTML;
	document.getElementById("ef1").onkeyup = function () {
		if (this.value == CODEWORT)
			// Grafik austauschen und Link erzeugen
			document.getElementById("er1").innerHTML = document.getElementById("eingabe_ok").innerHTML + "&ensp;<a href='"+wgScript+"?title="+encodeURI(HREF)+"'>Weiter geht's</a>";
		else
			document.getElementById("er1").innerHTML = document.getElementById("eingabe_falsch").innerHTML;
	}
});

// VARIANTE 2: Mit OK-Button

addOnloadHook( function () {
	// INIT
	document.getElementById("eingabe2").innerHTML=("<form action='#' id='form2'><input id='ef2' type='text'></input>&ensp;<input type='submit' value='Ich bin mir da ganz sicher!' id='okbtn2'/></form>");
	document.getElementById("form2").onsubmit = function () {
		if (document.getElementById("ef2").value == CODEWORT)
		{
			// Ergebnis ausspucken und weiterleiten
			alert("Richtig! Weiter geht's!");
			location.href = wgScript+"?title="+encodeURI(HREF);
		}
		else
		{
			// Ergebnis ausspucken und weiterleiten
			alert("Das war wohl nix.");
			// Nachfolgende Zeile auskommentieren oder entfernen um dem Nutzer mehrere Eingabeversuche zu erlauben.
			location.href = wgScript+"?title="+encodeURI("Grabkammer des Pharao");
		}
                return false; //Für den IE
	}
});