nicht angemeldet
Vielen Dank Rolf,
ich weiß das das was du machst,ist super schwer. Wenn die Seite im Chrome aufrufe ist sie auch Fehlerfrei. Nur der Fierefox meldet den Error????
Das stimmt, meine letzte Weiterbildung Javascript war 2002. Ich habe mit on-Attributen gelernt. Zum Glück habe ich mich nicht für einen Style-Wettbewerb gemeldet.😜
Deswegen poste ich auch noch mal den Code mit 2 Würfen im ersten Frame für einen Spieler. Im Scriptteil gibt es 3 Funktionen. Den eigentlichen Wurf, der mit der Anzahl der Pins quitiert wird und die Unterscheidung 1. oder 2. Wurf.
Demnach gib es 4 Spieler mit je 12 Würfen (oder weniger) in 10 Frames.
Edit Rolf B: Code mit ~~~html, nicht ` markieren
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<link rel="icon" type="favicon.png" href="favicon.png">
<title>Bowling</title>
<title>Bowling Ergebnis</title>
<style type="text/css">
.tab_ueber {
border: 0px;
}
.tab_frame {
border-style: none;
border-color: inherit;
border-width: 0px;
cellpadding: 0px;
cellspacing: 0px;
background-image: url("frame.png");
width: 99px;
height:102px;
}
.tab_letzte {
border-style: none;
border-color: inherit;
border-width: 0px;
cellpadding: 0px;
cellspacing: 0px;
background-image: url("frame_10.png");
}
.head_innen {
text-align: center;
border-width: 14px;
}
.player {
box-shadow:inset 0px 1px 0px 0px #cf866c;
background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
background-color:#d0451b;
border-radius:3px;
border:1px solid #942911;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #854629;
}
.player:hover {
background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
background-color:#bc3315;
}
.player:active {
position:relative;
top:1px;
}
.in_text {
border: solid 0px black;
margin-left: 1px;
font-size: 14pt;
text-align: center;
width: 30px;
}
.in_text2 {
border: solid 0px black;
margin-left: 1px;
font-size: 14pt;
text-align: center;
width: 60px;
}
.out {
width: 30px;
}
.spieler {
margin-bottom: 10;
font-weight: 600;
font-size: 18px;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 600;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid black;
white-space: nowrap;
padding: 12px 26px;
font-size: 18px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<!--
a = 10 Anzeige a : X | b : (Strike)
a + b = 10 Anzeige a : 9 | b : / (Spare)
a + b = 10 Anzeige a : - | b : / (Spare)
a + b < 10 Anzeige a : 7 | b : 2
a + b < 10 Anzeige a : - | b : 7
-->
<script type="text/javascript">
function wurf(elem) {
var input = elem.id;
// 1.Frame
if (document.getElementById("out011").value == "" ) {
var wert011 = input;
erster_wurf('anz011','out011',wert011,'out012',0,0,'--',0,0,'--',0,0);
} else if (document.getElementById("out012").value == "" ) {
var wert011 = document.getElementById('out011').value;
var wert012 = input;
zweiter_wurf('anz012','out011',wert011,'out012',wert012,'out013',0,0,'--',0,0);
}
// Hier kommen weitere Frames mit maximal 2 Würfen
}
//**********************************************************************************************
// ____________ aktuelles Frame ____________|__________ 1 vor Frame ___________________|______ 2 vor Frame ____________| Summe vor
// 'anz101', 'out101', 'wert101', 'out102', 'wert071', 'wert072', 'out073', 'wert073', 'wert041', 'out043', 'wert043', 'wert013'
function erster_wurf(anz11,out11,wert11,out12,wert21,wert22,out23,wert23,wert31,out33,wert33,wert43) {
wert11 = parseInt(wert11);
wert21 = parseInt(wert21);
wert22 = parseInt(wert22);
wert23 = parseInt(wert23);
wert31 = parseInt(wert31);
wert33 = parseInt(wert33);
wert43 = parseInt(wert43);
document.getElementById(out11).value = wert11;
if (wert11 == 0) {
document.getElementById(anz11).value = "-";
if (wert21 == 10) {
if (wert31 == 10) {
document.getElementById(out33).value = 20+wert43;
}
} else if (wert21+wert22 == 10) {
document.getElementById(out23).value = 10+wert33;
}
} else if (wert11 < 10) {
document.getElementById(anz11).value = wert11;
if (wert21 == 10) {
if (wert31 == 10) {
document.getElementById(out33).value = 20+wert11+wert43;
}
} else if (wert21+wert22 == 10) {
document.getElementById(out23).value = 10+wert11+wert33;
}
} else {
document.getElementById(anz11).value = "X";
document.getElementById(out12).value = "0";
if (wert21 == 10) {
if (wert31 == 10) {
document.getElementById(out33).value = 30+wert43;
}
} else if (wert21+wert22 == 10) {
document.getElementById(out23).value = 20+wert43;
}
}
}
//**********************************************************************************************
// ______________ aktuelles Frame ____________________|____________________ 1 vor Frame ___________________|_ Summe vor
// 'anz101', 'out101', 'wert101', 'out102', 'wert102, 'out103', 'wert071', 'wert072', 'out073', 'wert073', wert043
function zweiter_wurf(anz12,out11,wert11,out12,wert12,out13,wert21,wert22,out23,wert23,wert33) {
//--------------------------------------
wert11 = parseInt(wert11);
wert12 = parseInt(wert12);
wert21 = parseInt(wert21);
wert22 = parseInt(wert22);
wert23 = parseInt(wert23);
wert33 = 0;
//--------------------------------------
if (wert11+wert12 > 10) {
wert12 = 10-wert11;
}
document.getElementById(out12).value = wert12;
if (wert12 == 0) {
document.getElementById(anz12).value = "-";
document.getElementById(out12).value = "0";
if (wert21+wert22 == 10 && wert21 < 10) {
document.getElementById(out13).value = wert23+wert11;
} else {
document.getElementById(out13).value = wert23+wert11;
} // fertig
} else if (wert12 < 10) {
if (wert11+wert12 == 10) {
document.getElementById(anz12).value = "/";
} else {
document.getElementById(anz12).value = wert12;
document.getElementById(out13).value = wert23+wert11+wert12;
}
} else if (wert12 == 10) {
document.getElementById(anz12).value = "/";
}
}
</script>
</head>
<body>
<h2>Klicke auf die Anzahl der Pins</h2>
<p>
<input class="btn" type="button" id="0" onclick="wurf(this)" value="0" />
<input class="btn" type="button" id="1" onclick="wurf(this)" value="1" />
<input class="btn" type="button" id="2" onclick="wurf(this)" value="2" />
<input class="btn" type="button" id="3" onclick="wurf(this)" value="3" />
<input class="btn" type="button" id="4" onclick="wurf(this)" value="4" />
<input class="btn" type="button" id="5" onclick="wurf(this)" value="5" />
<input class="btn" type="button" id="6" onclick="wurf(this)" value="6" />
<input class="btn" type="button" id="7" onclick="wurf(this)" value="7" />
<input class="btn" type="button" id="8" onclick="wurf(this)" value="8" />
<input class="btn" type="button" id="9" onclick="wurf(this)" value="9" />
<input class="btn" type="button" id="10" onclick="wurf(this)" value="10" />
</p>
<form method="POST" action="neu.html">
<table cellpadding="0" cellspacing="0" class="tab_ueber">
<tr><td colspan="2"><p class="spieler">1. Spieler <input name="spieler1" size="12" class="out" /></p></td></tr>
<tr>
<td colspan="2">
<table class="tab_frame">
<tr><th colspan="2" class="head_innen" valign="top"><strong>1</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz011" value="" /></td>
<td align="center" valign="top"><input class="in_text" id="anz012" value="" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text2" name="out013" id="out013" value="" /></td></tr>
</table>
</td>
</tr>
<tr>
<td><input class="out" name="out011" id="out011" type="text" value="" /></td>
<td><input class="out" name="out012" id="out012" type="text" value="" /></td>
</tr>
</table>
<br />
</form>
</body>
</html>
Rolf B
MudGuard
Gunnar Bittersmann
Der Martin