8 replies to this topic

[cosmouse]

I know absolutely nothing about javascript, so I have come here to see if anybody will walk me through or provide an example of how to use MooTool's Accordion script.

Here's the page I would like to use it (the javascript's already loaded):
http://ehko.net/admin/index.html

The way I would to use it is so that if a user clicks "add entry" (or any other tab), the text would drop down using the Accordion script.

Edited by cosmouse, 25 August 2007 - 01:11 PM.

[Lastcrime]

i dono the answer but i have a question how do you use mootools? like i downloaded it and its just a javascript file what do i do with it?

[.CJ]

Just read it up at http://demos.mootools.net/Accordion. At the top, click the js code | html code | css code links to see the code you need, or check the source of the page.

[cosmouse]

I've read everything there is to read, and still don't understand. I've even copied and pasted directly from the demos and yet they haven't worked at all. If reading the documentation and seeing the demos would've helped, I wouldn't be posting right now.

[dEcade]

Hey, don't really know if this will help you at all. But no content on your page is displaying due to the fact the <script> tags haven't been closed.

Edited by dEcade, 25 August 2007 - 07:00 PM.

[cosmouse]

I've closed the script tags. Does anybody know an easy to use javascript accordion that has documentation not made for people who know javascript?

[.CJ]

Yeah, it's called Spry, it's from Adobe, it's very good, I use it.

Check out http://labs.adobe.com/technologies/spry/sa...dionSample.html pretty simple.

Just add your HTML with the correct ID's and just one line of Javascript will turn it into what you need.

<div id="Acc1" class="Accordion">
  <div class="AccordionPanel">
	<div class="AccordionPanelTab">Panel 1</div>
	<div class="AccordionPanelContent">
	BLAH BLAH BLAH
	</div>
  </div>
</div>

<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1");
</script>

Oh, I should point out you need to download the whole Spry library and include the required files. If stuck, a simple Google search for 'Spry' should help you.

Edited by .CJ, 25 August 2007 - 09:30 PM.