Databases
StackOverflow2013
Postsdbo
POLoad wordpress content dynamically with ajax and CSS3 animations
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POLoad wordpress content dynamically with ajax and CSS3 animations
    primarykey
    data
    text
    <p>Right, so I'm deciding to set myself a challenge as a form of learning curve. I've never used ajax before, but I feel it's something I really must learn, so what better chance to do it than on a new portfolio site.</p> <p>The main concept of the website involves the content of the website sliding behind folds on the edges of the 960, so you would click on a link and the current content all slides out into the fold it is hidden partially under, the folds would then adjust size to match the new content blocks, and the new content slides in from under the folds. I have this done in a simply manner for the news so far simply using the Wordpress loop and some basic jquery. (still can't manage to get the fold to adjust it's height properly before the new content coms in)</p> <p>I have this (http://www.deluxeblogtips.com/2010/05/how-to-ajaxify-wordpress-theme.html) as a basis to start with, but it doesn't appear to quite achieve my intended goal.</p> <p>Save setting up some silly jsfiddle, here's the site as it stands <a href="http://paradoxdevelopment.org/" rel="nofollow">http://paradoxdevelopment.org/</a></p> <p>EDIT: Sorry got distracted explaining and forgot to ask the exact question:</p> <p>How can I make it so that when you click on an internal link, it causes this chain of events:</p> <p>Content box slides out-> Content changes -> Fold grows -> Content box slides in with new content</p> <p>EDIT 2: I realised I didn't really make myself clear again. I have managed to get my head round the ajax to load in the content, the problem is the content loads up in different ways for different pages. For Examples:</p> <p>The home page has 3 recent sites slide down from a vertical fold at the top, a news post which slides in from the left, and the list of news posts which slide in from the right.</p> <p>The Work/Play pages have a vertical fold at the top from which blocks slide down.</p> <p>Contact is a simple full width, so fold on either side filling the 960. The same for the about page for now, although this may have a sidebar in future.</p> <p>How can I make it so the AJAX can detect what is currently loaded so it knows how to react?</p> <p>Thank you for any and all help in advance!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USRobin Neal
    1. USRobin Neal
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COWhat exactly is your question?
      singulars
      1. POLoad wordpress content dynamically with ajax and CSS3 animations
      1. USMatti Lyra
    2. CODamn sorry, got distracted trying to explain the end result, the exact question has been added.
      singulars
      1. POLoad wordpress content dynamically with ajax and CSS3 animations
      1. USRobin Neal
 

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