Avatar billede kimit Praktikant
21. april 2009 - 20:03 Der er 11 kommentarer og
1 løsning

Erstatte standard button med grafik knap

Jeg skal lave en knap på et website, der giver den besøgende mulighed for at gå et step tilbage. Men samtidig ønsker jeg at standard button med en grafik-knap, jeg selv har designet(pil tilbage).

Hvordan koder jeg det ind i eksisterende standard ?

<form>
<input type="button" value="Tilbage" onclick="history.back(1)" />
</form>
Avatar billede majbom Novice
21. april 2009 - 20:07 #1
<input type="image" src="dir/billede.ext" alt="Tilbage" onclick="history.back(1)" />
Avatar billede kimit Praktikant
21. april 2009 - 20:43 #2
Tak for hurtig tilbagemelding

Ovenstående virker.

Men når jeg lægger koden ind i en tabel, virker det ikke.
Hvad kan det skyldes.
Uden for tabellen - ingen problemer.
Avatar billede majbom Novice
21. april 2009 - 20:52 #3
hvordan ser hele koden ud?

virker det med en input type="button" inde i tabellen?
Avatar billede kimit Praktikant
21. april 2009 - 21:05 #4
Ja, med input type="button" virker det.

Her er hele koden på tabellen:

<table width="646" border="0" cellpadding="0" cellspacing="0">
                                      <tr>
                                        <td height="30"><span class="style21">LAKERET KØKKEN</span></td>
                                        <td>&nbsp;</td>
                                        <td valign="top"><div align="right">
                                                <form>
                                                  <input type="button" value="Tilbage" onclick="history.back(1)" />
                                                </form>
                                        </div></td>
                                      </tr>
                                    </table>
Avatar billede kimit Praktikant
21. april 2009 - 21:09 #5
Her er koden med image, jeg ikke kan få til at fungere:

<table width="646" border="0" cellpadding="0" cellspacing="0">
                                      <tr>
                                        <td height="30"><span class="style21">LAKERET KØKKEN</span></td>
                                        <td>&nbsp;</td>
                                        <td valign="top"><div align="right">
                                                <form>
                                                  <input type="image" src="../../images/knap_tilbage.jpg" value="" onclick="history.back(1)" />
                                                </form>
                                        </div></td>
                                      </tr>
                                    </table>
Avatar billede majbom Novice
21. april 2009 - 21:27 #6
du har ikke et link til siden?

hvad er fejlen?
Avatar billede kimit Praktikant
21. april 2009 - 21:35 #7
Når jeg bruger koden med input type="image" virker onclick= ikke.Det er meningen at man ved klik på "image" skal gå tilbage til den side man kom fra.

Det virker fint med <input type="button"

Link til testsiden :

http://www.sogaard-mobler.dk/html_undersider/kokken_bad/k1_1.html
Avatar billede majbom Novice
22. april 2009 - 06:13 #8
nååh ja, selvfølgelig, jeg er jo for dum.

det er en submit-knap, det duer ikke...

kan du ikke bare bruge:

<img src="../../images/knap_tilbage.jpg" alt="" onclick="history.back(1)" />

?
Avatar billede kimit Praktikant
22. april 2009 - 09:37 #9
Hej Splazz...

Det virkede. Jeg fjernede form tag, så virkede det.

Skulle jeg have stylet knappen via css, for at det skulle have virket med form tag ?

Men mange tak for hjælpen.

Skyd et svar af, og få nogle velfortjente point.
Avatar billede majbom Novice
22. april 2009 - 10:59 #10
grunden til at det "fucker" med form-tag, er at den submitter formen, og formen har ingen action, så den reloader bare siden.

man kunne godt beholde den i en form og fjerne onclick og sætte history.back(-1) op i formtaggets onsubmit.
Avatar billede majbom Novice
22. april 2009 - 10:59 #11
og det skulle så have været et svar :)

kommer her
Avatar billede majbom Novice
22. april 2009 - 11:27 #12
tak for point :)
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