ansaurus

Question

code for back button

Answer 1

+4 A:

If you want to do it (what I think you are trying right now) then replace this line

<input type="submit" <a href="#" onclick="history.back();">"Back"</a>

with this

<button type="button" onclick="history.back();">Back</button>

If you don't want to rely on JavaScript then you could get the HTTP_REFERER variable an then provide it in a link like this:

<a href="<?php echo $_SERVER['HTTP_REFERER'] ?>">Back</a>

Dave 2010-09-07 14:54:23

Nice options - You may want to include `type="button"` to your button code so it validates :)

Basiclife 2010-09-07 15:04:15

@Dave: this one works perfect as well ;-)

tintincute 2010-09-07 15:05:17

@Basiclife: how could you do that?

tintincute 2010-09-07 15:05:36

Is `type` really a mandatory attribute? http://www.w3schools.com/tags/tag_button.asp

Dave 2010-09-07 15:15:47

@Dave - I was just about to link to that :) I believe "button" should be the default type but I've had instances of browsers using submit as the default - which can cause issues if you're not expecting a submit. I've since made myself define it explicitly - That said, you're right, it's not required to validate.

Basiclife 2010-09-07 15:34:24

@Basiclife - But it would surely not be amiss, so I edited my answer and added the type attribute :-)

Dave 2010-09-07 18:48:17

Answer 2

A:

You need to tell the browser you are using javascript:

<a href="javascript:history.back(1)">Back</a>

Also, your input element seems out of place in your code.

Eiko 2010-09-07 14:56:13

@Eiko: this one works, but the word "back" is not inside a button.

tintincute 2010-09-07 15:04:41

You asked for a "back href". And *button* can be anything you click on - if you need form elements, specifically ask for them. Maybe put a single question in your text anyway... If you downvoted, then sorry I bothered to answer.

Eiko 2010-09-07 15:21:14

@no problem it's ok. opps my bad. yes i asked only for the back href. I was already imagining that it will be automatically inside the button. sorry

tintincute 2010-09-07 15:56:32

No worries. See the other answers in that case.

Eiko 2010-09-07 16:07:32

+1 - I don't think the -1 was justified

Basiclife 2010-09-07 17:50:08

Answer 3

A:

<input type="submit" <a href="#" onclick="history.back();">"Back"</a>

Is invalid HTML due to the unclosed input element.

<a href="#" onclick="history.back(1);">"Back"</a>

is enough

Chris 2010-09-07 14:56:24

@Chris: this one didn't work:-(

tintincute 2010-09-07 15:04:06

I believe he meant `history.go(-1)` :)

Basiclife 2010-09-07 17:49:12

Answer 4

+1 A:

<button onclick="history.go(-1);">Back </button>

GSto 2010-09-07 14:56:43

this one works perfect... can i adjust the space of the back button?

tintincute 2010-09-07 15:02:58

@GSto: what is the (-1) stands for?

tintincute 2010-09-07 15:07:22

@tintin yes, you can. and the -1 is telling it where to go in the history, in this example back one.

GSto 2010-09-07 15:35:25

i see how can you adjust the width of the button and also the spacing?

tintincute 2010-09-07 15:55:36

ansaurus

tags:

views:

answers:

code for back button

related questions