Browser hört nach function nicht auf zu laden

X-Color · 20. Oktober 2006

Hi,
folgende übung habe ich vor mir liegen, die wir in JavaScript umsetzen sollen

Es sollen für 4 Schüler eine Statistik erstellt werden, die ihre Leistung bei einer Klausur darstellt.
Dafür wird benötigt die Gesamt Punktzahl (z.b. 60) und das ergebnis der einzelnen Schüler.
Visuell soll dies mit Balken dargestellt werden ( in % ), die sich individuell dem ergebnis anpassen.

So mein Lösungsweg ist folgender:
Eine Tabelle mit 4 Spalten und 2 Zeilen. Die Obere zeile ist 250px groß und enthält ein 1x1px große Grafik, die dann später den Balken darstellen soll. Die untere Zeile ist nur für den Namen zuständig.
Die Daten (Punkte und Name) werden via Prompt (durch onclick ausgeführt) eingegeben und dann mittels function ausgerechnet.
Das Funktioniert auch alles soweit ganz gut, nur stellen sich mir dennoch einige Probleme in den weg. Zuerst zeig ich euch mal den Code...

Code:

<body>
<input type="button" value="Daten eingeben" onclick="daten()" />
<br />
<script type="text/javascript">
	function daten() {
	var punkte = prompt("Nennen Sie mir die Anzahl der zu erreichenden Punkte");
	var schueler1 = prompt("Nennen Sie mir den Namen des 1. Schülers");
	var ergebnis1 = prompt("Nennen Sie mir das Ergebnis des 1. Schülers");
	var ergebnisGesamt1 = parseInt(ergebnis1 * 100 / punkte);
	
	document.write('<table border="0" cellpadding="0" cellspacing="0">');
	document.write('<tr height="250" align="center" valign="bottom" style="background-color:silver;">
	<td style="width:50px;"><img src="red.gif" style="width:40px; height:'+ergebnisGesamt1+'%;"></td>
	document.write('<tr align="center"><td>'+ergebnisGesamt1+'%<br /><strong>'+schueler1+'</strong></td>
	document.write('</table>');
	}
</script>
</body>
</html>

Nun zu meinem problem...
Nachdem der ganze Vorgang durchgeführt wurde und alles wunderbar geklappt hat (auch mit der darstellung), ist mein browser (FireFox 1.5) jedoch noch am Laden und keine weitere Aktion ist mehr möglich. Wie als würde er noch ein File runterladen...
Selbst aktualisieren ist nichtmehr möglich, nur mit erneutem eintippen der URL in die Adressleiste komm ich wieder auf das leere HTML Dokument...
Nächstes problem besteht darin, das mein Button zum ausführen der function verschwindet, sobald er damit abgeshclossen ist...
Nun woran kann das denn liegen?
...vorab danke für eure Hilfe

Gruß X-Color

Quaese · 21. Oktober 2006

Hi,

öffne das Dokument zunächst zum Schreiben und schliesse es am Ende wieder.

Code:

document.open();
document.write("Der Inhalt");
document.close();

Der Button verschwindet, da Du mit document.write das Dokument neu schreibst, den Button also überschreibst. Wenn Du
das verhindern willst, musst Du auf das Bild und seine Eigenschaften zugreifen - z.B. dem Bild eine ID geben, das Element
mit getElementById holen und dann den Höhenwert ändern.

Ciao
Quaese

Browser hört nach function nicht auf zu laden

X-Color

Erfahrenes Mitglied

Quaese

Moderator

Neue Beiträge