---

Kan man lave et billede om til en submit-knap og en reset-knap?

Jeg har set adskellige af disse knapper på internettet, men
hvordan gør man, hvad er koden (det er formentlig en
JavaScript-kode) og hvor sætter man den ind??? Kom gerne med et
eksempel, f.eks. en hel afsenderformular med disse ...

Jeg vil gerne have indsat submit- og resetknappen i en
password-formular, som er denne:

<script language="JavaScript" type="text/javascript">
<!-- Start

function CheckPassword() {
var username=document.login.username.value;
var password=document.login.password.value;
location.href = username + "-" + password+'.htm';
}

// Slut -->
</script>
</p>
<form name="login" method="post" action="fejl.html"
onsubmit="CheckPassword();return false;">
<p><font face="Verdana" size="1"><input type="text"
name="username" value="Brugernavn" size="21"
onBlur="if(this.value=='')this.value='Brugernavn';"
onFocus="if(this.value=='Brugernavn')this.value='';"
style="font-family:Verdana; font-size:10;
background-color:rgb(231,235,247);"><br>
<input type="text" name="password" value="Password" size="21"
onBlur="if(this.value=='')this.value='Password';"
onFocus="if(this.value=='Password')this.value='';"
class="searchbox" style="font-family:Verdana; font-size:10;
background-color:rgb(231,235,247);">
<br>
<br>
<input type="submit" value="Login;"
onClick="CheckPassword();return false;"
style="font-family:Verdana; font-size:10;"> <input type="reset"
name="reset" value="Slet alt" style="font-family:Verdana;
font-size:10;"></font></p>
</form>

På forhånd tak for hjælpen!

Venlig hilsen
Jesper Holm, 15 år.

P.S. Jeg er helt nybegynder, så du bedes forklare det i meget
"børnevenlig" tale og ikke i super-koder-sprog. Tak


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Du kan f.eks. smide billedet ind i en <a href...> (anker) og køre en lille
javascript, når du trykker på knappen:

<a href="javascript:document.login.reset()" onfocus="blur()"><img
src="reset.jpg" border="0"></a>
<a href="javascript:document.login.submit()" onfocus="blur()"><img
src="submit.jpg" border="0"></a>

Når man skriver "javascript:..." i et anker kører den javascript istedet for
at åbne et link.

Den første linje kører "reset()"-funktionen på din "login"-formular og
resetter derved formen. "submit()" sender istedet formen afsted. Du kan gøre
andre ting på denne måde, som f.eks. at sætte dine form-værdier direkte.

onfocus="blur()" betyder, at den ikke særligt pæne firkant rundt om ankeret
forsvinder, når man trykker på knappen, og border="0" gør, at der ikke
kommer en ramme om billedet, hvad der ellers ville gøre.

--
/Jimmi

"Jesper Holm" <holm_jesper@post.cybercity.dk> wrote in message
news:afphas$car$1@sunsite.dk...
> Kan man lave et billede om til en submit-knap og en reset-knap?
>
> Jeg har set adskellige af disse knapper på internettet, men
> hvordan gør man, hvad er koden (det er formentlig en
> JavaScript-kode) og hvor sætter man den ind??? Kom gerne med et
> eksempel, f.eks. en hel afsenderformular med disse ...
>
> Jeg vil gerne have indsat submit- og resetknappen i en
> password-formular, som er denne:
>
> <script language="JavaScript" type="text/javascript">
> <!-- Start
>
> function CheckPassword() {
> var username=document.login.username.value;
> var password=document.login.password.value;
> location.href = username + "-" + password+'.htm';
> }
>
> // Slut -->
> </script>
> </p>
> <form name="login" method="post" action="fejl.html"
> onsubmit="CheckPassword();return false;">
> <p><font face="Verdana" size="1"><input type="text"
> name="username" value="Brugernavn" size="21"
> onBlur="if(this.value=='')this.value='Brugernavn';"
> onFocus="if(this.value=='Brugernavn')this.value='';"
> style="font-family:Verdana; font-size:10;
> background-color:rgb(231,235,247);"><br>
> <input type="text" name="password" value="Password" size="21"
> onBlur="if(this.value=='')this.value='Password';"
> onFocus="if(this.value=='Password')this.value='';"
> class="searchbox" style="font-family:Verdana; font-size:10;
> background-color:rgb(231,235,247);">
> <br>
> <br>
> <input type="submit" value="Login;"
> onClick="CheckPassword();return false;"
> style="font-family:Verdana; font-size:10;"> <input type="reset"
> name="reset" value="Slet alt" style="font-family:Verdana;
> font-size:10;"></font></p>
> </form>
>
> På forhånd tak for hjælpen!
>
> Venlig hilsen
> Jesper Holm, 15 år.
>
> P.S. Jeg er helt nybegynder, så du bedes forklare det i meget
> "børnevenlig" tale og ikke i super-koder-sprog. Tak
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials