[noch offen] Tabbelle zu breit

<h3>Hier kannst du f&uuml;r deinen OC die Job's, Eins&auml;tze und die Geldverteilung ausrechnen (calcen)<br />
</h3>
<h5><script Language="JavaScript">
<!--
function Verander() {
extraMessage = "";
Leader = 25000;
Safe = document.getElementById("safe").checked;
(Safe==true) ? Safehouse = 10000 : Safehouse = 0;
DR = Math.round(document.getElementById("DR").value) + Safehouse;
WE = Math.round(document.getElementById("Weapon").value) + Math.round(document.getElementById("bullet").value) * Math.round(document.getElementById("bulletPrice").value);
EE = Math.round(document.getElementById("EE").value);
DriverFormat = "$" + Math.round(DR/1000) + ",000";
function anderFormaat(waarde) {
rest = Math.round(waarde%1000);
if (rest>=100 || rest<=-100) {
waarde = "$" + Math.floor(waarde/1000) + "," + Math.abs(rest);
}
if ((rest>=10 && rest<100) || (rest<=-10 && rest>-100)) {
waarde = "$" + Math.floor(waarde/1000) + ",0" + Math.abs(rest);
}
if ((rest<10 && rest>0) || (rest>=-10 && rest<0)) {
waarde = "$" + Math.floor(waarde/1000) + ",00" + Math.abs(rest);
}
if (rest==0) {
waarde = "$" + Math.floor(waarde/1000) + ",000";
}
return waarde;
}
document.getElementById("t2").innerHTML=DriverFormat;
document.getElementById("t3").innerHTML=anderFormaat(WE);
document.getElementById("t4").innerHTML=anderFormaat(EE);
document.getElementById("totaal").innerHTML=anderFormaat(Leader+DR+WE+EE);

briefcase = Math.round(document.getElementById("briefcase").value);

BrutoProfit = briefcase - (Leader+DR+WE+EE);

if (document.getElementById("SHARE3").checked) {
winstPP=(0.9/3.9)*(briefcase - 25000 - DR/0.9 - WE/0.9 - EE/0.9);
LeaderPay=briefcase;
DRPay=0;
WEPay=0;
EEPay=0;
Method="Keine Geldverteilung";
extraMessage = "<span class='vetrood'>Bist du verückt? Willst du das ganze Geld für dich alleine behalten?<br></span>"
}

if (document.getElementById("SHARE1").checked && document.getElementById("TRANSFER1").checked) {
winstPP=(0.9/3.9)*(briefcase - 25000 - DR/0.9 - WE/0.9 - EE/0.9);
LeaderPay=25000+winstPP;
DRPay=(DR+winstPP)/0.9;
WEPay=(WE+winstPP)/0.9;
EEPay=(EE+winstPP)/0.9;
Method="Verteilen nach Ausrüstungswert- Mit Übergangskosten";
}

if (document.getElementById("SHARE1").checked && document.getElementById("TRANSFER2").checked) {
winstPP=(1/4)*(briefcase - 25000 - DR - WE - EE);
LeaderPay=25000+winstPP;
DRPay=(DR+winstPP);
WEPay=(WE+winstPP);
EEPay=(EE+winstPP);
Method="Verteilung nach Ausrüstungswert - Ohne Übergangskosten";
}

if (document.getElementById("SHARE2").checked && document.getElementById("TRANSFER1").checked) {
winstPP=(0.9/3.9)*(briefcase - 25000 - DR/0.9 - WE/0.9 - EE/0.9);
LeaderPay=(0.9/3.9)*briefcase;
DRPay=(0.9/3.9)*(briefcase)/0.9;
WEPay=(0.9/3.9)*(briefcase)/0.9;
EEPay=(0.9/3.9)*(briefcase)/0.9;
Method="Gleiche Verteilung - Mit Übergangskosten";
}

if (document.getElementById("SHARE2").checked && document.getElementById("TRANSFER2").checked) {
winstPP=1/4*(briefcase - 25000 - DR - WE - EE);
LeaderPay=briefcase/4;
DRPay=(briefcase/4);
WEPay=(briefcase/4);
EEPay=(briefcase/4);
Method="Gleiche Verteilung - Ohne Übergangskosten";
}

result = "<span class='vet'>Arbeitsverteilung:</span><br />";
result = result + "Anführer: " + document.getElementById("nameLeader").value + " ($25,000)<br />";
result = result + "Fahrer: " + document.getElementById("nameDriver").value + " (" + document.getElementById("DR").options[document.getElementById("DR").selectedIndex].text + ")<br />";
result = result + "Waffenexperte: " + document.getElementById("nameWe").value + " (" + document.getElementById("Weapon").options[document.getElementById("Weapon").selectedIndex].text + ", " + Math.round(document.getElementById("bullet").value) + " Kugeln für $" + Math.round(document.getElementById("bulletPrice").value) + ")<br />";
result = result + "Sprengstoffexperte: " + document.getElementById("nameEE").value + " (" + document.getElementById("EE").options[document.getElementById("EE").selectedIndex].text + ")<br /><br />";
result = result + "<span class='vet'>Resultate, verwendend nach Art: '" + Method + "'</span><br />";
result = result + "Die Gesamtkosten waren: " + anderFormaat(Leader+DR+WE+EE) + "<br />";
result = result + "Der Gewinn vom OC war: " + anderFormaat(briefcase) + "<br />";
result = result + "Reiner Gewinn pro Person: " + anderFormaat(winstPP) + "<br /><br />";
result = result + "<span class='vet'>Auszahlung:</span><br /> Die folgenden Charakter bekommen ...<br />";
result = result + "Anführer (" + document.getElementById("nameLeader").value + "): " + anderFormaat(LeaderPay) + "<br />" ;
result = result + "Fahrer (" + document.getElementById("nameDriver").value + "): " + anderFormaat(DRPay) + "<br />";
result = result + "Waffenexperte (" + document.getElementById("nameWe").value + "): " + anderFormaat(WEPay) + "<br />";
result = result + "Sprengstoffexperte (" + document.getElementById("nameEE").value + "): " + anderFormaat(EEPay) + "<br /><br />";
result = result + extraMessage;
result = result + "<br /><span class='vetrood'>Viel Spaß bei Omerta! <br/><br/>Euer Lebewesen</span>";

document.getElementById("resultaat").innerHTML=result;
}
-->
</script><style type="text/css">












































<!--
.hoofdtabel {
border: 1px dotted #CC0000;
}

.vetrood {
font-weight: bold;
color: #CC0000;
}

.vet {
font-weight: bold;
}
.tabelheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CC0000;
font-size: 12px;
font-weight: bold;
color: #CC0000;
font-style: normal;
font-variant: normal;
text-transform: none;
background-color: #EEEEEE;
}
.tabelheader2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CC0000;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #CC0000;
font-size: 12px;
font-weight: bold;
color: #CC0000;
font-style: normal;
font-variant: normal;
text-transform: none;
background-color: #EEEEEE;
}
.tabelfooter {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CC0000;
font-size: 12px;
font-weight: bold;
color: #CC0000;
font-style: normal;
font-variant: normal;
text-transform: none;
background-color: #EEEEEE;
}
.tabelfooter2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CC0000;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #CC0000;
font-size: 12px;
font-weight: bold;
color: #CC0000;
font-style: normal;
font-variant: normal;
text-transform: none;
background-color: #EEEEEE;
}
.tabelbinnen {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: bold;
}
.tabelbinnen2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: bold;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #CC0000;
}

.tabelbinnen3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: normal;
}
.naamveld {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #333333;
width: 140px;
}

.car {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #333333;
width: 160px;
}

.bullets {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #333333;
width: 50px;
}
.prijs {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #333333;
width: 40px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
}
a:link {
color: CC0000;
}
a:visited {
color: CC0000;
}
a:hover {
color: #333333;
}
a:active {
color: CC0000;
}

--></style>
<form id="form1" action="" method="post" name="form1">
<table cellspacing="3" cellpadding="0" width="500" border="0" class="hoofdtabel">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="3" width="500" border="0">
<tbody>
<tr>
<td class="tabelheader" width="57">Name</td>
<td class="tabelheader2" width="147">&nbsp;</td>
<td class="tabelheader2" width="372">Ausr&uuml;stung</td>
<td class="tabelheader" width="98">
<div align="right">Einsatz ($)</div>
</td>
</tr>
<tr class="tabelbinnen" valign="top">
<td width="57">Anf&uuml;hrer:</td>
<td class="tabelbinnen2" width="147"><input class="naamveld" id="nameLeader" onkeyup="Verander();" onchange="Verander();" name="nameLeader" /></td>
<td class="tabelbinnen2" width="372">$25,000</td>
<td id="t1" width="98">
<div align="right">$25,000</div>
</td>
</tr>
<tr class="tabelbinnen" valign="top">
<td width="57">Fahrer:</td>
<td class="tabelbinnen2" width="147"><input class="naamveld" id="nameDriver" onkeyup="Verander();" onchange="Verander();" name="nameDriver" /></td>
<td class="tabelbinnen2" width="372"><select class="car" id="DR" onchange="Verander();" name="DR">
<option value="200000" selected="selected">Mercedes-Benz W25 Avus Streamliner</option>
<option value="150000">Mercedes-Benz W125</option>
<option value="125000">Mercedes-Benz W25</option>
<option value="120000">Bugatti Type 32 .Tank.</option>
<option value="100000">Duesenberg SJ</option>
<option value="90000">Duesenberg J Rollston Berline</option>
<option value="80000">Bugatti Type 35</option>
<option value="88000">Bugatti Type 50 Coupe</option>
<option value="86000">Bentley 3 Litre Vanden Plas Tourer</option>
<option value="84000">Alpha Romeo Sport Touring Berlinetta</option>
<option value="82000">Cadillac V16 Series 452 C Fleetwood</option>
<option value="75000">Mercedes-Benz 320 Cabriolet</option>
<option value="72000">Crossley Streamline</option>
<option value="70000">Rolls Royce Phantom III</option>
<option value="62000">Bentley 4.5 Litre Barker</option>
<option value="61500">Crossley Kegresse Half-Track Truck</option>
<option value="60000">Reo Royale 8 Convertible</option>
<option value="55000">Lincoln KA</option>
<option value="50000">Horch 930V Phaeton</option>
<option value="45000">Bentley 3.5 Litre Coup&eacute;</option>
<option value="40000">Packard 740 Roadster</option>
<option value="35000">Packard 1100 Sedan</option>
<option value="30000">Hudson-Essex Super Six</option>
<option value="24000">Nash Standard 8</option>
<option value="18000">Buick Model 57</option>
<option value="10000">Nash Big Six Town Sedan</option>
</select> <input id="safe" onclick="Verander();" type="checkbox" name="safe" value="on" /> Im SafeHouse</td>
<td width="98">
<div id="t2" align="right">0$</div>
</td>
</tr>
<tr class="tabelbinnen" valign="top">
<td width="57">Waffenexperte:</td>
<td class="tabelbinnen2" width="147"><input class="naamveld" id="nameWe" onkeyup="Verander();" onchange="Verander();" name="nameWe" /></td>
<td class="tabelbinnen2" width="372"><select class="car" id="Weapon" onchange="Verander();" name="Weapon">
<option value="50000" selected="selected">2 Tommies</option>
<option value="25000">1 Tommie</option>
</select> Kugeln: <select class="bullets" id="bullet" onchange="Verander();" name="bullet">
<option value="100" selected="selected">100</option>
<option value="99">99</option>
<option value="98">98</option>
<option value="97">97</option>
<option value="96">96</option>
<option value="95">95</option>
<option value="94">94</option>
<option value="93">93</option>
<option value="92">92</option>
<option value="91">91</option>
<option value="90">90</option>
<option value="89">89</option>
<option value="88">88</option>
<option value="87">87</option>
<option value="86">86</option>
<option value="85">85</option>
<option value="84">84</option>
<option value="83">83</option>
<option value="82">82</option>
<option value="81">81</option>
<option value="80">80</option>
<option value="79">79</option>
<option value="78">78</option>
<option value="77">77</option>
<option value="76">76</option>
<option value="75">75</option>
<option value="74">74</option>
<option value="73">73</option>
<option value="72">72</option>
<option value="71">71</option>
<option value="70">70</option>
<option value="69">69</option>
<option value="68">68</option>
<option value="67">67</option>
<option value="66">66</option>
<option value="65">65</option>
<option value="64">64</option>
<option value="63">63</option>
<option value="62">62</option>
<option value="61">61</option>
<option value="60">60</option>
<option value="59">59</option>
<option value="58">58</option>
<option value="57">57</option>
<option value="56">56</option>
<option value="55">55</option>
<option value="55">55</option>
<option value="55">55</option>
<option value="54">54</option>
<option value="53">53</option>
<option value="52">52</option>
<option value="51">51</option>
<option value="50">50</option>
<option value="49">49</option>
<option value="48">48</option>
<option value="47">47</option>
<option value="46">46</option>
<option value="45">45</option>
<option value="44">44</option>
<option value="43">43</option>
<option value="42">42</option>
<option value="41">41</option>
<option value="40">40</option>
<option value="39">39</option>
<option value="38">38</option>
<option value="37">37</option>
<option value="36">36</option>
<option value="35">35</option>
<option value="34">34</option>
<option value="33">33</option>
<option value="32">32</option>
<option value="31">31</option>
<option value="30">30</option>
<option value="29">29</option>
<option value="28">28</option>
<option value="27">27</option>
<option value="26">26</option>
<option value="25">25</option>
<option value="24">24</option>
<option value="23">23</option>
<option value="22">22</option>
<option value="21">21</option>
<option value="20">20</option>
<option value="19">19</option>
<option value="18">18</option>
<option value="17">17</option>
<option value="16">16</option>
<option value="15">15</option>
<option value="14">14</option>
<option value="13">13</option>
<option value="12">12</option>
<option value="11">11</option>
<option value="10">10</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select> Preis: <input class="prijs" id="bulletPrice" onchange="Verander();" name="bulletPrice" value="350" /> <br />
</td>
<td width="98">
<div id="t3" align="right">0$</div>
</td>
</tr>
<tr class="tabelbinnen" valign="top">
<td width="57">Sprengstoffexperte:</td>
<td class="tabelbinnen2" width="147"><input class="naamveld" id="nameEE" onkeyup="Verander();" onchange="Verander();" name="nameEE" /></td>
<td class="tabelbinnen2" width="372"><select class="car" id="EE" onchange="Verander();" name="EE">
<option value="40000" selected="selected">C4</option>
<option value="20000">TNT</option>
</select></td>
<td width="98">
<div id="t4" align="right">0$</div>
</td>
</tr>
<tr>
<td class="tabelfooter" width="57">&nbsp;</td>
<td class="tabelfooter" width="147">&nbsp;</td>
<td class="tabelfooter2" width="372">
<div align="right">Total Einsatz ($):</div>
</td>
<td class="tabelfooter" width="98">
<div id="totaal" align="right">$25,000</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br />
<table cellspacing="0" cellpadding="3" width="500" border="0" class="hoofdtabel">
<tbody>
<tr valign="top">
<td class="tabelbinnen" width="216">Gewinn vom OC: </td>
<td class="tabelbinnen" colspan="2"><input class="naamveld" id="briefcase" onkeyup="Verander();" onchange="Verander();" name="briefcase" /></td>
</tr>
<tr valign="top">
<td class="tabelbinnen">Art von Geldverteilung:: </td>
<td class="tabelbinnen" width="500"><input id="SHARE1" onclick="Verander();" type="radio" name="checked" value="1" /> Verteilen nach Ausr&uuml;stungswert <input id="SHARE2" onclick="Verander();" type="radio" name="checked" value="2" /> Gleiche Verteilung<br />
<input id="SHARE3" onclick="Verander();" type="radio" name="checked" value="3" /> Keine Verteilung
<p>&nbsp;</p>
</td>
<td class="tabelbinnen" width="500"><input id="TRANSFER1" onclick="Verander();" type="radio" checked="checked" name="TRANSFER" value="1" />Mit &Uuml;bergangskosten<br />
<input id="TRANSFER2" onclick="Verander();" type="radio" name="TRANSFER" value="2" />Ohne &Uuml;bergangskosten</td>
</tr>
</tbody>
</table>
<br />
<table cellspacing="0" cellpadding="3" width="500" border="0" class="hoofdtabel">
<tbody>
<tr>
<td class="tabelheader">Ergebnis:</td>
</tr>
<tr>
<td class="tabelbinnen3" id="resultaat">&nbsp;</td>
</tr>
</tbody>
</table>
</form>
<p>&nbsp; </p>
</h5>

oder erst folgendes aktivieren, dann ist das Einfügen von HTML-Codes überall möglich:

Einstellungen -> Den HTML-Editor NICHT anzeigen? (Vorraussetzung: du kannst HTML!) -> JA -> daten editieren