Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.07.2008 um 16:59 (UTC)    
Titel: Games hilfe

hi ich hab das problem das sich die games auf meiner seite überschreiben: http://brocklynallstarsbounce.de.tl/MiniGames.htm mir wurde schon gesagt das ich das mit <br> behben kann nur ich fange gerade an die sprache zu lernen also hab ich keine so große ahnung wie das geht Wink

ich poste weiter unten mal den quellcod der seite
Beitrag10.07.2008 um 17:00 (UTC)    
Titel:

<br />
<div style="position: absolute; left: 200px;"><!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <style type="text/css">
#pongTable {
position: absolute;
top: 20px;
left: 20px;
width: 400px;
height: 300px;
border: 4px solid #CCC;
background-color: #F3F3F3;
z-index: 1;
}
#playerOne {
position: absolute;
top: 196px;
left: 45px;
width: 10px;
height: 35px;
background-color: #777;
z-index: 2;
}
#playerTwo {
position: absolute;
top: 196px;
left: 390px;
width: 10px;
height: 35px;
background-color: #777;
z-index: 2;
}
#ball {
position: absolute;
top: 160px;
left: 210px;
width: 7px;
height: 7px;
clip: rect(0px 7px 7px 0px);
background-color: #555;
z-index: 2;
display: none;
}
#click {
position: absolute;
top: 160px;
left: 27px;
width: 400px;
text-align: center;
font-family: Tahoma;
font-size: 10px;
z-index: 3;
}
#scores {
position: absolute;
top: 330px;
left: 24px;
width: 400px;
font-family: Tahoma;
font-size: 11px;
z-index: 3;
}
</style> <script type="text/javascript">

