Ajax+Javascript+Wordpress
  • Hey guys,

    I'm trying to do some work getting Ajax and Wordpress to line up. I've been using sites such as www.scriptlance.com and www.elance.com to look for coders, but I'm failing miserably at finding anyone who knows what they're doing. So...let's try the fellow blogger avenue, why not?

    Do any of you have skills with Ajax +Javascript + Wordpress? Do you know someone who does? I have some kinks that I need to sort out on my current Ajax setup.

    There would definitely be some $ involved.

    Jason
  • What exactly are you trying to do with Ajax? I often find some html alternatives to work with Wordpress.

    I'm guessing you don't have a self-hosted version of wordpress right?
  • Indieshuffle is definitely self-hosted.

    What do you want doing though? I'll admit I'm far from awesome with ajax, but I may have come across what you want to do.
  • MMM well, without getting into too much detail and giving away all my secret plans, I'm using a plugin called Ajaxed Wordpress (http://ajaxedwp.com/) to get my posts to load without reloading the ENTIRE page. I think this will dramatically improve the user experience on the site as far as browsing is concerned, but there are a couple persistent glitches within the coding that they have that are holding me up. Here's a laundry list:

    - When a new post is clicked, the page slowly scrolls up to bring it into focus. I would like this to be instant (I believe javascript may be involved)
    - When a new post is clicked, the page doesn't scroll up to the very top, which leaves the top banner ad slightly covered.
    - All links contain #awp::, i.e. http://www.indieshuffle.com/#awp::health-get-color/. If possiblbe, I would prefer that this simply be the hash tag (#) without "awp::".
    - Ajaxed Wordpress has trouble handling links that are created dynamically by javascript
    - When the "shuffle" button is clicked (in the menu of http://www.indieshuffle.com/) the Ajaxed URL doesn't work. It should redirect to a random post, but instead the URL stays "http://www.indieshuffle.com/#awp::?random" and reloads the front page
    - The plugin Facebook Connector has a conflict with Ajax

    Honestly, I have no idea how to tackle any of that. I feel like I've taught myself CSS and HTML pretty well, but I'll be darned if I ain't stumped. Of course, I have a beta site up and running with all of these problems -- Indie Shuffle is still sans Ajax.
  • And ya, I'm definitely self-hosted.
  • To fix the Facebook connector should be relatively easy - that and AjaxedWP are most likely defining the same variable so causing issues.
    The removing of #awp would most easily be done by using mod re-write rules of Apache which you can set through .htaccess
    For the shuffle/random to work, you will probably have to define random with a JS random number generator.

    As for the others, I am by no means an expert in ajax (and have never used that plugin) but...
    You should be able to define how long the slides takes and height offsets as the whole plugin is using the MooTools framework and there are a bunch of examples over at http://mootools.net/ to look at.

    How to do each of these though is beyond me working off the top of my head and I don't have the time to do the research (even for $) at the moment. The above might allow you to better explain what you want to developers though.
  • P2 Theme by http://automattic.com/ does that and it is a wordpress theme.

    It has been running on my blog ( otsotm.com ) for couple months now.

    As soon has i post something, i see the post pop on the other main page of my blog i had open.
  • P2 Theme by http://automattic.com/ does that and it is a wordpress theme.

    It has been running on my blog ( otsotm.com ) for couple months now.

    As soon has i post something, i see the post pop on the other main page of my blog i had open.


    Pretty sure your blog isn't doing what I have in mind. The idea is for the USERS, not for the admin. When you open a new post on your page, the entire website reloads. That's what I want to avoid.
  • To fix the Facebook connector should be relatively easy - that and AjaxedWP are most likely defining the same variable so causing issues.

    I think the issue has something to do with conflicting jquery libraries.
    The removing of #awp would most easily be done by using mod re-write rules of Apache which you can set through .htaccess

    You lost me here. I know what .htaccess is, but as for the rest...
    For the shuffle/random to work, you will probably have to define random with a JS random number generator.
    As for the others, I am by no means an expert in ajax (and have never used that plugin) but...
    You should be able to define how long the slides takes and height offsets as the whole plugin is using the MooTools framework and there are a bunch of examples over at http://mootools.net/ to look at.


    Okay, so all of this pretty much goes over my head. But you're right, I think it might be helpful for when I'm working with developers. Muchly appreciated!
  • Oh I understand what you want now.

    For your information it doesn't reload the entire website it just pops a post in the page (not for Admin but for any User browsing the website).
  • 1 - yep, that sounds about right

    2 - If you're server runs Apache (most tend to if you're running a PHP/MySQL script like Wordpress as then it is all open source), then Apache has a tool called mod re-write that lets you change the way URLs look and still work as you want the to. You can use this tool by editing your .htaccess - this is how Wordpress, Drupal and others make the urls of posts look good (and work better with search engiens) rather than the default domain.com/?p=123 which is how it actually creates the page.

    /end of geekiness =D
  • I think this discussion belongs over in the 'blogging in languages other than english' thread

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!