[HTML]java + html + formularz + podpinanie plików Opcje

[axal]

Witam wszystkich
Przyszedłem do Was prosić o pomoc / wytłumaczenie / wyjaśnienie
Nie znam javascript a html i css troche

Mam stronkę do której wkleiłem kilka znalezionych skryptów:
1. czyszczenie pola tekstowego po naciśnięciu na niego myszką
2. czyszczenie pola tekstowego za pomocą inputa / buttona
3. pokaz slajdów
4. wysyłanie wiadomości za pomocą formularza bez konieczności używania klienta poczty
oraz
5. menu poziome w IE6 źle wyswietla

Na czym polega problem ?
Wszystkie javaskrypty chciałbym umieścić w 1 osobnym pliku.js
- 1 / 2 / 3 obecnie działają w kodzie htmla / w osobnym pliku działa tylko 1 / 2 i 3 nie reagują (nie umiem skleić wszystkiego razem)
- 4 nie wysyła do mnie wiadomości a otwiera stronę : http://www.fastmail.fm/mail/?MSignal=MC-FN...zdomowa%40o2.pl
- 5 menu poziome w operze i firefoxie dobrze / w IE6 wyświetla zwykłe odnośniki tak jakby css nie działał na to menu (czyżby brakowało jakiegoś wpisu specjalnie dla IE ?)

Poniżej zamieściłem kod poszczególnych sekcji

CODE

1/2 KOD FORMULARZA W HTMLU
<div id="KONTAKT">
<b>Kontakt</b>
<form action="mailto:aaa@aaa.pl" method="post" enctype="text/plain" onsubmit="mail_form(this); return false">
<div>
<textarea name="text" cols="28" rows="5" onfocus="if(this.textContent=='aaa')this.textContent=''">aaa</textarea>
<br/>
<input type="submit" value="Wyślij" />
<input type="button" value="Wyczyść" onclick="return clearForm(this.form);">
</div>
</form>
</div>

1/2 KOD FORMULARZA W JAVASCRIPT
function clearForm(AForm)
{
for (i = 0; i < AForm.elements.length; i++) {
if (AForm.elements[i].type == "radio") {
AForm.elements[i].checked = false;
} else if (AForm.elements[i].type == "checkbox") {
AForm.elements[i].checked = false;
} else if (AForm.elements[i].type == "text") {
AForm.elements[i].value = '';
} else if (AForm.elements[i].type == "textarea") {
AForm.elements[i].value = '';
} else if (AForm.elements[i].type == "select-one") {
AForm.elements[i].selectedIndex = 0;
} else if (AForm.elements[i].type == "select-multiple") {
AForm.elements[i].selectedIndex = -1;
}
}
return true;
}

function czyscPodpowiedz(AInput)
{
if (AInput.value == 'aaa') {
AInput.value = '';
}
return true;
}

3 KOD SLAJDÓW W HTMLU
<div class="left">
<strong>POKAZ: </strong>
<a href="java script:void(0)" name="POKAZControl" onclick="startPOKAZ()">Start</a> | <a href="java script:void(0)" name="POKAZControl" onclick="stopPOKAZ()">Stop</a>
</div>
<div class="right">
«  |  
<a href="../../pages/image/imagepage1.html">Początek</a>  |  
<a href="../../pages/image/imagepage2.html" target="fullframe">»</a>
</div>
<div class="clearer"> </div>
</div>
<div id="mainimage">
<a href="../../images/fullsize/baren.jpg.JPG" target="_top">
<img src="../../images/image/baren.JPG" width="400" height="300" />
</a>

3 KOD SLAJDÓW W JAVASCRIPT
var playing = 0
var timeoutID = 0
var POKAZNextLink = "../../pages/image/imagepage3.html"
var POKAZDelay = 2000

// Browser detection
var agt = navigator.userAgent.toLowerCase();
var is_ie = (agt.indexOf("msie") != -1);

if (location.href.indexOf("?") != -1) {
urlQuery = location.href.split("?")
playing = parseInt(urlQuery[1])
}

if (playing == 1) {
startPOKAZ()
}

function POKAZ() {
window.location.href = POKAZNextLink + "?" + "1"
timeoutID = setInterval("POKAZ()", POKAZDelay);
}

function startPOKAZ() {
clearTimeout(timeoutID)
timeoutID = setInterval("POKAZ()", POKAZDelay);
}

function stopPOKAZ() {
clearTimeout(timeoutID)
if (is_ie) {
fakeTimeoutID = setInterval("redirectDelay()", 0);
}
else {
redirectDelay();
}
}

function redirectDelay() {
tempArray = window.location.href.split("?")
window.location.href = tempArray[0]
}

4 4KOD WYSYŁANIA WIADOMOŚCI Z FORMULARZA W HTMLU
Wkleiłem na początku w "1/2 KOD FORMULARZA W HTMLU"

4KOD WYSYŁANIA WIADOMOŚCI Z FORMULARZA W JAVASCRIPT
function mail_form(f)
{
for (var i = 0, text = ''; i < f.elements.length; i++)
{
if (f.elements[i].name == '') continue;
switch (f.elements[i].type)
{
case 'text':
case 'password':
case 'hidden':
case 'textarea':
for (var j = 0, temp = ''; j < f.elements[i].value.length; j++)
{
if (f.elements[i].value.charAt(j) == "\n") temp += "%0A";
else temp += f.elements[i].value.charAt(j);
}
text += f.elements[i].name + '=' + temp + "%0A";
break;
case 'radio':
case 'checkbox':
if (f.elements[i].checked) text += f.elements[i].name + '=' + f.elements[i].value + "%0A";
break;
case 'select':
case 'select-one':
case 'select-multiple':
for (var j = 0; j < f.elements[i].options.length; j++)
if (f.elements[i].options[j].selected) text += f.elements[i].name + '=' + (f.elements[i].options[j].value != '' ? f.elements[i].options[j].value : f.elements[i].options[j].text) + "%0A";
break;
default:
text += f.elements[i].name + '=' + f.elements[i].value + "%0A";
break;
}
}

window.location.href = f.action + (f.action.indexOf('?') == -1 ? '?' : '&') + 'body=' + text;
}

5 KOD MENU POZIOME W HTMLU
<div id="menu poziome">
<ul2>
<li><a href="index.html">aaa</a></li>
<li><k>aaa</k></li>
<li><a href="aaa.html">aaa</a></li>
<li><a href="aaa.html">aaa</a></li>
<li><a href="aaa.html">aaa</a></li>
</ul2>
</div>

5 KOD MENU POZIOME W CSS

ul2 {
float: left;
background-color: #777;
padding: 1px 0 1px 1px;
border: 2px solid #000;
}

ul2 li {
float: left;
}

ul2 a:link, ul2 a:visited, k {
text-decoration: none;
display: block;
width: 150px;
font-weight: bold;
background: #000 url("tlo.gif") repeat-x center;
color: #fff;
padding: auto;
border-right: 1px solid #fff;
}

ul2 a:hover {
background-color: #900;
background-image: url("tlo2.gif");
}

[html][/html]