<style>

		form#lap
		{
			width		: 550px            ;
			margin		: 24px auto        ;
			padding		: 24px 32px        ;
			border		: solid 1px #BBF   ;
			border-radius   : 8px              ;
			box-shadow	: 2px 2px 2px #88C ;
			background-color: #EEF             ;
			line-height	: 48px             ;
			font-family	: Geneva, Arial    ;
			color		: #200040          ;
			font-size	: 14px             ;
			font-weight	: bold             ;
		}

		form#lap input
		{
			border		: solid 1px #88C   ;
			padding         : 2px 8px          ;
			border-radius	: 4px              ;
			text-align	: right            ;
			font-family	: Geneva, Arial    ;
			color		: #200040          ;
			font-size	: 14px             ;
			font-weight	: bold             ;
			color		: #003             ;
		}

		form#lap span
		{
			display		: block            ;
			margin-top	: -24px            ;
			font-size	: 10px             ;
			font-weight	: normal           ;
		}

		div#parabola
		{
			float		: right            ;
			width		: 112px            ;
			height		: 112px            ;
		}

		div#parabola img
		{
			width		: 112px            ;
			height		: 112px            ;
			border		: solid 1px #CCD   ;
			border-radius   : 8px              ;
		}

	</style>



	<form id='lap'>

	    A másodfokú egyenlet együtthatói:

	    <span>(A tizedesvessző számítógépes környezetben általában pont. Most is.)</span>

	    <center>

		<input id='a' size=4> * x<sup>2</sup> + <input id='b' size=4> * x + <input id='c' size=4> = 0

		<br>

		<input type='button' value='Számol' onclick=' szamol(); '> 

		<hr>

		<div id='parabola'></div>

		x<sub>1</sub> = <input id='x1' size=16 readonly> <br>
		x<sub>2</sub> = <input id='x2' size=16 readonly> <br>

	    </center>

	</form>



	<script>


		function szamol()
		{
			a = parseFloat(document.getElementById('a').value)
			b = parseFloat(document.getElementById('b').value)
			c = parseFloat(document.getElementById('c').value)

			if( a==0 )
			{
				alert("A főegyüttható nem lehet 0.")
			}
			else
			{
				d = b*b-4*a*c

				if( d>=0 )
				{
					x1 = ( -b + Math.sqrt(d) ) / 2 / a
					x2 = ( -b - Math.sqrt(d) ) / 2 / a
				}
				else
				{
					x1 = x2 = "nem valós szám"
				}

				document.getElementById('x1').value = x1
				document.getElementById('x2').value = x2
			}

			if( a>0 && d >0 )  parabola.innerHTML = "<img src='./parabola/p2.png'>"
			if( a>0 && d==0 )  parabola.innerHTML = "<img src='./parabola/p1.png'>"
			if( a>0 && d <0 )  parabola.innerHTML = "<img src='./parabola/p0.png'>"
			if( a<0 && d >0 )  parabola.innerHTML = "<img src='./parabola/n2.png'>"
			if( a<0 && d==0 )  parabola.innerHTML = "<img src='./parabola/n1.png'>"
			if( a<0 && d <0 )  parabola.innerHTML = "<img src='./parabola/n0.png'>"
		}


	</script>