Hilfe mit Scrollbaken und Navigation (Java und HTML)

<style type="text/css">
body {
 background-color: #534F45;
}
.font-big {
 font-family: Verdana, sans-serif;
 font-size:16px; font-weight:bold;
 color:#FFFFFF;
}
.font-small {
 font-family: Verdana, sans-serif;
 font-size:10px; font-weight:normal;
 color:#000000;
}
.table {
 background-color:#ffffff;
 width:100%;
}
.table2 {
 background-color:#FFFFFF;
 width:100%;
}
.head {
 background-color:#FFFFFF;
}
.main {
 background-color:#ffffff;
 font-family: Verdana, sans-serif;
 font-size:12px; font-weight:normal;
 color:#000000;
}
.foot {
 background-color:#000000;
}
.align {
 text-align:left;
}
.textarea {
 background-color:#ECECEC;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 border : 1px solid #808080;
}
.input {
 background-color:#ECECEC;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 border : 1px solid #808080;
 font-size: 12px;
}
.select {
 background-color:#ECECEC;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 font-size: 12px;
}
.button {
 width : 130px;
}
#suggestBoxElement {
 border:1px solid #8FABFF;
 visibility:hidden;
 cursor:hand;cursor:pointer;
 text-align:left; white-space:nowrap;
 background-color:#F7F7F7;
}
#map {
 font-family:Tahoma,sans-serif;font-size:11px;
 border:1px dashed #8FABFF; padding:2px;
 visibility:hidden;white-space:nowrap;
 background-color:#F7F7F7; color:blue;
}
.suggestions {
 font-family:Tahoma,sans-serif;font-size:12px;
 background-color: #F7F7F7;
}
.suggestionMouseOver {
 font-family:Tahoma,sans-serif;font-size:12px;
 background:blue; color:white;
}
</style> <script language="JavaScript" type="text/javascript" src="http://www.dw-formmailer.de/geodata/country.js.php"></script> <script language="JavaScript" type="text/javascript" src="http://www.dw-formmailer.de/geodata/geodata.js"></script> <script language="JavaScript" type="text/javascript">
var tv=-1;
window.onLoad=page_tv();
var key = '33a6e4b05fce30f6ca1a40e0b2eb6cd1';
var chs = '';
function play(lng) {
 var hsh=new Date();
 var wlp=(window.location.protocol=='http:' ? 'http:':'https:');
 audio_url='http://www.dw-formmailer.de/image.php?ds=wav&language='+lng+'&hsh='+hsh;
 sprache_html='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="'+wlp+'//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="1" height="1">'
 + '<param name="movie" value="'+audio_url+'">'
 + '<param name="quality" value="high">'
 + '<param name="loop" value="false">'
 + '<param name="bgcolor" value="#ffffff">'
 + '<param name="menu" value="false">'
 + '<embed src="'+audio_url+'" loop="false" width="1" height="1" quality="high" bgcolor="#ffffff" type="application/x-shockwave-flash" pluginspage="'+wlp+'//www.macromedia.com/go/getflashplayer" menu="false">'
 + '</embed></object>';
 document.getElementById("sprache").innerHTML=sprache_html;
 return false;
}
function reload_init() {
 if (document.getElementById('refresh_image_1')) {
  document.getElementById('refresh_image_1').onclick = reload_image;
 }
}
function reload_image() {
 if (!ds) {ds=1;}
 var hsh=new Date();
 document.getElementById('refresh_image_1').src = 'http://www.dw-formmailer.de/image.php?ds=' + ds + '&z='+ hsh;
 return false;
}
function rest(a,b,c,d) {
 var keyCode = d.keyCode ? d.keyCode : d.which ? d.which : d.charCode;
 if (keyCode == 38 || keyCode == 40)
  return;
 r = (b - a.value.length);
 if (r < 0)
  r = 0;
 if ( (e = document.getElementById(c)) != null)
  e.innerHTML = r;
 if (a.value.length > b) {
  a.value = a.value.substr(0,b);
 }
}
function page_tv() {
 tv++;
 window.setTimeout('page_tv()', 1000);
}
function check_form(f) {
 if (f.elements['Teamname'].value == '') {
  alert("Bitte Teamnamen angeben!");
  f.elements['Teamname'].focus();
  return false;
 }
 if (f.elements['Team Initialen'].value == '') {
  alert("Bitte Team Initialen angeben!");
  f.elements['Team Initialen'].focus();
  return false;
 }
 if (f.elements['Team E-Mail Adresse'].value == '') {
  alert("Bitte Team E-Mail Adresse angeben!");
  f.elements['Team E-Mail Adresse'].focus();
  return false;
 }
 if (f.elements['Homepage'].value == '') {
  alert("Bitte Homepage angeben!");
  f.elements['Homepage'].focus();
  return false;
 }
 if (f.elements['geo_PLZ'][1].value == '') {
  alert("Bitte PLZ/Ort angeben!");
  f.elements['geo_PLZ'][1].focus();
  return false;
 }
 if (f.elements['geo_Ort'].value == '') {
  alert("Bitte PLZ/Ort korrigieren!");
  f.elements['geo_Ort'].focus();
  return false;
 }
 if (f.elements['Skirmgebiet'].value == '') {
  alert("Bitte Skirmgebiet eintragen!");
  f.elements['Skirmgebiet'].focus();
  return false;
 }
 var chk=false;
 for (var i=0;i<f.elements['Durschnittsalter'].length;i++) {
  if (f.elements['Durschnittsalter'].options[i].selected)
   chk=true;
 }
 if (!chk) {
  alert("Bitte Durschnittsalter angeben!");
  f.elements['Durschnittsalter'].focus();
  return false;
 }
 var chk=false;
 for (var i=0;i<f.elements['Waffenstärke'].length;i++) {
  if (f.elements['Waffenstärke'].options[i].selected)
   chk=true;
 }
 if (!chk) {
  alert("Bitte Waffenstärke angeben!");
  f.elements['Waffenstärke'].focus();
  return false;
 }
 var chk=false;
 for (var i=0;i<f.elements['Grundstücktyp'].length;i++) {
  if (f.elements['Grundstücktyp'].options[i].selected)
   chk=true;
 }
 if (!chk) {
  alert("Bitte Grundstücktyp korrekt Ausfüllen!");
  f.elements['Grundstücktyp'].focus();
  return false;
 }
 if (f.elements['Banner URL'].value == '') {
  alert("Bitte Banner URL angeben!");
  f.elements['Banner URL'].focus();
  return false;
 }
 if (!f.elements['AGB'].checked) {
  alert("Bitte AGB Akzeptieren!");
  return false;
 }
 if (f.elements['captcha_code_number'].value == '') {
  alert("Bitte Sicherheitscode eingeben!)");
  f.elements['captcha_code_number'].focus();
  return false;
 }
 if (navigator.appName=="Microsoft Internet Explorer") {
  for (i=0;i<f.length;i++) {
   var e=f.elements[i];
   if (e.type == 'submit' || e.type == 'reset')
    e.disabled=true;
  }
 }
 if (f.elements['page_tv']) {
  f.elements['page_tv'].value = tv;
 }
 return true;
}
</script>
<form name="dwmailer" action="http://www.softairliga.de.tl/logsuccess.htm" enctype="multipart/form-data" method="post" onsubmit="return check_form(this);">
    <input type="hidden" name="page_tv" value="" /> <input type="hidden" name="pflicht" value="Teamname,Team Initialen,Team E-Mail Adresse,Homepage,geo_PLZ,geo_Ort,Skirmgebiet,Durschnittsalter,Waffenst&auml;rke,Woodland oder CQB,Banner URL,AGB" /> <input type="hidden" name="empfaenger_mail" value="c29mdGFpcmxpZ2FAZ214LmRl" /> <input type="hidden" name="language" value="de" /> <input type="hidden" name="page_background_color" value="#FFFFFF" /> <input type="hidden" name="page_font_color" value="#000000" />
    <table cellspacing="1" cellpadding="3" border="0" align="center" class="table">
        <tbody>
            <tr>
                <td height="17" width="100%" align="left" colspan="2" class="head"><span class="font-big">Kontaktformular</span></td>
            </tr>
            <tr>
                <td height="16" width="100%" class="main" colspan="2"><span class="font-small">Bitte f&uuml;llen Sie alle mit * markierten Felder aus. (Pflichtfelder)</span></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Teamname*</div>
                </td>
                <td class="main"><input type="text" class="input" name="Teamname" size="20" /></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Team Initialen*</div>
                </td>
                <td class="main"><input type="text" class="input" name="Team Initialen" size="20" /></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Erw&uuml;nschtes Passwort</div>
                </td>
                <td class="main"><input type="password" class="input" name="Erw&uuml;nschtes Passwort" size="20" /></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Team E-Mail Adresse*</div>
                </td>
                <td class="main"><input type="text" class="input" name="Team E-Mail Adresse" size="20" /></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Homepage*</div>
                </td>
                <td class="main"><input type="text" class="input" name="Homepage" size="20" /></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">PLZ/Ort*</div>
                </td>
                <td class="main"><select onclick="setDefaultCountry2(DE);" onkeyup="setDefaultCountry2(DE);" class="select" size="1" id="countrySelect" name="geo_PLZ" style="width: 50px;">
                <option value="AF">AF</option>
                <option value="EG">EG</option>
                <option value="AX">AX</option>
                <option value="AL">AL</option>
                <option value="DZ">DZ</option>
                <option value="AS">AS</option>
                <option value="VI">VI</option>
                <option value="AD">AD</option>
                <option value="AO">AO</option>
                <option value="AI">AI</option>
                <option value="AQ">AQ</option>
                <option value="AG">AG</option>
                <option value="GQ">GQ</option>
                <option value="AR">AR</option>
                <option value="AM">AM</option>
                <option value="AW">AW</option>
                <option value="AC">AC</option>
                <option value="AZ">AZ</option>
                <option value="ET">ET</option>
                <option value="AU">AU</option>
                <option value="BS">BS</option>
                <option value="BH">BH</option>
                <option value="BD">BD</option>
                <option value="BB">BB</option>
                <option value="BY">BY</option>
                <option value="BE">BE</option>
                <option value="BZ">BZ</option>
                <option value="BJ">BJ</option>
                <option value="BM">BM</option>
                <option value="BT">BT</option>
                <option value="BO">BO</option>
                <option value="BA">BA</option>
                <option value="BW">BW</option>
                <option value="BV">BV</option>
                <option value="BR">BR</option>
                <option value="VG">VG</option>
                <option value="IO">IO</option>
                <option value="BN">BN</option>
                <option value="BG">BG</option>
                <option value="BF">BF</option>
                <option value="BU">BU</option>
                <option value="BI">BI</option>
                <option value="EA">EA</option>
                <option value="CL">CL</option>
                <option value="CN">CN</option>
                <option value="CP">CP</option>
                <option value="CK">CK</option>
                <option value="CR">CR</option>
                <option value="CI">CI</option>
                <option value="DK">DK</option>
                <option value="DE">DE</option>
                <option value="DG">DG</option>
                <option value="DM">DM</option>
                <option value="DO">DO</option>
                <option value="DJ">DJ</option>
                <option value="EC">EC</option>
                <option value="SV">SV</option>
                <option value="ER">ER</option>
                <option value="EE">EE</option>
                <option value="CE">CE</option>
                <option value="EU">EU</option>
                <option value="FK">FK</option>
                <option value="FO">FO</option>
                <option value="FJ">FJ</option>
                <option value="FI">FI</option>
                <option value="FR">FR</option>
                <option value="GF">GF</option>
                <option value="PF">PF</option>
                <option value="TF">TF</option>
                <option value="GA">GA</option>
                <option value="GM">GM</option>
                <option value="GE">GE</option>
                <option value="GH">GH</option>
                <option value="GI">GI</option>
                <option value="GD">GD</option>
                <option value="GR">GR</option>
                <option value="GL">GL</option>
                <option value="GP">GP</option>
                <option value="GU">GU</option>
                <option value="GT">GT</option>
                <option value="GG">GG</option>
                <option value="GN">GN</option>
                <option value="GW">GW</option>
                <option value="GY">GY</option>
                <option value="HT">HT</option>
                <option value="HM">HM</option>
                <option value="HN">HN</option>
                <option value="HK">HK</option>
                <option value="IN">IN</option>
                <option value="ID">ID</option>
                <option value="IM">IM</option>
                <option value="IQ">IQ</option>
                <option value="IR">IR</option>
                <option value="IE">IE</option>
                <option value="IS">IS</option>
                <option value="IL">IL</option>
                <option value="IT">IT</option>
                <option value="JM">JM</option>
                <option value="JP">JP</option>
                <option value="YE">YE</option>
                <option value="JE">JE</option>
                <option value="JO">JO</option>
                <option value="KY">KY</option>
                <option value="KH">KH</option>
                <option value="CM">CM</option>
                <option value="CA">CA</option>
                <option value="IC">IC</option>
                <option value="CV">CV</option>
                <option value="KZ">KZ</option>
                <option value="QA">QA</option>
                <option value="KE">KE</option>
                <option value="KG">KG</option>
                <option value="KI">KI</option>
                <option value="CC">CC</option>
                <option value="CO">CO</option>
                <option value="KM">KM</option>
                <option value="CD">CD</option>
                <option value="CG">CG</option>
                <option value="KP">KP</option>
                <option value="KR">KR</option>
                <option value="HR">HR</option>
                <option value="CU">CU</option>
                <option value="KW">KW</option>
                <option value="LA">LA</option>
                <option value="LS">LS</option>
                <option value="LV">LV</option>
                <option value="LB">LB</option>
                <option value="LR">LR</option>
                <option value="LY">LY</option>
                <option value="LI">LI</option>
                <option value="LT">LT</option>
                <option value="LU">LU</option>
                <option value="MO">MO</option>
                <option value="MG">MG</option>
                <option value="MW">MW</option>
                <option value="MY">MY</option>
                <option value="MV">MV</option>
                <option value="ML">ML</option>
                <option value="MT">MT</option>
                <option value="MA">MA</option>
                <option value="MH">MH</option>
                <option value="MQ">MQ</option>
                <option value="MR">MR</option>
                <option value="MU">MU</option>
                <option value="YT">YT</option>
                <option value="MK">MK</option>
                <option value="MX">MX</option>
                <option value="FM">FM</option>
                <option value="MD">MD</option>
                <option value="MC">MC</option>
                <option value="MN">MN</option>
                <option value="ME">ME</option>
                <option value="MS">MS</option>
                <option value="MZ">MZ</option>
                <option value="MM">MM</option>
                <option value="NA">NA</option>
                <option value="NR">NR</option>
                <option value="NP">NP</option>
                <option value="NC">NC</option>
                <option value="NZ">NZ</option>
                <option value="NT">NT</option>
                <option value="NI">NI</option>
                <option value="NL">NL</option>
                <option value="AN">AN</option>
                <option value="NE">NE</option>
                <option value="NG">NG</option>
                <option value="NU">NU</option>
                <option value="MP">MP</option>
                <option value="NF">NF</option>
                <option value="NO">NO</option>
                <option value="OM">OM</option>
                <option value="AT">AT</option>
                <option value="TL">TL</option>
                <option value="PK">PK</option>
                <option value="PS">PS</option>
                <option value="PW">PW</option>
                <option value="PA">PA</option>
                <option value="PG">PG</option>
                <option value="PY">PY</option>
                <option value="PE">PE</option>
                <option value="PH">PH</option>
                <option value="PN">PN</option>
                <option value="PL">PL</option>
                <option value="PT">PT</option>
                <option value="PR">PR</option>
                <option value="RE">RE</option>
                <option value="RW">RW</option>
                <option value="RO">RO</option>
                <option value="RU">RU</option>
                <option value="SB">SB</option>
                <option value="BL">BL</option>
                <option value="MF">MF</option>
                <option value="ZM">ZM</option>
                <option value="WS">WS</option>
                <option value="SM">SM</option>
                <option value="ST">ST</option>
                <option value="SA">SA</option>
                <option value="SE">SE</option>
                <option value="CH">CH</option>
                <option value="SN">SN</option>
                <option value="RS">RS</option>
                <option value="SC">SC</option>
                <option value="SL">SL</option>
                <option value="ZW">ZW</option>
                <option value="SG">SG</option>
                <option value="SK">SK</option>
                <option value="SI">SI</option>
                <option value="SO">SO</option>
                <option value="ES">ES</option>
                <option value="LK">LK</option>
                <option value="SH">SH</option>
                <option value="KN">KN</option>
                <option value="LC">LC</option>
                <option value="PM">PM</option>
                <option value="VC">VC</option>
                <option value="ZA">ZA</option>
                <option value="SD">SD</option>
                <option value="GS">GS</option>
                <option value="SR">SR</option>
                <option value="SJ">SJ</option>
                <option value="SZ">SZ</option>
                <option value="SY">SY</option>
                <option value="TJ">TJ</option>
                <option value="TW">TW</option>
                <option value="TZ">TZ</option>
                <option value="TH">TH</option>
                <option value="TG">TG</option>
                <option value="TK">TK</option>
                <option value="TO">TO</option>
                <option value="TT">TT</option>
                <option value="TA">TA</option>
                <option value="TD">TD</option>
                <option value="CZ">CZ</option>
                <option value="TN">TN</option>
                <option value="TR">TR</option>
                <option value="TM">TM</option>
                <option value="TC">TC</option>
                <option value="TV">TV</option>
                <option value="SU">SU</option>
                <option value="UG">UG</option>
                <option value="UA">UA</option>
                <option value="HU">HU</option>
                <option value="UM">UM</option>
                <option value="UY">UY</option>
                <option value="UZ">UZ</option>
                <option value="VU">VU</option>
                <option value="VA">VA</option>
                <option value="VE">VE</option>
                <option value="AE">AE</option>
                <option value="US">US</option>
                <option value="GB">GB</option>
                <option value="VN">VN</option>
                <option value="WF">WF</option>
                <option value="CX">CX</option>
                <option value="EH">EH</option>
                <option value="ZR">ZR</option>
                <option value="CF">CF</option>
                <option value="CY">CY</option>
                </select> <input type="text" class="input" id="postalInput" name="geo_PLZ" onblur="postalLookup();" size="8" /> <span style="position: relative; z-index: 1;"><input type="text" class="input" id="placeInput" name="geo_Ort" size="30" onblur="placeLookup();" /> </span></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Skirmgebiet*</div>
                </td>
                <td class="main"><input type="text" class="input" name="Skirmgebiet" size="20" /></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Durschnittsalter*</div>
                <br />
                <span class="font-small">Mehrfachauswahl bei gedr&uuml;ckter 'Strg'-Taste</span></td>
                <td class="main"><select class="select" name="Durschnittsalter" multiple="multiple">
                <option value="14+">14+</option>
                <option value="16+">16+</option>
                <option value="18+">18+</option>
                <option value="20+">20+</option>
                <option value="22+">22+</option>
                </select></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Waffenst&auml;rke*</div>
                <br />
                <span class="font-small">Mehrfachauswahl bei gedr&uuml;ckter 'Strg'-Taste</span></td>
                <td class="main"><select class="select" name="Waffenst&auml;rke" multiple="multiple">
                <option value="0,08j">0,08j</option>
                <option value="&lt;0,5j">0,5j</option>
                <option value="&gt;0,5j">0,5j</option>
                <option value="&gt;1j">1j</option>
                <option value="&gt;2j">2j</option>
                </select></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Grundst&uuml;cktyp*</div>
                <br />
                <span class="font-small">Mehrfachauswahl bei gedr&uuml;ckter 'Strg'-Taste</span></td>
                <td class="main"><select class="select" name="Grundst&uuml;cktyp" multiple="multiple">
                <option value="Woodland">Woodland</option>
                <option value="CQB">CQB</option>
                <option value="Wiese">Wiese</option>
                <option value="Custom Felder">Custom Felder</option>
                <option value="Andere">Andere</option>
                </select></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Banner URL*</div>
                </td>
                <td class="main"><input type="text" class="input" name="Banner URL" size="20" /></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">Team Beschreibung</div>
                </td>
                <td class="main">(Restzeichen: <span id="count_1">2500</span>)<br />
                <textarea class="textarea" name="Team Beschreibung" id="Team Beschreibung" cols="35" rows="8" onkeydown="rest(this,2500,'count_1',event)" onkeyup="rest(this,2500,'count_1',event)" onchange="rest(this,2500,'count_1',event)"></textarea></td>
            </tr>
            <tr>
                <td width="30%" class="main">
                <div class="align">AGB*</div>
                </td>
                <td class="main"><input type="checkbox" name="AGB" id="AGB" value="ja" />&nbsp;<span class="main"><a href="http://www.softairliga.de.tl/AGB.htm" target="_blank">AGB's</a></span>&nbsp;<label for="AGB">gelesen und akzeptiert</label></td>
            </tr>
            <tr>
                <td align="right" class="main"><img height="50" width="150" border="0" id="refresh_image_1" src="http://www.dw-formmailer.de/image.php?ds=2" alt="" /></td>
                <td class="main">Sicherheitscode eingeben!<br />
                <input type="text" class="input" name="captcha_code_number" size="5" maxlength="5" />&nbsp;<a href="javascript:void(0);" onclick="return reload_image();">Grafik neu laden</a> | <a href="javascript:void(0);" onclick="return play('de');">Code anh&ouml;ren</a></td>
            </tr>
            <tr>
                <td height="25" width="100%" align="center" class="foot" colspan="2"><input type="submit" class="button" value="Abschicken" />&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" class="button" value="Zur&uuml;cksetzen" /></td>
            </tr>
        </tbody>
    </table>
</form>
<script type="text/javascript">setDefaultCountry();</script> <script language="JavaScript" type="text/javascript">var ds='2';reload_init();</script>
<div id="sprache" style="width: 0pt; height: 0pt;">&nbsp;</div>
<!-- End Code dw-Formgenerator -->