www.webdeveloper.com
Results 1 to 7 of 7

Thread: Dropdown Profile Page

  1. #1
    Join Date
    Nov 2010
    Posts
    4

    Dropdown Profile Page

    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 :
    http://www.juniordragracing.co.uk/drivers.html

    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
    Last edited by Fang; 11-17-2010 at 12:18 AM. Reason: corrected url

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    Nov 2010
    Posts
    4
    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

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    There are simpler JavaScript solutions if you don't want the eye-candy or load a library.
    At least 98% of internet users' DNA is identical to that of chimpanzees

  5. #5
    Join Date
    Nov 2010
    Posts
    4
    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

  6. #6
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    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.
    At least 98% of internet users' DNA is identical to that of chimpanzees

  7. #7
    Join Date
    Nov 2010
    Posts
    4
    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

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles