java/sql-vyuka/web/hlavni.js
changeset 80 d900e5a112cc
parent 72 fc3d6fa6fbcd
child 81 6fb319847482
     1.1 --- a/java/sql-vyuka/web/hlavni.js	Wed Feb 08 13:16:13 2012 +0100
     1.2 +++ b/java/sql-vyuka/web/hlavni.js	Thu May 24 15:47:48 2012 +0200
     1.3 @@ -10,14 +10,14 @@
     1.4   * @return AJAXový objekt.
     1.5   */
     1.6  function getXmlHttpRequestObject() {
     1.7 -    if (window.XMLHttpRequest) {
     1.8 -	return new XMLHttpRequest();
     1.9 -    } else if(window.ActiveXObject) {
    1.10 -	return new ActiveXObject("Microsoft.XMLHTTP");
    1.11 -    } else {
    1.12 -	alert(document.getElementById('lokalizace').nepodporovany.value);
    1.13 -	return null;
    1.14 -    }
    1.15 +	if (window.XMLHttpRequest) {
    1.16 +		return new XMLHttpRequest();
    1.17 +	} else if(window.ActiveXObject) {
    1.18 +		return new ActiveXObject("Microsoft.XMLHTTP");
    1.19 +	} else {
    1.20 +		alert(document.getElementById('lokalizace').nepodporovany.value);
    1.21 +		return null;
    1.22 +	}
    1.23  }
    1.24  
    1.25  
    1.26 @@ -30,7 +30,7 @@
    1.27   * @return SQL příkaz zadaný uživatelem.
    1.28   **/
    1.29  function getSQL() {
    1.30 -    return document.getElementById('aplikace').vstupniPole.value;
    1.31 +	return document.getElementById('aplikace').vstupniPole.value;
    1.32  }
    1.33  
    1.34  
    1.35 @@ -40,47 +40,47 @@
    1.36   * @param kde id prvku, do kterého se má text vypsat.
    1.37   **/
    1.38  function zobraz(text, kde) {
    1.39 -    if (kde == vstupniPole) {
    1.40 -	document.getElementById('aplikace').vstupniPole.value = vratEntity(text);
    1.41 -    } else if (kde == stavovePole)  {
    1.42 -	document.getElementById('aplikace').stavovePole.value = vratEntity(text);
    1.43 -    } else {
    1.44 -	document.getElementById(kde).innerHTML = text + '<p>&nbsp;<!-- Šťastné hackování ;-) --></p>';
    1.45 -    }
    1.46 +	if (kde == vstupniPole) {
    1.47 +		document.getElementById('aplikace').vstupniPole.value = vratEntity(text);
    1.48 +	} else if (kde == stavovePole)  {
    1.49 +		document.getElementById('aplikace').stavovePole.value = vratEntity(text);
    1.50 +	} else {
    1.51 +		document.getElementById(kde).innerHTML = text + '<p>&nbsp;<!-- Šťastné hackování ;-) --></p>';
    1.52 +	}
    1.53  }
    1.54  
    1.55  
    1.56  /** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
    1.57  function ajaxVykonatSQL() {
    1.58 -    if (ajax.readyState == 4 || ajax.readyState == 0) {
    1.59 -	zobraz(document.getElementById('lokalizace').probihaSQL.value, stavovePole);
    1.60 -	ajax.open("POST", 'ajax.jspx?akce=vykonat&sql=' + encodeURIComponent(getSQL()), true);
    1.61 -	ajax.onreadystatechange = function() {
    1.62 -	    if (ajax.readyState == 4) {
    1.63 -		zobraz(ajax.responseText, vystupniPole);
    1.64 -		zobraz('', stavovePole);
    1.65 -	    }
    1.66 -	};
    1.67 -	ajax.send(null);
    1.68 -    }
    1.69 -    ulozURL();
    1.70 +	if (ajax.readyState == 4 || ajax.readyState == 0) {
    1.71 +		zobraz(document.getElementById('lokalizace').probihaSQL.value, stavovePole);
    1.72 +		ajax.open("POST", 'ajax.jspx?akce=vykonat&sql=' + encodeURIComponent(getSQL()), true);
    1.73 +		ajax.onreadystatechange = function() {
    1.74 +			if (ajax.readyState == 4) {
    1.75 +				zobraz(ajax.responseText, vystupniPole);
    1.76 +				zobraz('', stavovePole);
    1.77 +			}
    1.78 +		};
    1.79 +		ajax.send(null);
    1.80 +	}
    1.81 +	ulozURL();
    1.82  }
    1.83  
    1.84  
    1.85  /** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
    1.86  function ajaxZobrazitHistorii() {
    1.87 -    if (ajax.readyState == 4 || ajax.readyState == 0) {
    1.88 -	zobraz(document.getElementById('lokalizace').probihaHistorie.value, stavovePole);
    1.89 -	ajax.open("POST", 'ajax.jspx?akce=historie', true);
    1.90 -	ajax.onreadystatechange = function() {
    1.91 -	    if (ajax.readyState == 4) {
    1.92 -		zobraz(ajax.responseText, vystupniPole);
    1.93 -		zobraz('', stavovePole);
    1.94 -		aktivujHistorii();
    1.95 -	    }
    1.96 -	};
    1.97 +	if (ajax.readyState == 4 || ajax.readyState == 0) {
    1.98 +		zobraz(document.getElementById('lokalizace').probihaHistorie.value, stavovePole);
    1.99 +		ajax.open("POST", 'ajax.jspx?akce=historie', true);
   1.100 +		ajax.onreadystatechange = function() {
   1.101 +			if (ajax.readyState == 4) {
   1.102 +				zobraz(ajax.responseText, vystupniPole);
   1.103 +				zobraz('', stavovePole);
   1.104 +				aktivujHistorii();
   1.105 +			}
   1.106 +		};
   1.107  	ajax.send(null);
   1.108 -    }
   1.109 +	}
   1.110  }
   1.111  
   1.112  var pruvodceAktualniId = 0;
   1.113 @@ -88,65 +88,65 @@
   1.114  urlOdkaz['pruvodce'] = null;
   1.115  
   1.116  function ajaxPruvodcePredchozi() {
   1.117 -    ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null);
   1.118 +	ajaxPruvodceNaviguj('predchozi', pruvodceAktualniId, null);
   1.119  }
   1.120  
   1.121  function ajaxPruvodceZpet() {
   1.122 -    try {
   1.123 -	history.back();
   1.124 -	//window.back();
   1.125 -	nactiURL();
   1.126 -    } catch (e) {
   1.127 -	alert(e);
   1.128 -    // není historie
   1.129 -    }
   1.130 +	try {
   1.131 +		history.back();
   1.132 +		//window.back();
   1.133 +		nactiURL();
   1.134 +	} catch (e) {
   1.135 +		alert(e);
   1.136 +		// není historie
   1.137 +	}
   1.138  }
   1.139  
   1.140  function ajaxPruvodceVpred() {
   1.141 -    try {
   1.142 -	history.forward();
   1.143 -	//window.forward();
   1.144 -	nactiURL();
   1.145 -    } catch (e) {
   1.146 -	alert(e);
   1.147 -    // není historie
   1.148 -    }
   1.149 +	try {
   1.150 +		history.forward();
   1.151 +		//window.forward();
   1.152 +		nactiURL();
   1.153 +	} catch (e) {
   1.154 +		alert(e);
   1.155 +		// není historie
   1.156 +	}
   1.157  }
   1.158  
   1.159  function ajaxPruvodceNasledujici() {
   1.160 -    ajaxPruvodceNaviguj('nasledujici', pruvodceAktualniId, null);
   1.161 +	ajaxPruvodceNaviguj('nasledujici', pruvodceAktualniId, null);
   1.162  }
   1.163  
   1.164  function ajaxPruvodceKod(kod) {
   1.165 -    ajaxPruvodceNaviguj('podleKodu', 0, kod);
   1.166 +	ajaxPruvodceNaviguj('podleKodu', 0, kod);
   1.167  }
   1.168  
   1.169  function ajaxPruvodceId(id) {
   1.170 -    ajaxPruvodceNaviguj('podleId', id, null);
   1.171 +	ajaxPruvodceNaviguj('podleId', id, null);
   1.172  
   1.173  }
   1.174  
   1.175  function ajaxPruvodceNaviguj(akcePruvodce, id, kod) {
   1.176 -    if (ajax.readyState == 4 || ajax.readyState == 0) {
   1.177 -	ajax.open("POST", 'ajax.jspx?akce=napoveda&pruvodce=' + encodeURIComponent(akcePruvodce) + '&idPruvodce=' + encodeURIComponent(id) + '&kodPruvodce=' + encodeURIComponent(kod), true);
   1.178 -	ajax.onreadystatechange = function() {
   1.179 -	    if (ajax.readyState == 4) {
   1.180 -		zobraz(ajax.responseText, napovedniPole);
   1.181 -		/** Uložíme si do paměti ID aktuální stránky */
   1.182 -		if (document.getElementById('pruvodceData')) {
   1.183 -		    pruvodceAktualniId = document.getElementById('pruvodceData').id.value;
   1.184 -		} else {
   1.185 -		    pruvodceAktualniId = 0;
   1.186 -		}
   1.187 -		/** Změníme URL v prohlížeči */
   1.188 -		urlOdkaz['pruvodce']  = 'pruvodce=' + encodeURIComponent(pruvodceAktualniId);
   1.189 -		ulozURL();
   1.190 -		sestavStromy();
   1.191 -		aktivujPruvodce();
   1.192 -	    }
   1.193 -	};
   1.194 +	if (ajax.readyState == 4 || ajax.readyState == 0) {
   1.195 +		ajax.open("POST", 'ajax.jspx?akce=napoveda&pruvodce=' + encodeURIComponent(akcePruvodce) + '&idPruvodce=' + encodeURIComponent(id) + '&kodPruvodce=' + encodeURIComponent(kod), true);
   1.196 +		ajax.onreadystatechange = function() {
   1.197 +			if (ajax.readyState == 4) {
   1.198 +				zobraz(ajax.responseText, napovedniPole);
   1.199 +				/** Uložíme si do paměti ID aktuální stránky */
   1.200 +				if (document.getElementById('pruvodceData')) {
   1.201 +					pruvodceAktualniId = document.getElementById('pruvodceData').id.value;
   1.202 +				} else {
   1.203 +					pruvodceAktualniId = 0;
   1.204 +				}
   1.205 +				/** Změníme URL v prohlížeči */
   1.206 +				urlOdkaz['pruvodce']  = 'pruvodce=' + encodeURIComponent(pruvodceAktualniId);
   1.207 +				ulozURL();
   1.208 +				sestavStromy();
   1.209 +				aktivujPruvodce();
   1.210 +			}
   1.211 +		};
   1.212  	ajax.send(null);
   1.213 -    }
   1.214 +	}
   1.215  }
   1.216  
   1.217  /**
   1.218 @@ -157,15 +157,16 @@
   1.219   * @return hodnota parametr
   1.220   */
   1.221  function getParametr(parametr) {
   1.222 -    parametr = parametr.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
   1.223 -    //var regexS = "[\\?&]"+parametr+"=([^&#]*)";
   1.224 -    var regexS = "[\\#&]"+parametr+"=([^&]*)";
   1.225 -    var regex = new RegExp( regexS );
   1.226 -    var results = regex.exec(window.location.hash);
   1.227 -    if( results == null )
   1.228 -	return "";
   1.229 -    else
   1.230 -	return decodeURIComponent(results[1]);
   1.231 +	parametr = parametr.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
   1.232 +	//var regexS = "[\\?&]"+parametr+"=([^&#]*)";
   1.233 +	var regexS = "[\\#&]"+parametr+"=([^&]*)";
   1.234 +	var regex = new RegExp( regexS );
   1.235 +	var results = regex.exec(window.location.hash);
   1.236 +	if ( results == null ) {
   1.237 +		return "";
   1.238 +	} else {
   1.239 +		return decodeURIComponent(results[1]);
   1.240 +	}
   1.241  }
   1.242  
   1.243  /**
   1.244 @@ -173,34 +174,34 @@
   1.245   * aby si uživatel mohl URL zkopírovat a příště si obnovit stav aplikace.
   1.246   */
   1.247  function ulozURL() {
   1.248 -    if (urlOdkaz['pruvodce']) {
   1.249 -	window.location.hash = urlOdkaz['pruvodce'] + '&sql=' + encodeURIComponent(getSQL());
   1.250 -    } else {
   1.251 -	window.location.hash = 'sql=' + encodeURIComponent(getSQL());
   1.252 -    }
   1.253 +	if (urlOdkaz['pruvodce']) {
   1.254 +		window.location.hash = urlOdkaz['pruvodce'] + '&sql=' + encodeURIComponent(getSQL());
   1.255 +	} else {
   1.256 +		window.location.hash = 'sql=' + encodeURIComponent(getSQL());
   1.257 +	}
   1.258  }
   1.259  /**
   1.260   * Načte uložený stav aplikace z URL (SQL příkaz, průvodce).
   1.261   */
   1.262  function nactiURL() {
   1.263 -    /** Načteme uživatelův SQL příkaz z URL do vstupního pole */
   1.264 -    if (getParametr('sql')) {
   1.265 -	zobraz(getParametr('sql'), vstupniPole);
   1.266 -    }
   1.267 -    
   1.268 -    /** Načteme pozici v nápovědě */
   1.269 -    if (getParametr('pruvodce')) {
   1.270 -	ajaxPruvodceId(getParametr('pruvodce'));
   1.271 -    } else {
   1.272 -	ajaxPruvodceKod('vitejte');
   1.273 -    }
   1.274 +	/** Načteme uživatelův SQL příkaz z URL do vstupního pole */
   1.275 +	if (getParametr('sql')) {
   1.276 +		zobraz(getParametr('sql'), vstupniPole);
   1.277 +	}
   1.278 +
   1.279 +	/** Načteme pozici v nápovědě */
   1.280 +	if (getParametr('pruvodce')) {
   1.281 +		ajaxPruvodceId(getParametr('pruvodce'));
   1.282 +	} else {
   1.283 +		ajaxPruvodceKod('vitejte');
   1.284 +	}
   1.285  }
   1.286  
   1.287  window.onload = function() {
   1.288 -    nactiURL();
   1.289 -    document.getElementById("zahlavi").addEventListener('click', function () {
   1.290 -	ajaxPruvodceKod('vitejte');
   1.291 -    }, false);
   1.292 +	nactiURL();
   1.293 +	document.getElementById("zahlavi").addEventListener('click', function () {
   1.294 +		ajaxPruvodceKod('vitejte');
   1.295 +	}, false);
   1.296  }
   1.297  
   1.298  /**
   1.299 @@ -212,26 +213,26 @@
   1.300   * převede href="@klíč" na správný javascriptový odkaz.
   1.301   */
   1.302  function aktivujPruvodce() {
   1.303 -    /** Ukázky SQL kódu */
   1.304 -    elementy = document.getElementsByTagName("pre");
   1.305 -    for (var i = 0; i < elementy.length; i++) {
   1.306 -	if (elementy[i].parentNode.id == napovedniPole) {
   1.307 -	    elementy[i].title = document.getElementById('lokalizace').klikniProNacteniPrikladu.value;
   1.308 -	    elementy[i].onclick = function() {
   1.309 -		zobraz(this.innerHTML, 'vstupniPole');
   1.310 -		return true;
   1.311 -	    };
   1.312 +	/** Ukázky SQL kódu */
   1.313 +	elementy = document.getElementsByTagName("pre");
   1.314 +	for (var i = 0; i < elementy.length; i++) {
   1.315 +		if (elementy[i].parentNode.id == napovedniPole) {
   1.316 +			elementy[i].title = document.getElementById('lokalizace').klikniProNacteniPrikladu.value;
   1.317 +			elementy[i].onclick = function() {
   1.318 +				zobraz(this.innerHTML, 'vstupniPole');
   1.319 +				return true;
   1.320 +			};
   1.321 +		}
   1.322  	}
   1.323 -    }
   1.324  
   1.325 -    /** Aktivace interních odkazů na průvodce */
   1.326 -    elementy = document.getElementsByTagName("a");
   1.327 -    for (var j = 0; j < elementy.length; j++) {
   1.328 -	var odkaz = elementy[j].getAttribute("href");
   1.329 -	if (odkaz.substring(0, 1) == '@') {
   1.330 -	    elementy[j].href = "javascript:ajaxPruvodceKod('" + odkaz.substring(1, odkaz.length) + "');";
   1.331 +	/** Aktivace interních odkazů na průvodce */
   1.332 +	elementy = document.getElementsByTagName("a");
   1.333 +	for (var j = 0; j < elementy.length; j++) {
   1.334 +		var odkaz = elementy[j].getAttribute("href");
   1.335 +		if (odkaz.substring(0, 1) == '@') {
   1.336 +			elementy[j].href = "javascript:ajaxPruvodceKod('" + odkaz.substring(1, odkaz.length) + "');";
   1.337 +		}
   1.338  	}
   1.339 -    }
   1.340  }
   1.341  
   1.342  /**
   1.343 @@ -240,17 +241,17 @@
   1.344   * aby uživatel tento kód nemusel opisovat.
   1.345   */
   1.346  function aktivujHistorii() {
   1.347 -    radky = document.getElementsByTagName("tr");
   1.348 -    for (var i = 1; i < radky.length; i++) {
   1.349 -	if (radky[i].parentNode.parentNode.parentNode.id == vystupniPole) {
   1.350 -	    radky[i].childNodes[1].title = document.getElementById('lokalizace').klikniProNacteniHistorie.value;
   1.351 -	    radky[i].childNodes[1].style.cursor = 'pointer';
   1.352 -	    radky[i].childNodes[1].onclick = function() {
   1.353 -		zobraz(this.innerHTML, 'vstupniPole');
   1.354 -		return true;
   1.355 -	    };
   1.356 +	radky = document.getElementsByTagName("tr");
   1.357 +	for (var i = 1; i < radky.length; i++) {
   1.358 +		if (radky[i].parentNode.parentNode.parentNode.id == vystupniPole) {
   1.359 +			radky[i].childNodes[1].title = document.getElementById('lokalizace').klikniProNacteniHistorie.value;
   1.360 +			radky[i].childNodes[1].style.cursor = 'pointer';
   1.361 +			radky[i].childNodes[1].onclick = function() {
   1.362 +				zobraz(this.innerHTML, 'vstupniPole');
   1.363 +				return true;
   1.364 +			};
   1.365 +		}
   1.366  	}
   1.367 -    }
   1.368  }
   1.369  
   1.370  /**
   1.371 @@ -258,14 +259,13 @@
   1.372   * aby se správně zobrazily ve vstupním nebo stavovém poli.
   1.373   */
   1.374  function vratEntity (text) {
   1.375 -    var vysledek = text;
   1.376 -    vysledek = vysledek.replace('&lt;', '<', 'g');
   1.377 -    vysledek = vysledek.replace('&gt;', '>', 'g');
   1.378 -    vysledek = vysledek.replace('&amp;', '&', 'g');
   1.379 -    vysledek = vysledek.replace('&nbsp;', ' ', 'g');
   1.380 -    vysledek = vysledek.replace('&#160;', ' ', 'g');
   1.381 -    return vysledek;
   1.382 -
   1.383 +	var vysledek = text;
   1.384 +	vysledek = vysledek.replace('&lt;', '<', 'g');
   1.385 +	vysledek = vysledek.replace('&gt;', '>', 'g');
   1.386 +	vysledek = vysledek.replace('&amp;', '&', 'g');
   1.387 +	vysledek = vysledek.replace('&nbsp;', ' ', 'g');
   1.388 +	vysledek = vysledek.replace('&#160;', ' ', 'g');
   1.389 +	return vysledek;
   1.390  }
   1.391  
   1.392  /**
   1.393 @@ -273,8 +273,9 @@
   1.394   * url = název souboru.js
   1.395   */
   1.396  function nactiJavaScript (url) {
   1.397 -    var element = document.createElement("script");
   1.398 -    element.src = url;
   1.399 -    element.type = "text/javascript";
   1.400 -    document.getElementsByTagName("head")[0].appendChild(element);
   1.401 +	var element = document.createElement("script");
   1.402 +	element.src = url;
   1.403 +	element.type = "text/javascript";
   1.404 +	document.getElementsByTagName("head")[0].appendChild(element);
   1.405  }
   1.406 +