Collaspable Article Categories (script box)

matstone · November 16, 2007, 03:17:37 AM

I am no way a pro but, have managed to make a collaspable article category box using a script box and a html page. There may be another way using php but, seeing as I am about clueless there, this works. Menu Size and colors are all changable with some pic edits and some css changes. Just slap me if this isn't something that should be posted here.

you can see imy menu here:
http://fishinfanatics.com/EasyAngling/index.php

It begins with the Slashdot menu downloaded from here:
http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

I uploaded the folder to my server and I then created a html page with links to my article catagories and inserted that code into a script box.

Hairy · November 16, 2007, 03:46:44 AM

I think this will be handy for me, similar to the accordion menu snippet but different features. I think I will use both of them.

Cheers

matstone · November 17, 2007, 08:41:50 PM

Quote from: Hairy on November 16, 2007, 03:46:44 AM
I think this will be handy for me, similar to the accordion menu snippet but different features. I think I will use both of them.

Cheers

I was happy it worked and it's a great way to shrink up a ton of links to article catagories. Could be used for almost any link related box I imagine.

bloc · November 18, 2007, 02:45:03 PM

Yes, the Slashdot routine is a great one. Its put to good use at the Online manual for SMF too. ( http://docs.simplemachines.org/ )

matstone · November 18, 2007, 03:22:00 PM

Quote from: Bloc on November 18, 2007, 02:45:03 PM
Yes, the Slashdot routine is a great one. Its put to good use at the Online manual for SMF too. ( http://docs.simplemachines.org/ )

Oh I like that.

catchpen · November 19, 2007, 02:41:06 AM

Thanks, bookmarked for future use when I get a good collection of articles.

rockskullz · March 29, 2008, 05:30:20 PM

Can you post the code you used in your html block?

matstone · March 29, 2008, 07:23:04 PM

I used the below code in a "Script box".
You will need to reference to the "sdmenu file" which you can download at the link above.

Quote<center><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Article Navigation</title>

<link rel="stylesheet" type="text/css" href="http://www.fishinfanatics.com/sdmenu/sdmenu.css" />
   <script type="text/javascript" src="http://www.fishinfanatics.com/sdmenu/sdmenu.js">
      /***********************************************
      * Slashdot Menu script- By DimX
      * Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com
      * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
      ***********************************************/
   </script>
   <script type="text/javascript">
   // <![CDATA[
   var myMenu;
   window.onload = function() {
      myMenu = new SDMenu("my_menu");
      myMenu.init();
   };
   // ]]>
   </script>

<style type="text/css">

</style>

</head>

<body>

<div style="float: center" id="my_menu" class="sdmenu">

<div>
<span>Fishing</span>
The Fishing Basics
LM Bass Fishing
      SM Bass Fishing
Crappie & Panfish
Catfish Fishing
      The Toothy Fish
      Any Other Fish
      Fishing Tackle
Fishing Equipment
Fishing News
Kids and Fishing</div>

<div>
<span>Boating</span>
      Bass Boats
      Jet Boats
Kayaks
      Other Boats</div>

<div>
<span>Other</span>
The Outdoors
Vacation Destinations
      Un-Catagorized </div>


      </div>

</body>
</html></center>

rockskullz · April 04, 2008, 07:43:38 AM

Thanks for sharing. I added it to our site. Very cool!

http://www.offroad-review.com

Recent

User

Stats

Members

Stats

Users Online

Collaspable Article Categories (script box)

matstone

Hairy

matstone

bloc

matstone

catchpen

rockskullz

matstone

rockskullz

This website is proudly hosted on Crocweb Cloud Website Hosting.