ilch.de :: Forum :: Allgemein :: HTML, PHP, SQL,...

ne keine änderung
<html>
	<head>
	
	<style type="text/css">
		body {
			background-color: #5f6269;
		}
		
		#around{
			width: 100%;
		}
		
		.half{
			width: 300px;
			float: left;
			text-align: left;
		}
		
		.total{
			width: 100%;
			
		}
		
		#rechenweg{
			
		}
				
		#ausgabe{
			font-weight: bold;
			font-size: 25px;
			
		}
		
		.display{
			border: 1px solid #46484d;
			background-color: #81858f;
			width: 240px;
			height: 100px;
			padding: 5px;
			text-align: right;
			margin-bottom: 15px;
			-moz-border-radius:5px;
			-khtml-border-radius:5px;
		}
		
		#eingabe{
			width: 250px;
			padding: 10px;
		}
		
		input{
			font-size:12px;
			padding:4px;
			width: 57px;
			border:solid 1px #d0d2d3;
			margin-bottom: 10px;
			-moz-border-radius:5px;
			-khtml-border-radius:5px;
		}
		
		input:hover{
			border:solid 1px #3ea3ce;
		}

		input:active{
			border:solid 1px #3ea3ce;
		}
		
		#right{
			float: right;
		}
	</style>
	
	<script type="text/javascript" src="http://script.aculo.us/prototype.js"></script><script type="text/javascript" src="http://script.aculo.us/scriptaculous.js"></script>
	
	
	<script language="JavaScript">
	
	/*#######################################
    ####	Variablen Deklaration ###########
	#######################################*/
		var rechenweg = "";
		var ausgabe = 0.0;
		
		var eingabe = 0.0;
		var tempzwei = 0.0;
		var tempeins = 0.0;
	
		var start = false;
		
		
	/*#######################################
    #### Standard Funktionen ###########
	#######################################*/
		
		//Handle Funktion --> Erneute Eingabe erzwingen
		function handle() {
				eingabe = eingabee();
				ausgabe = eingabe;
				ausgabee();
		}
				
		// Eingabe Funktion
		function eingabee() {
			if(document.getElementById("eingabe").value == "") {
				alert("Bitte Geben Sie eine Zahl ein");
				start = false;
			} else {
				var a = parseInt(document.getElementById("eingabe").value);
				start = true;
			}
			return a;
		}
		
		//Ausgabefunktion
		function ausgabee() {
			document.getElementById("rechenweg").innerHTML = '<p>' + rechenweg + '</p>';
			document.getElementById("ausgabe").innerHTML = '<p>' + ausgabe + '</p>';
		}
		
		
	/*#######################################
    ####	Rechen Operationen ##############
	#######################################*/
		
		
		// Subtraktionsfunktion
		function subtraktion(){
			eingabe = eingabee();	
			tempzwei = ausgabe - eingabe;
			ausgabe = tempzwei;
			rechenweg = tempzwei + '+';
			ausgabee();
		}
		
		//Additionsfunktion
		function addieren() {
			eingabe = eingabee();
			tempzwei = eingabe + ausgabe;
			ausgabe = tempzwei;
			rechenweg = tempzwei + '+';
			ausgabee();		
		}
		
		//Multiplikationsfunktion
		function multiplizieren() {
			if(ausgabe == 0.0) {
				hanlde();
			} else {
				eingabe = eingabee();
				tempeins = eingabe;
				tempzwei = ausgabe;
				ausgabe = tempeins * tempzwei;
				ausgabee();
			}
		}
		
		//Divistionsfunktion
		function dividieren() {
			if(ausgabe == 0.0) {
				handle();
			} else {
				eingabe = eingabee();
				tempeins = eingabe;
				tempzwei = ausgabe;
				if (tempeins == 0.0 || tempzwei == 0.0) {
					alert("Fehler: Division durch 0 ist nicht möglich");
				} else {
					ausgabe = tempeins / tempzwei;
				}
				ausgabee();
			}
		}
		
		//Quadratfunktion
		function quadrat() {
			eingabe = eingabee();
			if (ausgabe != 0.0) {
				tempeins = ausgabe;
				tempzwei = ausgabe * ausgabe;
				ausgabe = tempzwei;
			} else {
				tempzwei = eingabe;
				tempeins = eingabe * tempzwei;
				ausgabe = tempeins;
			}
			ausgabee();
		}
		
		//Formular Resetten		
		function reset() {
			eingabe = 0.0;
			ausgabe = 0.0;
			tempzwei = 0.0;
			tempeins = 0.0;
			document.getElementById("ausgabe").innerHTML = ausgabe;
			//document.getElementById("rechenweg").innerText = " ";
			//document.getElementById("ausgabe").innerHTML = " ";
		}
		
		
		
	</script>
	
	</head>
	
	<body>
	<div id="around">
		<div class="half">
			<div class="display">
				<div id="rechenweg"></div>
				<div id="ausgabe"></div>
			</div>
		
			<form name="Rechner" >
				<input type="number" name="eingabe" id="eingabe" size="30" maxlength="30" onFocus="style.border='solid 1px #3ea3ce';" onblur="style.border='solid 1px #d0d2d3';">
				<br><br>
				
				<input type="button" value="+" onClick="return addieren()">
				<input type="button" value="-" onClick="return subtraktion()">
				<input type="button" value="*" onClick="return multiplizieren()">
				<input type="button" value="/" onClick="return dividieren()"><br>
				<input type="button" value="Wurzel" onClick="return wurzel()">
				<input type="button" value="%" onClick="return prozent()">
				<input type="button" value="x²" onClick="return quadrat()">
				<input type="button" value="xn" onClick="return potenz()"><br>
				<input type="button" value="n!" onClick="return fakultaet()">
				<input type="button" value="ln" onClick="return ln()">
				
				
				
				
				<br><b><br>
				<input type="button" value="Reset" onClick="return reset()">
				<input type="button" value="Info" onclick="$('versionshinweise').appear(); return false;">
			</form>
		</div>
		<div class="half">
			<div id="versionshinweise" style="display:none; width:300px; height:120px;	background:#81858f;	border:1px solid #333; padding: 5px; font-weight: normal; font-size: 15px">
				<b>Versionshinweise</b><input id="right" type="button" value="X" onclick="$('versionshinweise').fade(); return false;">
				
				<br>
				<p>Version 1.0</p>
				<p>Support unter <a href="http://www.holz-soft.de/index.php?contact" target="_blanc">Link</a></p>
				
			</div>
		</div>
		
		<br style="clear: both">
		
		
			
	</div>
	
		
		
	</body>
</html>
Geschlossen

	Zurück zu HTML, PHP, SQL,...
Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » document.innerhtml problem
