Author Topic: HTML help - how do I make a page that shows more info when a question is clicked (Read 987 times)

quarterback · « **on:** January 12, 2007, 02:47:54 am »

I can't find an example right now, but like a FAQ page that lists a bunch of questions but when you click on a question, the answer appears below it.

Not a page where you 'jump' down the page to the answer, but where the answer just appears, rippling the other questions lower on the page.

So you start off seeing something like this

Quote

-Q1- What is MAME?
-Q2- Where can I download the most recent version?
-Q3- Are ROMs legal?
-Q4- How many games does MAME support?

But when you click question #2, you see something like this:

Quote

-Q1- What is MAME?
-Q2- Where can I download the most recent version?

A: Many versions of the mame executable can be found at http://www.mame.net/downmain.html

-Q3- Are ROMs legal?
-Q4- How many games does MAME support?

I'm going to see if I can find an example and maybe just borrow their HTML, but my guess is that it's some kind of php script or something. Anybody knew a way to do this or a possible download?
Thanks

quarterback · « **Reply #1 on:** January 12, 2007, 02:51:24 am »

Or, alternately, a FAQ like this one:

http://www.google.com/support/webmasters/

or this one

http://www.myspace.com/index.cfm?fuseaction=misc.faq

Where you click a question, go to a new page but there's a little navigation 'bar' at the top like this:

Quote

Skip Navigation LinksHelp with FAQ > Artist/Band Questions > How do I become a featured artist?

JamIt · « **Reply #2 on:** January 12, 2007, 11:24:31 am »

Here's a snipet I've used in the past. It probably only works with IE, but I hope it helps get you started.
--JamIt

Code: [Select]

<html>
<head>
<SCRIPT type=text/javascript>
function expandColapse(sH,sD)
{ 
var h, d; 
var s;
//h = document.getElementById('headerrow' + sH); 
for(i=1; i <= sD; i++)
 {  
	try
	{
	  d = document.getElementById('datarow' + sH + '.' + i);
  	if (d.style.display == 'none')
	  {
  	  //h.src = 'test_files/minus.gif';
    	d.style.display = 'block';
	  }
  	else
	  {
  	  //h.src = 'test_files/plus.gif';
    	d.style.display = 'none';
	  }
	}
	catch(e)
	{
	}
 }
}
</SCRIPT>
</head>
<body>
<table>
	<tr><td valign="bottom"><span title="spn1"><a href="javascript:expandColapse(1, 1);">Q1</a></span></td></tr>
	<tr id="datarow1.1" style="display:none"><td width="1"></td><td valign="top" nowrap colspan="1">A1</a></td></tr>
	<tr><td valign="bottom"><span title="spn2"><a href="javascript:expandColapse(2, 1);">Q2</a></span></td></tr>
	<tr id="datarow2.1" style="display:none"><td width="1"></td><td valign="top" nowrap colspan="1">A2</a></td></tr>
</table>
</body>
</html>

quarterback · « **Reply #3 on:** January 12, 2007, 03:34:46 pm »

Quote from: JamIt on January 12, 2007, 11:24:31 am

Here's a snipet I've used in the past. It probably only works with IE, but I hope it helps get you started.

Thanks a bunch JamIt. It got me thinking the the right direction (which is javascript, which wasn't where I was thinking

) Looks like I'll be good to go.

Thanks again.


Main	Restorations	Software	Audio/Jukebox/MP3	Everything Else	Buy/Sell/Trade
Project Announcements	Monitor/Video	GroovyMAME	Merit/JVL Touchscreen	Meet Up	Retail Vendors
Driving & Racing	Woodworking	Software Support Forums	Consoles	Project Arcade	Reviews
Automated Projects	Artwork	Frontend Support Forums	Pinball	Forum Discussion	Old Boards
Raspberry Pi & Dev Board	controls.dat	Linux	Miscellaneous Arcade	Wiki Discussion	Old Archives
Lightguns	Arcade1Up	Try the site in https mode		Site News


Unread posts \| New Replies \| Recent posts \| Rules \| Chatroom \| Wiki \| File Repository \| RSS \| Submit news

Author Topic: HTML help - how do I make a page that shows more info when a question is clicked (Read 987 times)

quarterback

HTML help - how do I make a page that shows more info when a question is clicked

quarterback

Re: HTML help - how do I make a page that shows more info when a question is cli

JamIt

Re: HTML help - how do I make a page that shows more info when a question is clicked

quarterback

Re: HTML help - how do I make a page that shows more info when a question is cli