TD Tool</td> <script type="text/javascript"> function erstellen() { var zeile_1 = ""; var zeile_2 = ""; var zeile_3 = ""; var i; var j; for(j=1;j<10;j++) { for(i=1;i<10;i++) { if(j!=1) { zeile_1 = zeile_1 + "<input onclick=\"anderst(this.id)\" value=\"\" type=\"button\" style=\"margin-right: 1px; margin-top: 1px;\" id=\"spalt_1_" + j + "_" + i + "\">"; } if(j==1) { zeile_1 = zeile_1 + "<input onclick=\"anderst(this.id)\" value=\"\" type=\"button\" style=\"margin-right: 1px;\" id=\"spalt_1_" + j + "_" + i + "\">"; } } zeile_1 = zeile_1 + "<br>"; } document.getElementById('zeile_1').innerHTML = zeile_1; for(j=1;j<10;j++) { for(i=1;i<10;i++) { if(j!=1) { zeile_2 = zeile_2 + "<input onclick=\"anderst_2(this.id)\" value=\"\" type=\"button\" style=\"margin-right: 1px; margin-top: 1px;\" id=\"spalt_2_" + j + "_" + i + "\">"; } if(j==1) { zeile_2 = zeile_2 + "<input onclick=\"anderst_2(this.id)\" value=\"\" type=\"button\" style=\"margin-right: 1px;\" id=\"spalt_2_" + j + "_" + i + "\">"; } } zeile_2 = zeile_2 + "<br>"; } document.getElementById('zeile_2').innerHTML = zeile_2; for(j=1;j<10;j++) { for(i=1;i<10;i++) { if(j!=1) { zeile_3 = zeile_3 + "<input style=\"margin-right: 1px; margin-top: 1px; font-size: 30;\" id=\"spalt_3_" + j + "_" + i + "\">"; } if(j==1) { zeile_3 = zeile_3 + "<input style=\"margin-right: 1px; font-size: 30;\" id=\"spalt_3_" + j + "_" + i + "\">"; } } zeile_3 = zeile_3 + "<br>"; } document.getElementById('zeile_3').innerHTML = zeile_3; } function anderst(button_id) { var inhalt; inhalt = document.getElementById(button_id).value; if(inhalt == "1") { document.getElementById(button_id).style.backgroundColor = "#ffffff"; document.getElementById(button_id).value = ""; } if(inhalt == "") { document.getElementById(button_id).style.backgroundColor = "#aaaaaa"; document.getElementById(button_id).value = "1"; } } function anderst_2(button_id) { var inhalt; inhalt = document.getElementById(button_id).value; if(inhalt == "9") { document.getElementById(button_id).value = ""; return; } if(inhalt == "") { document.getElementById(button_id).value = "2"; return; } if(inhalt == "2") { document.getElementById(button_id).value = "3"; return; } if(inhalt == "3") { document.getElementById(button_id).value = "4"; return; } if(inhalt == "4") { document.getElementById(button_id).value = "5"; return; } if(inhalt == "5") { document.getElementById(button_id).value = "9"; return; } } function code_erzeugen() { var i; var j; var platzhalter = ""; var inhalt_4 = ""; var inhalt_5 = ""; for(i=1;i<10;i++) { for(j=1;j<10;j++) { platzhalter = "spalt_1_" + i + "_" + j; inhalt_5 = document.getElementById(platzhalter).value; if(inhalt_5 == "") { inhalt_5 = "0"; } inhalt_4 = inhalt_4 + " " + inhalt_5; } inhalt_4 = inhalt_4 + "<br>"; } inhalt_4 = inhalt_4 + "<br>"; for(i=1;i<10;i++) { for(j=1;j<10;j++) { platzhalter = "spalt_2_" + i + "_" + j; inhalt_5 = document.getElementById(platzhalter).value; if(inhalt_5 == "") { inhalt_5 = "0"; } inhalt_4 = inhalt_4 + " " + inhalt_5; } inhalt_4 = inhalt_4 + "<br>"; } inhalt_4 = inhalt_4 + "<br>"; for(i=1;i<10;i++) { for(j=1;j<10;j++) { platzhalter = "spalt_3_" + i + "_" + j; inhalt_5 = document.getElementById(platzhalter).value; if(inhalt_5 == "") { inhalt_5 = "0"; } inhalt_4 = inhalt_4 + " " + inhalt_5; } inhalt_4 = inhalt_4 + "<br>"; } inhalt_4 = inhalt_4 + "<br>" + document.getElementById('leben').value + "<br>" + document.getElementById('geld').value; document.getElementById('zeile_4').innerHTML = inhalt_4; } </script> <style type="text/css"> input { border: 1px solid black; background-color: #FFFFFF; width: 40; height: 40; } select { border: 1px solid black; background-color: #FFFFFF; width: 40; height: 40; } </style> </head> <body onLoad="erstellen()"> <div align="center"> <table width="800" style="border: 1px solid black;" cellpadding="0" cellspacing="1"> <tr> <td style="border: 1px solid black;" colspan="2"> <big><big><big style="margin-left: 8px;">TD TOOL</big></big></big> </td> </tr> <tr> <td style="border: 1px solid black;"><big style="margin-left: 8px;">Level Editor:<br><br></big> <big style="margin-left: 8px;">1 = Block<br><br></big> <table cellpadding="0" cellspacing="1" style="border: 1px solid black; margin-left: 10px; margin-bottom: 10px;" width="373"> <tr><td id="zeile_1"></td></tr> </table> </td><td style="border: 1px solid black;"><big style="margin-left: 8px;">Direction Editor:<br><br></big> <big style="margin-left: 8px;">2 = + 90, 3 = + 180, 4 = + 270, 5 = start, 9 = end<br><br></big> <table cellpadding="0" cellspacing="1" style="border: 1px solid black; margin-left: 10px; margin-bottom: 10px;" width="373"> <tr><td id="zeile_2"></td></tr> </table> </td> </tr> <tr> <td style="border: 1px solid black;"><big style="margin-left: 8px;">Number Editor:<br><br></big> <big style="margin-left: 8px;">At each curve the number higher<br><br></big> <table cellpadding="0" cellspacing="1" style="border: 1px solid black; margin-left: 10px; margin-bottom: 10px;" width="373"> <tr><td id="zeile_3"></td></tr> </table> </td><td style="border: 1px solid black;"><big style="margin-left: 8px;">Source:<br><br></big> <big style="margin-left: 8px;"> Lives: <input id="leben" style="height: 20;"><p style="margin-left: 8px;">Money: <input id="geld" style="height: 20;"></p> <br><br></big> <table cellpadding="0" cellspacing="1" style="border: 1px solid black; margin-left: 10px; margin-bottom: 10px;" width="373"> <tr><td id="zeile_4"></td></tr> </table><br> <div align="center"> <input type="button" onclick="code_erzeugen()" value="Generate Code" style="width: 373"> </div> </td> </tr> </table> </div> </body> </html>