Databases
StackOverflow2013
Postsdbo
POsaving and loading the ajax state of a page
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POsaving and loading the ajax state of a page
    primarykey
    data
    text
    <p>I'm working on an ajax loading function on a Wordpress single page portfolio.</p> <p>The principle is that when you click a thumbnail in the gallery, it opens a container (#DrawerContainer) and fetch the ajax content of this article into it. With a lot of help, I'm already able to open the drawer and load the post content when I click a thumbnail.</p> <p>Here is a fiddle if you want to see it working (the ajax will not load but it works locally). <a href="http://jsfiddle.net/RF6df/24/" rel="nofollow">http://jsfiddle.net/RF6df/24/</a></p> <p><strong>The part I'm working on now:</strong> I need my site to be crawlable and the urls to be shareable. If I give <code>http://mywebsite.com/#!project5</code> to someone, I need project5 content to be opened when he loads the page.<br/> I thought the hash-bang (#!) urls was the way to go to make this work. With the code below (commented on the jsfiddle), I can update the url and add the hash of the clicked thumbnail.</p> <pre><code>var pathname = $(this).find('a')[0].href.split('/'), l = pathname.length; pathname = pathname[l-1] || pathname[l-2]; window.location.hash = "#!" + pathname; </code></pre> <p>But when I load a page, the ajax state isn't remembered. I assumed it was because my ajax container was only loaded on click event, but there is no change when I add a persistant container in the php.</p> <p>Is there a way to load the page with a post content already displayed, or to open the #DrawerContainer when the page is loading a hash-bang url?</p> <p>Please keep in mind that I'm just learning jquery and ajax. So I'd really appreciate if you explain or comment a little bit what you do, I'll for sure learn at the same time... :) </p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USwyem
    1. USwyem
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COEne's approach looks good, I've commented on it. If you need further help, updating the fiddle to reflect the html structure better will greatly help - e.g. there are no links inside of the list items, it'd be nice to see how their href looks like (e.g. `/foo/` or `/foo` or `http://example.com/foo/bar`)
      singulars
      1. POsaving and loading the ajax state of a page
      1. USFabrício Matté
    2. COI just updated the fiddle (see the first thumbnail) so you have my exact structure. The `<?php the_permalink(); ?>` is returning this `http://example.com/foo/` and with the hash it looks like this `http://example.com/#!foo`
      singulars
      1. POsaving and loading the ajax state of a page
      1. USwyem
 

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.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload