✔ Parabel :)

E

ethciF

Gesperrt
OK Das ist jetzt ne Harte Nuss:

...
...
function parabel()
{
p=1;
x=250
while ( x!=550 )
{
x=x-400;
y=x*x;
document.getElementById("punkt").innerHTML = "<div id='"+p+"'></div>";
document.getElementById(p).style.top = 400 - (parseInt(y));
x=x+400;
document.getElementById(p).style.left = parseInt(x);
document.getElementById(p).innerHTML = "+";
p++;
x=x+1;
};
}
...
...

<style type="text/css">
#punkt
{
position:fixed ;
left:-100 ;
top:-100 ;
}
</style>
...
...

<body onload="start()">

<div id="punkt"></div>
</body>
...
...




Der zeigt keine Parabel :'-( Was hab ich falsch gemacht?
 
-.- sry ich gib mal ganzen souce.
Nicht wundern ich hab nen vorgefertigten anfangs.html ^^ mit info's.

<!--Copyrights reserved only for Mark Paspirgilis, you are not allowed to do anything with the content of sites of Mark Paspirgilis-->
<html>
<!--Der Anfang des Header's-->
<head>
<?php
//Der PHP-Teil
?>
<!-- Die Überschrift der Seite -->
<title>Projekt Parabel</title>
<!-- Deklarieren, dass ich alles geschrieben habe -->
<meta name="author" content="Mark Paspirgilis" />
<meta name="publisher" content="Mark Paspirgilis" />
<meta name="copyright" content="&copy; 2007 by Mark Paspirgilis" />
<!-- Erklärung zur Web-Page -->
<meta name="description" content="" />
<!-- Das Shortcut-Icon -->
<link rel="SHORTCUT ICON" href="parabel.ico">
<!-- Der JavaScript-Teil -->
<script Language="JavaScript">
function start()
{
parabel();
}
function parabel()
{
p=1;
x=250
while ( x!=550 )
{
x=x-400;
y=x*x;
document.getElementById("punkt").innerHTML = "<div id='"+p+"'></div>";
document.getElementById(p).style.top = 400 - (parseInt(y));
x=x+400;
document.getElementById(p).style.left = parseInt(x);
document.getElementById(p).innerHTML = "+";
p++;
x=x+1;
};
}
</script>
<!-- Der CSS-Teil -->
<style type="text/css">
#punkt
{
position:fixed ;
left:-100 ;
top:-100 ;
}
</style>
</head>
<!--Der Anfang des Body's-->
<body onload="start()">

<div id="punkt"></div>
</body>
</html>
<!--Copyrights reserved only for Mark Paspirgilis, you are not allowed to do anything with the content of sites of Mark Paspirgilis-->
 
Wie du's jetzt im Endeffekt positionierst und so, bleibt dir überlassen :)
HTML: 
<html>
	<head>
		<title>Projekt Parabel</title>
		<script Language="JavaScript">
		function parabel()
		{
			var d = document;
			for(x = -6; x <= 6; x = x + 0.5)
			{
				var div = document.createElement("div");
				var divText = document.createTextNode("+");
				var lastDiv = document.getElementsByTagName("div").length;
		
				y = x * x;
		
				div.style.top = 400 - parseInt(y * 5);
				div.style.left = parseInt(x * 5) + 400;
				div.style.position = "absolute";
		
				document.getElementById("punkt").appendChild(div);
				document.getElementsByTagName("div")[lastDiv].appendChild(divText);
			}
		}
		</script>
	</head>
	<body onload="parabel()" id="punkt">
		<h1>Parabel</h1>
	</body>
</html>
 
Zuletzt bearbeitet:
<body>
<script Language="JavaScript">
p=1;
x=249;
while ( x<550 )
{
x=x-400;
y=Math.round(x*x);
x=x+400;
verti_befor=y-600;
verti_now=verti_befor*(-1);
if ( verti_now>[-50] )
{
document.write("<div id='ident"+p+"'></div>");
document.write("<style type='text/css'> #ident"+p+" { position:fixed; top:"+verti_now+"; left:"+x+" ; } </style>");
document.getElementById("ident"+p).innerHTML = ".";
};
p++;
x=x+0.2;
};
</script>
</body>




habs schon selber hingekriegt danke trotzdem. Hat mir keine ruhe gelassen :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück