/    Sign up×
Community /Pin to ProfileBookmark

Dropdown Profile Page

Copy linkTweet thisAlerts:
Nov 17.2010

Hello,
I am currently working on a website for someone that requires instant viewing of several profiles. Sorry if this is the wrong place to post this in but I was not sure. What they want is something very similar to what they found on this website here :
[URL=”http://www.juniordragracing.co.uk/drivers.html”]http://www.juniordragracing.co.uk/drivers.html[/URL]

I have yet to work or see anything like this before and was wondering if it is some sort of program or software available online that I could download or purchase and be able to modify it to suit the owners needs? Any help or point in the right direction would be greatly appreciated.

Cheers,
Brian

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@brishi69authorNov 17.2010 — Thanks for your help Fang, I will be playing around with this all day I am sure to try and get it to work. I am guessing this is the only solution?

Cheers,

Brian
Copy linkTweet thisAlerts:
@FangNov 18.2010 — There are simpler JavaScript solutions if you don't want the eye-candy or load a library.
Copy linkTweet thisAlerts:
@brishi69authorNov 18.2010 — What other simpler solutions would you suggest? The owner does want to be able to have an image with a text description and be able to keep other images in each profile that are being used in the website I gave above that open with Lightbox, is that what you mean by "eye-candy"? My js ability is very limited at the moment but I do like playing around and learning myself, not sure what you mean by loading a library.

My understanding of this accordion is that it pulls the info necessary to use it from the .js file and I just change the html code to show what I want is that correct? (hope I am explaining myself correctly?) Do I need to modify the .js code?

I had the example that you gave me working earlier but it is not as nice as the one I linked to, I don't want to have a scroll bar inside any of the accordion menu. Again sorry for the lack of proper explanation.


Cheers,

Brian
Copy linkTweet thisAlerts:
@FangNov 18.2010 — Using the link you gave, all the profiles are loaded in the document, which are initially hidden. Clicking a profile opens that <div> and closes any other open profiles.

This is the simplest solution. If large amounts of data is used then Ajax(load on demand) would be a better option.

The image enlargements use a lightbox, of which there are many: http://planetozh.com/projects/lightbox-clones/

A library is a collection of JavaScript functions which can simplify the writing of effects to work x-browser. In the example scriptaculous and prototype.
Copy linkTweet thisAlerts:
@brishi69authorNov 18.2010 — Not sure what would be considered a large amount of data for this but I don't think that it will use as much as the example that I provided.

As for lightbox thanks for the link and I will definitely use that for any images that might get used. Once again I appreciate the help and hopefully I can get this working or may be back again..LOL!


Cheers,

Brian
×

Success!

Help @brishi69 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...