StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJavaScript: Navigate to a new URL without replacing the current page in the history (not window.location)
primarykey
Id
2328283
data
AcceptedAnswerId
2329410
AnswerCount
5
ClosedDate
CommentCount
3
CommunityOwnedDate
2010-02-24T20:51:49.297
CreationDate
2010-02-24T18:02:30.557
FavoriteCount
0
LastActivityDate
2013-10-15T05:52:43.093
LastEditDate
2010-03-06T03:25:42.910
LastEditorUserId
241244
OwnerUserId
12034
ParentId
0
PostTypeId
1
Score
1
ViewCount
6510
LastEditorDisplayName
text
Body
<p>I know how to use window.location. The problem is that, (at least in FF) it erases the page you are on from the history. e.g., I'm on page A, I navigate to B and window.location is used to send me to C. If on page C, I click back, I end up at A, not B.</p> <p>Is there some other way to navigate to another page without erasing the current page from the history?</p> <p>EDIT: This wont happen if you run the code in Firebug.</p> <p>Here is a super simple page (yes I know the code is ugly, it's not the real code) that shows the problem:</p> <pre><code><html> <head><script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"> </script> <body> <div class="foo"></div> <a href="javascript:$('.foo').html('<scri'+'pt type=&quot;text/javascript&quot;>window.location = &quot;c.html&quot;</s'+'cript>');">b</a> </code></pre> <p>EDIT2: jQuery is the problem and <code>setTimeout</code> is the answer. I've added my solution below just in case someone else runs into this weird edge case.</p> <p>EDIT3: This example is simplified to make it easier to test. In the real case, the click handler makes an Ajax call that returns the HTML, so we can't simplify the whole thing by just writing window.location = whatever. The code comes from the server, embedded in the HTML.</p>
Tags
<javascript><jquery><browser-history>
Title
JavaScript: Navigate to a new URL without replacing the current page in the history (not window.location)
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USD_N
UserOwnerUserId
1. USnoah
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POJavaScript: Navigate to a new URL without replacing the current page in the history (not window.location)
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTDownMod
2. VO
  singulars
  PostPostId
  POJavaScript: Navigate to a new URL without replacing the current page in the history (not window.location)
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTDownMod
3. VO
  singulars
  PostPostId
  POJavaScript: Navigate to a new URL without replacing the current page in the history (not window.location)
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.