StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POLoading with AJAX and going to anchor in loaded content
primarykey
Id
4056339
data
AcceptedAnswerId
4058395
AnswerCount
2
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2010-10-29T22:25:29.270
FavoriteCount
0
LastActivityDate
2010-10-30T22:43:52.477
LastEditDate
2010-10-30T19:12:35.130
LastEditorUserId
456106
OwnerUserId
456106
ParentId
0
PostTypeId
1
Score
1
ViewCount
11528
LastEditorDisplayName
text
Body
<p>I'm building a website to organize comics collections.</p> <p>So you have on the left a list of yours comics and if you click on one of them, the page with the details about that comic is loaded on the right with AJAX with the jQuery <code>load()</code> function.</p> <p>I don't have a page for every comic but for every serie (one for all the "Walking dead", one for all the "Spiderman"....) so on every page that can be a lot of different comics.</p> <p>However when clicking on a specific comic I not only want to load the correct page but also to go at the correct position in this page.</p> <p>I have anchors in every page (#i12,#i13 with a unique number each time).</p> <p>How can I, after the content is loaded using AJAX, go to the correct anchor ? I tried to dynamically modify the page URL (adding a #i12 at the end) but without success.</p> <p>I was using <code>document.location.hash</code>, bad idea ?</p> <p><hr> A very simple example : when clicking on the link the page is loaded into the div and I would like the page to scroll to the anchor <code>#i120</code></p> <p>Main page : </p> <pre><code><div id="list"> <a href="test.php#i120">Go to num 120</a> </div> <div id="content"> </div> </code></pre> <p>Javascript : </p> <pre><code>$("a").live('click',function (event) { $("#Content").load(this.href); event.stopImmediatePropagation(); event.preventDefault(); }); </code></pre> <p>Page Test.php : </p> <pre><code><div id="i1">Text1</div> ... ... <div id="i120">Text120</div> </code></pre>
Tags
<jquery><ajax><anchor>
Title
Loading with AJAX and going to anchor in loaded content
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USLoïc Février
UserOwnerUserId
1. USLoïc Février
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
VotesPostIdCreationDate
1. This table or related slice is empty.
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.