/***********************************************
* DHTML Phong script- © nathan (http://www.n-son.com/)
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var ballAng;
var speed = 25;
var ping = 2;
var pong = 0;
var mouseSpeed;
var tempY;
function init() {
document.getElementById("click").style.display = "none";
document.getElementById("ball").style.display = "inline";
with( document.getElementById("ball").style ) {
top = "160px";
left = "210px";
}
document.onmouseup = null;
document.onmousemove = movePaddle;
ballAng = Math.round( Math.random() * 100 ) + 130;
moveDaBall = setInterval("moveBall()", 10);
}
function movePaddle(e) {
e = (e)?e:event;
if( tempY ) {
mouseSpeed = Math.round((e.clientY - tempY) * 1.5);
if( mouseSpeed == 0 ) mouseSpeed = 1;
}
with( document.getElementById("playerOne").style ) {
top = e.clientY - 18 + "px";
if( parseInt(top) < 24 || parseInt(top) > 289 ) {
if( parseInt(top) < 24 ) {
top = "24px";
} else {
top = "289px";
}
}
}
tempY = e.clientY;
}
function moveBall() {
var ballX = parseInt(document.getElementById("ball").style.left);
var ballY = parseInt(document.getElementById("ball").style.top);
var playOneX = parseInt( document.getElementById("playerOne").style.left );
var playOneY = parseInt( document.getElementById("playerOne").style.top );
var playTwoX = parseInt( document.getElementById("playerTwo").style.left );
var playTwoY = parseInt( document.getElementById("playerTwo").style.top );
if( ballY >= (playOneY - 5) && ballY <= (playOneY + 35 + 5) && ballX >= playOneX && ballX <= (playOneX + 10) ) {
if( pong == 3 ) {
ping++;
pong = 0;
} else {
pong++;
}
document.getElementById("ball").style.left = playOneX + 10 + "px";
ballAng = 180 - ballAng - mouseSpeed;
}
if( ballY >= (playTwoY - 5) && ballY <= (playTwoY + 35 + 5) && ballX >= playTwoX && ballX <= (playTwoX + 10) ) {
if( pong == 3 ) {
ping++;
pong = 0;
} else {
pong++;
}
document.getElementById("ball").style.left = playTwoX + "px";
ballAng = 180 - ballAng;
}
if( ballY < 25 || ballY > 316 ) {
document.getElementById("ball").style.top = (ballY < 25)?25+"px":316+"px";
ballAng = 360 - ballAng;
}
if( ballX <= 24 || ballX >= 417 ) {
document.getElementById("ball").style.left = (ballX <=24)?24+"px":417+"px";
if( ballX<= 24 ) {
endPoint(document.getElementById("twoScore"));
} else {
endPoint(document.getElementById("oneScore"));
}
}
moveAI( ballY );
moveObjAtAngle( document.getElementById("ball"), ballAng, ping);
}
function moveObjAtAngle( obj, ang, dist ) {
with( obj.style ) {
left = parseInt(left) + ( dist * Math.cos( ang * (Math.PI/180) ) ) + "px";
top = parseInt(top) - ( dist * Math.sin( ang * (Math.PI/180) ) ) + "px";
}
}
function moveAI( y ) {
var AI = document.getElementById("playerTwo");
y = y - 10;
y = parseInt(AI.style.top) + ((y - parseInt(AI.style.top)) / speed);
if( y < 24 || y > 289 ) {
if( y < 24 ) {
y = 24;
} else {
y = 289;
}
}
AI.style.top = y +"px";
}
function endPoint(place) {
clearInterval(moveDaBall);
ping = 7;
pong = 0;
document.onmouseup = init;
document.getElementById("click").innerHTML = "Klicke um weiterzuspielen";
place.innerHTML = parseInt(place.innerHTML) + 1;
if( parseInt(place.innerHTML) == 10 ) {
if( place.id == "oneScore" ) {
endGame(1);
} else {
endGame(0);
}
}
document.getElementById("click").style.display = "inline";
}
function endGame(win) {
document.onmouseup = restartGame;
if( win ) {
document.getElementById("click").innerHTML = "<strong>Du bist der GEWINNER!</strong><br /> NEUES Spiel";
} else {
document.getElementById("click").innerHTML = "<strong>Du hast VERLOREN!</strong><br /> NEUES Spiel";
}
}
function restartGame() {
document.getElementById("oneScore").innerHTML = 0;
document.getElementById("twoScore").innerHTML = 0;
init();
}
document.onmouseup = init;
</script> <!-- Diesen Code musst Du in den -body- einbauen -->
<div id="pongTable">
<div style="border-left: 2px dashed rgb(221, 221, 221); float: right; width: 50%; height: 100%;">&nbsp;</div>
</div>
<div id="playerOne" style="left: 45px; top: 146px;">&nbsp;</div>
<div id="playerTwo" style="left: 390px; top: 146px;">&nbsp;</div>
<div id="ball" style="left: 210px; top: 160px;">&nbsp;</div>
<div id="click">Klicke hier um weiterzuspielen</div>
<div id="scores"><span style="float: left;" id="oneScore">0</span> <span style="float: right;" id="twoScore">0</span></div>
<!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource --></div>
<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'>
<!--
var a, b, c, d, e, f, x, i;
var max = 99;
var win = "Glückwunsch, Sie haben gewonnen!";
var lost = "Sorry, Sie haben verloren!";
var fehler = false;
var wi=0, lo=0, ab=0, ges=0;
</br>
<br>
function B_in(Zahl){
if (isNaN(Zahl) || Zahl.length > 2 || Zahl <= 1 || Zahl=="" || Zahl>49) {
alert("Sie müssen eine Ganzzahl zwischen 2 und 49 eingeben!");
document.streichhoelzchen.B.value="";
fehler=true;
return;
}
b=Zahl;
}

function D_in(Zahl){
var z;
z=(2*b)+1;
if (isNaN(Zahl) || Zahl.length > 2 || Zahl < z || Zahl=="" || Zahl>max) {
alert("Sie müssen eine Ganzzahl zwischen " + z + " und " + max + " eingeben!");
document.streichhoelzchen.D.value="";
fehler=true;
return false;
}
d=Zahl;
}

function zufall(){
var ran=0;
var ran2=0;

ran=GetRandom(1,2);
if (ran==1){
document.streichhoelzchen.anfang[0].checked='';
document.streichhoelzchen.anfang[1].checked='checked';
}
else{
document.streichhoelzchen.anfang[0].checked='checked';
document.streichhoelzchen.anfang[1].checked='';
}

ran=GetRandom(1,2);
if (ran==1){
document.streichhoelzchen.wer[0].checked='';
document.streichhoelzchen.wer[1].checked='checked';
}
else{
document.streichhoelzchen.wer[0].checked='checked';
document.streichhoelzchen.wer[1].checked='';
}

ran=GetRandom(2,9);
document.streichhoelzchen.B.value=ran;
var min=(ran*2)+1;
ran2=GetRandom(min,29);
document.streichhoelzchen.D.value=ran2;
}

function startit(){
if (document.streichhoelzchen.anfang[0].checked==1){
a=1;
}
else {
a=0;
}
if (document.streichhoelzchen.wer[0].checked==1){
c=true;
}
else {
c=false;
}
B_in(document.streichhoelzchen.B.value);
D_in(document.streichhoelzchen.D.value);
if (fehler==true){
fehler=false;
return;
}
show();
//<!-- show(1); -->
x=d;
zeigerest();


document.streichhoelzchen.randomer.style.visibility="hidden";
document.streichhoelzchen.starter.style.visibility="hidden";
document.streichhoelzchen.anfang[0].disabled='true';
document.streichhoelzchen.anfang[1].disabled='true';
document.streichhoelzchen.B.readOnly='enabled';
document.streichhoelzchen.wer[0].disabled='true';
document.streichhoelzchen.wer[1].disabled='true';
document.streichhoelzchen.D.readOnly='enabled';

if (c==true){
cnimm();
}

document.streichhoelzchen.N.focus();
}

function show() {
document.streichhoelzchen.N.style.visibility='';
document.streichhoelzchen.abbruch.style.visibility="visible";
document.streichhoelzchen.nimm.style.visibility="visible";
//<!-- elt=document.getElementById(n);
//elt2=elt.nextSibling;
//for Mozilla
//if(elt2.tagName!="TBODY") elt2=elt2.nextSibling
//
//elt2.style.display="" -->
}

function unshow() {
document.streichhoelzchen.N.style.visibility='hidden';
document.streichhoelzchen.abbruch.style.visibility='hidden';
document.streichhoelzchen.nimm.style.visibility='hidden';
//<!-- elt=document.getElementById(n);
//elt2=elt.nextSibling;
//for Mozilla
//if(elt2.tagName!="TBODY") elt2=elt2.nextSibling
//
//elt2.style.display="none"-->
}


function nehmen(Zahl){
if (isNaN(Zahl) || Zahl.length > 2 || Zahl < 1 || Zahl=="" || Zahl > b) {
alert("Sie müssen eine Ganzzahl zwischen 1 und " + b + " eingeben!");
document.streichhoelzchen.N.value="";
return;
}
var n;
n=Zahl*2;
n=n/2;
if (n > x){
alert("Sie können nicht " +n + " Hölzer nehmen, Sie können maximal " + x + " nehmen!");
document.streichhoelzchen.N.value="";
return;
}

x=x-n;

zeigerest();
document.streichhoelzchen.N.value="";
if (x>0){
cnimm();
}
else {
if (a==1){
lo=lo+1;
loeschen();
alert(lost);
}
else {
wi=wi+1;
loeschen();
alert(win);
}
}
//document.streichhoelzchen.N.focus();
return;

}

function cnimm(){

if (x==1){
alert("Ich nehme 1 Streichhölzchen!");
zeigerest();
if (a==1){
wi=wi+1
loeschen();
alert(win);
}
else {
lo=lo+1;
loeschen();
alert(lost);
}
}
else {
var o, n;
a=a*2;
a=a/2;
b=b*2;
b=b/2;
e= a+b;
o=(x-a) % (b+1);

if (o==0){
n=GetRandom(1,b);
}
else{
for (i=1; i<=b;i++){
if ((x-i-a) % (b+1)==0){
n=i;
}
}
}

x=x-n;
alert("Ich nehme " + n + " Streichhölzchen.");
zeigerest();
if (x==0){
if (a==1){
wi=wi+1;
loeschen();
alert(win);
}
else {
lo=lo+1;
loeschen();
alert(lost);
}
}
}

}

function zeigerest(){
for (i=1; i<=max;i++){
document.streichhoelzchen.bild[i-1].height=0;
}
for (i=1; i<=x;i++){
document.streichhoelzchen.bild[i-1].height=38;
}
}

function abbrechen(){
ab=ab+1;
loeschen();
}

function loeschen(){
for (i=1; i<=max;i++){
document.streichhoelzchen.bild[i-1].height=0;
}
document.streichhoelzchen.starter.style.visibility="visible";
unshow();
//<!-- unshow(1); -->
document.streichhoelzchen.randomer.style.visibility="";
document.streichhoelzchen.anfang[0].disabled='';
document.streichhoelzchen.anfang[1].disabled='';
document.streichhoelzchen.B.readOnly='';
document.streichhoelzchen.wer[0].disabled='';
document.streichhoelzchen.wer[1].disabled='';
document.streichhoelzchen.D.readOnly='';

ges=wi+lo+ab;
document.streichhoelzchen.stat.value="Gewonnen: ";
document.streichhoelzchen.stat.value+=wi;
document.streichhoelzchen.stat.value+=" Verloren: ";
document.streichhoelzchen.stat.value+=lo;
document.streichhoelzchen.stat.value+=" Abbruch: ";
document.streichhoelzchen.stat.value+=ab;
document.streichhoelzchen.stat.value+=" Gesamt: ";
document.streichhoelzchen.stat.value+=ges;

}

function GetRandom( mi, ma ) {
/* -- http://www.naden.de/blog/zufallszahlen-in-javascript-mit-mathrandom -- */
if( mi > ma ) {
return( -1 );
}
if( mi == ma ) {
return( mi );
}
return mi + parseInt( Math.random() * ( ma-mi+1 ));
}

