AJAX Fun
If you’ve glanced at my sidebar recently, some things are changing. I’ve added a background graphic to the sidebar headlines, but more importantly some AJAXified goodness. Click the Open/Close buttons and play around. I’ve been messing with what is essentially an AJAX toolkit from Script.aculo.us. If you want to play around with AJAX in your K2 installation, I recommend checking out this article. Otherwise, this might see the light of day in the next release of Deviance so just sit tight.
I’m not sure if they will stay forever or just remain in this little design phase of mine. Please leave a comment and let me know what you think.
Presumably you are well aware that it is kinda buggy in terms of how it looks at the moment? I guess you are tweaking it continually.
Two other thoughts:
1) It’d be nice if Open became Close once you’ve clicked it.
2) It doesn’t fail very well at the moment. (I browse with NoScript on, so all Javascript is blocked by default.)
i’ve just recently started messing around with ajax as well. it’s pretty cool stuff. sidebar looks good, i noticed many people use ajax just for that but i hope to try some new stuff as i become more familiar. looks good though. later
That’s not Ajax. Didn’t you take the Web 2.0 quiz? Sigh.
We’re going to have to have a talk.
Paul,
I’m using a new theme that uses Ajax and the moo.fx library - check it out!
Liking your sidebar, btw..
Cool. The appearance is still a bit buggy (at least in Firefox.) Also, George is right, it doesn’t fail very gracefully when Javascript is disabled. You should try using Behaviour to apply your effects. Make all of the divs visible by default in your CSS, then hide them with Behaviour when the page loads. That way, people with JS enabled will see them hidden by default and be able to click the buttons to open and close, and people without JS enabled will just see them open by default. Currently, people without JS can’t open them up at all.
You might also want to add the open/close links into your page using JS and Behaviour so that people who don’t have it enabled don’t even see the links at all.
Eli: Might want to use return false; on those. And if you are using unobtrusive javascript, you might not want to append the #pages (example) to your URL calls.
Colin: what do you mean by return false?
Yes, I’ll change the “#” - that was in the theme when I got it.
In fact, if anyone is interested, go to http://flickr.com/groups/moofx!
Sean: To help us better organize bugs/etc., can you post suggestions to the http://flickr.com/groups/moofx ? I’m going to keep all suggestions/comments there so we can work on things in one single environment!
Thanks - hopefully this will spawn a fun new project theme ;)
I see they are some little glitches on Firefox..
I recommend to review it, and make it a bit more compatible.
Luis: What glitches are you speaking of? I know when clicking on sidebar items the window refocuses but that’s in the works to get fixed!
Anything else?
Oh man does it look bad in Firefox. I guess this was just a phase of mine, there’s not really too much use for this. It doesn’t remember settings or anything and will likely aggravate users from constantly having to open them when they visit. Until I can find a better use for these JS effects, looks like I’ll be removing them.
Eli: you can check on Firefox but.. this is what I can see:
1) latest open button isn’t centered.
2) The open button, once the tab is opened it opens it again, it should do nothing or close it.
3) on the comments, the first paragraph isn’t centered, it shows it far right.
4) When comments is opened, lot of free space is left from the next tab, latest.
5) on latest, the text itself (latest) isn’t centered in the blue rectangle and same as #3 and #4
6) 9 rules members, isn’t centered in the blue rectangle.
That’s it :D
Luis: Sorry bout that I thought you were finding problems looking at my site, not Paul’s :)
test