Ich bin leider Laie was JS angeht und möchte einen Code umstricken und hoffe, dass Ihr mir helfen könnt.
Ich habe folgenden Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script type="text/javascript">
/* <![CDATA[ */
var http_request = null;
var lastValue;
var running = 0;
var ifr = null;
function sleep(milliseconds) {
var start = new Date().getTime();
for (var i = 0; i < 1e7; i++) {
if ((new Date().getTime() - start) > milliseconds){
break;
}
}
}
function startTest() {
if (running) {
alert('Laeuft bereits...');
return;
}
lastValue = 0;
running = 1;
run();
}
function run() {
if (window.XMLHttpRequest) {
http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
http_request = new ActiveXObject('Msxml2.XMLHTTP');
} catch (e) {
try {
http_request = new ActiveXObject('Microsoft.XMLHTTP');
} catch (e) { }
}
}
if (http_request==null) {
alert('Can't create XMLHTTP object!');
return(null);
}
http_request.onreadystatechange = parseResponse;
http_request.open('GET', window.location.href.split("?")[1], true);
http_request.send(null);
}
function update(msg) {
document.getElementById("outSpan").innerHTML = msg;
}
function done() {
document.getElementById("outSpan").innerHTML += ' - fertig.';
http_request = null;
running = 0;
}
function parseResponse() {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
lastValue = http_request.responseText;
lastValue.replace(/\r?\n$/,'');
// alert(lastValue);
if (Math.random() < 1) {
sleep(5000);
update(lastValue);
run();
} else {
update(lastValue);
done();
}
} else {
alert('Fehler bei XMLHttpRequest\r\nStatus=' + http_request.status + ' (' + http_request.statusText + ')');
http_request = null;
running = 0;
}
}
}
/* ]]> */
</script>
</head>
<body onload="startTest();">
<span id="outSpan">-</span>
</body>
</html>
Kann ich dieses Script in eine separate Datei auslagern, entsprechende Variablen per URL übergeben, um mehrere <span> oder <div> Tags innerhalb der HTML-Seite, entsprechend mit unterschiedlichen IDs, mit Inhalt zu "füttern"?
Folgender Code sollte dann in etwa in der HTML-Seite sein:
<script src="script.js?datei1.php>
</script>
<div id="a"></div>
<script src="script.js?datei2.html>
</script>
<div id="b"></div>
<script src="script.js?quelldatei.txt>
</script>
<div id="c"></div>
Muss ich das ausgelagerte Script denn überhaupt mehrfach ausführen oder reicht es, wenn ich eine Zeile entsprechend mit einer weiteren Variablen für die ID versehe?
Vielen Dank für Eure Hilfe.