Ajax Profile Tabs

Digital Jedi

Digital Jedi

Administrator
Staff member
You may have noticed your new profile tabs. Just a little something I designed (not the code, but the concept) to clean the postbit up. Let me know what you think of it, and if there's anything I can feasible do to make it better. It's still not perfect, but it's quite neater in my opinion.
 
Last edited by a moderator:
Looking good there. I can't really do a direct comparison to the old look, because I've immediately forgotten what it used to look like. :D
 
Thanks guys. Like I said, it's not perfect, but it cleans the postbit up a little, and actually let's me put more info in there while using less room.

Oh, you remember the old look. It was about a mile long. :D
 
I would suggest changing the color(s) of the dots...you can almost miss the other "tabs" if you didn't know they were there...maybe use the gray for the off and yellow/gold for on, or something like that.
 
also, it seems when doing a "quick reply", none of the dots were active below my avatar. When clicking on one, it threw me to the top of the page.
 
I noticed that too. They will also disappear, I believe, when doing a "quick edit". My guess is it has something to do with the fact that all three use AJAX. Did the tabs appear after clicking them and getting redirected? They do in IE. Hrm, I may try something...
 
Oh right! I was looking at something completely different. When dots were mentioned I was confused.

Yeah, it's still good.

If you mean that, when you edit a post you've made (the edit box shows up in the post in the thread), the dots become inactive and when clicking on them it refreshes the page (or something), it doesn't do that in Firefox. It still works just fine.

Oh, hang on. Once I'd submitted my edit, the dots of this post (and only of this post) no longer work, and flick to the top of the page instead.

EDIT 3: Revisiting the page cures it, or even refreshing the page.
 
Last edited:
IE Test: At least in IE, when you submit a Quick Reply, if you click on one of the dots, it refreshes the page.

At least, most of the time. =/
 
I think you are going to have to look at all of the onLoading/onSuccess/onComplete methods of all the editing/submit AJAX calls, and make sure they include (or at least don't conflict) with the calls to your tabs.

EDIT: I notice that all of the "tabs" are using anchors that point to the page url. Is it necessary to use anchors, instead of maybe a span or floating div with onClick methods? Would probably fix the page refreshing issue. Although no guarantee of that without looking at all of the build code.
 
Last edited:
Hrm, you know, I don't know for sure. All the tabs are just linked to "#" with a "rel" determining what tab to show. I'll have to dig deeper. Here's the code I used to get the tabs to work, but I had to finagle it a little to get it to work with vBulletin.

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

One thing that I can't seem to get to work is the "selected" tab when a page loads. But it may be preferable to keep it the way it is for some users.
 
You must log in or register to reply here.
Back
Top