//-->
</script>
<form action="" name="streichhoelzchen">
<table border="0">
<tbody>
<tr>
<td valign="top">
<table cellspacing="0" cellpadding="20" border="1">
<tbody>
<tr>
<td>Derjenige, der das/die letzte/n H&ouml;lzchen nimmt, ...<br />
<br />
<input type="radio" checked="checked" name="anfang" /> ... verliert.<br />
<input type="radio" name="anfang" /> ... gewinnt.</td>
</tr>
<tr>
<td>Zahl der zu nehmenden H&ouml;lzchen:<br />
<br />
mindestens <strong>eines</strong> bis maximal <input type="text" onchange="B_in(document.streichhoelzchen.B.value)" name="B" size="1" value="3" /> St&uuml;ck</td>
</tr>
<tr>
<td>Wer soll anfangen?<br />
<br />
<input type="radio" checked="checked" name="wer" /> der Computer<br />
<input type="radio" name="wer" /> der Spieler</td>
</tr>
<tr>
<td>Anzahl an Streichh&ouml;lzchen zu Beginn:<br />
<br />
<input type="text" onchange="D_in(document.streichhoelzchen.D.value)" name="D" size="1" value="10" /> St&uuml;ck</td>
</tr>
<tr>
<td><input type="button" onclick="zufall()" name="randomer" value="Zuf&auml;llige Parameter" /> <input type="button" onclick="startit()" name="starter" value="START" /></td>
</tr>
</tbody>
</table>
</td>
<td valign="top">
<table cellspacing="0" cellpadding="20" border="1">
<tbody>
<tr>
<td><script type="text/javascript">
<!--
for ( var i = 0; i < 100; i++ ) {
document.write('<img src="http://www.kostenlose-javascripts.de/_files/images/streichholz.gif" name="bild" height="0" id="bild'+i+'" />');
if ( i % 5 == 0 ) {
document.write(' ');
}
}
//-->
</script></td>
</tr>
<tr>
<td><input type="text" onkeypress="if(event.keyCode==13){nehmen(document.streichhoelzchen.N.value)}" id="N" name="N" size="1" value="" /> St&uuml;ck <input type="button" onclick="nehmen(document.streichhoelzchen.N.value)" name="nimm" value="NEHMEN" /></td>
</tr>
<tr>
<td><input type="button" onclick="abbrechen()" name="abbruch" value="ABBRUCH" /></td>
</tr>
</tbody>
</table>
</td>
<td align="center" valign="bottom">
<p><strong>Statistik:</strong></p>
<textarea name="stat" readonly="readonly" cols="11" rows="5"></textarea></td>
</tr>
</tbody>
</table>
</form>
<script type="text/javascript">
<!--
loeschen();
zufall();
unshow();
//-->
</script> <br />
<div align="center" id="kostenlosejavascripts"><a target="_blank" title="S&uuml;dafrika-Reisen" href="http://www.afrikasafaris.de">S&uuml;dafrika-Reisen</a></div>
<br />
<!-- präsentiert von kostenlose-javascripts.de
Beitrag10.07.2008 um 17:42 (UTC)    
Titel:

Du solltest bei der Positionierung auch einen Wert für "top" eingeben:

Zitat:
<div style="position: absolute; left: 200px; top: 800px;">
Beitrag10.07.2008 um 18:39 (UTC)    
Titel:

danke stimmt jetz klappts =)
Beitrag11.07.2008 um 02:30 (UTC)    
Titel:

Gern geschehen Wink
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de