Forum

RSS2

Suchen

Mitgliederliste

Registrieren

Profil

Gehe zu: » Forum » HTML und Javascript » Prozentanzeige

Seite: 1

Thema

Autor

Prozentanzeige

Beitrag von puentas am: 22.08.2008 12:48:02

hallo,
ich habe ein Formular mit 5 Feldern.
Wenn etwas eingegeben wird soll in ein div automatisch die abgeschlossene prozent zahl geschreiben werden.

Ist das möglich??
Danke

puentas
Benutzer

Beiträge: 12
OFF

AW: Prozentanzeige

Beitrag von PAS am: 22.08.2008 23:09:32

Hi,
hier die Lösung:

PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prozentanzeige</title>
<script type="text/javascript">
<!--
/* (C) 2008 by PA-S.de */
// Einstellung:
var felder = 5;
// --------------------------------
var stand = 0;
var ids = "";
function P91Prozent(value, id) {
	if(value != "") {
		if(ids.search(id) == -1) {
			stand += 100 / felder;
			ids += '|' + id;
			document.getElementById("heuri").innerHTML = "Fortschritt " + stand + "%";
		}
	} else {
		if(ids.search(id) != -1) {
			stand -= 100 / felder;
			ids = ids.replace('|' + id, '');
			document.getElementById("heuri").innerHTML = "Fortschritt " + stand + "%";
		}	
	}
}
-->
</script>
</head>
<body>
<p><strong>Prozentanzeige</strong></p>
<div id="heuri">Fortschritt 0%</div>
<p>
  Feld 1 
  <input type="text" name="textfield"  onkeyup="P91Prozent(this.value, 1)" />
</p>
<p>Feld 2
  <input type="password" name="textfield2" onkeyup="P91Prozent(this.value, 2)" />
</p>
<p>Feld 3
  <input type="text" name="textfield3" onkeyup="P91Prozent(this.value, 3)" />
</p>
<p>Feld 4
  <input type="text" name="textfield4" onkeyup="P91Prozent(this.value, 4)" />
</p>
<p>Feld 5
  <input type="text" name="textfield5" onkeyup="P91Prozent(this.value, 5)" />
</p>
<p>(c) by<a href="http://www.pa-s.de" target="_blank"> PA-S.de</a> </p>
</body>
</html>