XenForo AJAX Tutorial

[Slavik]

Is it just me or does Kier repeat himself in the beggining about the overlays not being apparent

 

[Kier]

Is it just me or does Kier repeat himself in the beggining about the overlays not being apparent

That is entirely possible... there were multiple takes for this video. I'll review it and correct if there's a problem.

 

[Kier]

Haha, yes you're right. Now to see if I can edit out the duplicate...

Edit: the updated movie is uploading now. It will take a couple of hours.

 

[dieketzer]

they rarely work for me as well
the vid preview appears and the play button even functions. i can see the vid is 18+ minutes long, but it never actually starts streaming.

if i watch from the vimeo site however, everything functions as expected.

These videos never play for me on this site through FF, however they play from the uploaded site in FF fine http://vimeo.com/16893821

Anyway thanks for this great video

 

[Kaiser]

Nice videos... your voice sounds like a Developer's voice, whatever thats suppose to mean lol.

 

[marioman]

i hope to learn us more about using XF api's
i am php programer and i have vbulletin 4 with 600k message
i programed many add-ons for it for my site only
i hope to get enough knowledge about XF to programe same add-ons for it to prepare it for moving after XF get (blogs, social groups)

 

[karrott]

As a PHP developer, I'm always amazed at how well organized and well thought out your code is. I think I've learned more about OOP PHP from xenForo's code than I have from any tutorial or instructor. Great job Kier and Mike!

 

[Msharry]

Great video!​

BTW, I believe (event|e).preventDefault belong to The DOM, not jquery.
http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-preventDefault

 

[ragtek]

Great video!​

BTW, I believe (event|e).preventDefault belong to The DOM, not jquery.
http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-preventDefault

http://api.jquery.com/event.preventDefault/

 

[Jaxel]

Kier, thanks again for putting this guide together... but I have a question on how to use this with submission data... The example you showed does not send any data, it only retrieves data.

How would I build this into a comment system? As well, how would you co-opt the built in pagenav system, which doesn't seem to have any "data" tags on it...

 

[Mez]

Awesome Javascript Goodness.

But then, I know how awesome Kier was with Javascript with YUI - put jQuery in his hands, and expect scarily cool things to happen.

 

[Kier]

I have a question on how to use this with submission data... The example you showed does not send any data, it only retrieves data.

That guide is coming very soon

How would I build this into a comment system?

For that you need to tie into form submission, the video for which I am recording right now.

As well, how would you co-opt the built in pagenav system, which doesn't seem to have any "data" tags on it...

Not sure exactly what you mean - what do you want to do with it?

 

[ragtek]

That guide is coming very soon
For that you need to tie into form submission, the video for which I am recording right now.
Not sure exactly what you mean - what do you want to do with it?

Yea nice
Pls put the code into the thread with the example codes
It's much easier for me (bad i-net connection )

 

[Kier]

Yea nice
Pls put the code into the thread with the example codes
It's much easier for me (bad i-net connection )

Aah yes, will do, sorry

 

[Kier]

Part 2 is now posted:

AJAX Developer Demo Part 2

 

[Jaxel]

Not sure exactly what you mean - what do you want to do with it?

I want to allow users to switch pages in a comment feed, without having to reload the page... using the pagenav.

 

[Kier]

I want to allow users to switch pages in a comment feed, without having to reload the page... using the pagenav.

XenForo.register('#commentFeed div.PageNav a[href]', 'MyAddOn.CommentFeedPageSwitcher');

Would do that.

 

[Jeremy]

XenForo.register('#commentFeed div.PageNav a[href]', 'MyAddOn.CommentFeedPageSwitcher');

Would do that.

Hopefully Jaxel got that, because you lost me. And thanks for the, uh, subtle shout out. haha. Its very good to know that it can be appended.

 

[Indigo]

XenForo.register is actually a very handy and easy tool for unobtrusive JavaScript. Basically, it goes through all the elements on the page that match the selector in the first parameter, and instantiates the class given in the second parameter, passing the element to the constructor. Combine that with HTML5 data- attributes on the elements in question, and you can further customize each instance.

OverlayTrigger works like that as well, so all links with class="OverlayTrigger" are manipulated via JS so that clicking them shows an overlay instead of taking your browser to the page (and thus degrades nicely when JS is disabled).

 

[Jeremy]

OK, here's a question... if I wanted to modify the contents of a <div> based on what is selected in a form, could I modify the original code to work for what I want? Because I am building the next version of BB Code Manager that'll support an arbitrary number of required options (gotta figure out help display for that...), and replaces it... However, the description setups that I'd want to set for the replacement fields, would be different.