Avatar billede evakri Nybegynder
09. maj 2001 - 09:21 Der er 7 kommentarer og
1 løsning

Billede på submit eller reset knap

Kan man bruge et billede som submit eller reset knap. Vi har en side med forskellige kedelig grå knapper som vi gerne vil have ændret til et billede. Men det virker kun hvis man bruger dem som link. Vi kan altså ikke bruge
<form METHOD=\"Post\" ACTION=\"betingelser.htm\">
<input type=\"image\" SRC=\"foto/Bestil.gif\">
</form>
hvis vi f.eks. skal slette alt i en varekurv

Avatar billede sone Nybegynder
09. maj 2001 - 09:23 #1
<input type=\"image\" SRC=\"foto/Bestil.gif\">
skulle gerne virke som en SUMBIT-knap.
Avatar billede evakri Nybegynder
09. maj 2001 - 09:27 #2
Vi kan godt sende med ovenstående og få vist en side, men hvis vi vil lave en knap som f.eks. skal slette eller opdatere det der er i kurven duer det ikke.
Avatar billede evakri Nybegynder
09. maj 2001 - 09:29 #3
Kan man bruge en onClick-hændelser og i givet fald hvordan skal den se ud
Avatar billede nute Nybegynder
09. maj 2001 - 09:29 #4
prøv dette:

<form name=\"form\" METHOD=\"Post\" ACTION=\"betingelser.htm\">
<input type=\"text\">
<input type=\"image\" SRC=\"foto/Bestil.gif\"> &nbsp;&nbsp; <img src=\"foto/Bestil.gif\" border=\"0\" alt=\"\" onMouseOver=\"this.style.cursor=\'hand\';\" onClick=\"java script:form.reset()\">
</form>

/nute
Avatar billede delwin Nybegynder
09. maj 2001 - 09:57 #5
nute.. lige en lille rettelse.. Netrape kan ikke bruge javascript funktioner på den måde.. ikke direkte på billeder.. der skal ligge et link udenom..

så det ville vel se sådan ud..

<form name=\"form\" METHOD=\"Post\" ACTION=\"betingelser.htm\">
<input type=\"text\">
<input type=\"image\" SRC=\"foto/Bestil.gif\">
&nbsp;&nbsp;
<a href=\"java script:form.reset();\">
<img src=\"foto/Bestil.gif\" border=\"0\" alt=\"\">
</a>
</form>
Avatar billede delwin Nybegynder
09. maj 2001 - 09:59 #6
Der skal faktisk stå følgende for at det virker i netscape.. glemte lige et \"document.\"..

<form name=\"form\" METHOD=\"Post\" ACTION=\"betingelser.htm\">
<input type=\"text\">
<input type=\"image\" SRC=\"foto/Bestil.gif\"> &nbsp;&nbsp; <a href=\"java script:document.form.reset();\"><img src=\"foto/Bestil.gif\" border=\"0\" alt=\"\"></a>
</form>
Avatar billede delwin Nybegynder
09. maj 2001 - 10:01 #7
Du kan forresten også, hvis du ikke vil bruge
\"<input type=\"image\" SRC=\"foto/Bestil.gif\">\" skrive
<a href=\"java script:document.form.submit();\"><img SRC=\"foto/Bestil.gif\"></a>
Avatar billede jakoba Nybegynder
09. maj 2001 - 10:18 #8
Det er nogenlunde nemt at bruge flere \'image\'-knapper og så kun tillade een af dem rigtigt at submitte formen:

<script language=\'javascript\'> <!--

var submitKnap = false;

function  validering ( frm ) {
  if ( submitKnap == false ) return false;  // kun een knap må submitte.
  submitKnap = false;
  // chekke felter osv,
  return true;                      // alle checks var OK
};

// --> </script>

og din form skrives så som:

<form name=\"firmens_navn\" action=\"form_dest_url.html\" onsubmit=\"return validering();\">

<input type=\'image\' src=\"...    onclick=\"submitKnap=true\">
  <!-- denne knap kan submitte -->

<input type=\'image\' src=\"...    onclick=\"this.form.reset()\">
  <!-- denne knap kan ikke submitte den resetter kun formen -->

</form>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester