Sånn er dette laget:
Scriptet mellom HEAD-taggene:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function Menu1(form) {
form.TXTVal.value="Dette scriptet bruker mouse-over for å vise tekst i boksene.";
}
function Menu2(form) {
form.TXTVal.value="Dette kan brukes til andre ting enn menyer.";
}
function Menu3(form) {
form.TXTVal.value="Knappen kan linke til en beskjed, prøv her!";
}
function Menu4(form) {
form.TXTVal.value="Knappen kan også linke til en annen side. Prøv her!";
}
// End --></script>
Så plasserer du knappene og boksen der du vil ha dem:
<div align="center">
<form>
<br>
<input type="button" value="Knapp1" onmouseover="Menu1(this.form);">
<input type="button" value="Knapp2" onmouseover="Menu2(this.form);">
<input type="button" value="Knapp3" onmouseover="Menu3(this.form);" onclick="javascript:alert('Her skriver du meldingen din.')">
<input type="button" value="Knapp4" onmouseover="Menu4(this.form);" onclick="window.open('http://winfolinx.com','windowname',' height=350,width=350,scrollbars,resizable')">
<br>
<input type="text" name="TXTVal" size="55">
</form></div>