6 replies [Last post]
suavedesign
suavedesign's picture
Offline
Enthusiast
Last seen: 5 years 14 weeks ago
Timezone: GMT-5
Joined: 2010-12-01
Posts: 128
Points: 191

Hi,
I am looking for a tutorial to make an faq list with answers that pop-up, similar to this page:http://www.lifewave.com/faq.asp I googled, and couldnt find anything. can anyone give me a link to a tutorial?
Thanks.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 weeks 5 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

When all else fails

Read the source code:

<script src="scripts/faq-script.js" 
        type="text/javascript" 
        language="javascript">
</script>

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

suavedesign
suavedesign's picture
Offline
Enthusiast
Last seen: 5 years 14 weeks ago
Timezone: GMT-5
Joined: 2010-12-01
Posts: 128
Points: 191

Thanks, but I am not

Thanks, but I am not proficient enough with jquery to do it on my own. I really want a step by step tutorial.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 weeks 5 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Step one

Install jQuery on your development machine. Then try to replicate the exemplar's code in a page. Make a minimal test, use maybe two q/a items.

If it works, you got it. If it doesn't, try to find where your attempt differs from the working version. If that fails, make the page available by link, and post a follow up question in the off topic sub-forum since it's now primarily a javascript issue.

As for a tutorial, stfw; there are a potload just waiting for you.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

suavedesign
suavedesign's picture
Offline
Enthusiast
Last seen: 5 years 14 weeks ago
Timezone: GMT-5
Joined: 2010-12-01
Posts: 128
Points: 191

thanks. Do i have to upload a

thanks. Do i have to upload a jquery file to my server in order for it to work?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 weeks 5 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Google gave me this

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 18 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Quote: Thanks, but I am not

Quote:

Thanks, but I am not proficient enough with jquery to do it on my own. I really want a step by step tutorial.

Well there always comes the point where you need to become proficient, you've reached it! your step by step tutorial does not exist, at least the line by line code to paste doesn't, the link Gary posted is the link you need it's the where to start with the basics of jQuery, a js library that is now so common place that you need a fair understanding of it and of basic JS coding if you're a developer.

However I would hazard a guess that you haven't yet actually looked much as jQuery has a whole heap of plugins/modules written to perform fancy effects such as this you need probably to look through those first for something that doesn't require more than a bit of copy/pasting.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me