Fork me on GitHub

Drop Down Menu Block  Bottom

  • Can javascript be used for Block creations?
    I copied and pasted into a new HTML block but nothing.

    This is what I want: http://javascript.internet.com/navigation/slide-down-menu.html

    I looked at Active Menu and such but want this as simple as possible for my site.

    Thanks!
  • Nates block is slick and highly recommended, an alternative is to use the Xara drop down menu maker. Just insert the code into a block. The cool thing about Xara is that you can change your menus quickly and just upload the modified files. There is a how-to and links to Xara on my website. http://www.autothemes.com
  • Nate: I looked at that before I posted. I'm looking for real simplicity type block so family members can access the file and add menu items to it. I don't even get some of the things in the Block you made.

    Warrick: Where on Autothemes? icon_lol



    Again, I need simplicity. Is it possible to create a block that can be selected from the 'admin > block > new block' option? What I would need to know is what has to be in the block .php file itself and then how to get the javascript in there. That way, family members can download the block through FTP, add/change what needs to be, then reupload the file. Is this possible? If not, I'll have to try another route. Will look into Warrick's option too, but would like to have: http://javascript.internet.com/navigation/slide-down-menu.html
  • Well ActiveMenu would exactly do what you want, but unfortunatly I experienced problems when using it with the lastest version of PostNuke (0.75). So depending of your configuration, you could use it while hopping there will be a fix for the future version of PostNuke...
  • You think uploading/downloading and editing config files is easier than the block I proposed :? - I'd take a second look - for drop downs, it doesn't get much simpler than that (I don't see how it could)... It's basically just like the static menu editor except with extra options for icons, targeting, and specifying the level... Check out the readme included with it...

    --
    Get PhotoGallery, PayPalCart, Dynamenu, Enhanced Blocks & other mods

    Cape Cod Travel Info...
  • I decided to go with ActiveMenu.

    Nate: I find it confusing to start with. I'm sure if I read all the documentations you've added to it or whatever, I'd get the hang of it, but I don't want to teach a class to my family how to add/change/delete items in the menu. That's the kind of simplicity I was looking for. Sorry for any confusion.
  • O.K. - I'm just puzzled you find ActiveMenu simpler(?) Though as Duster mentioned, it's probably because they provide an example menu to start with (as a module) which would be tough to do with blocks)... I think if just take a look (and god forbid, glance at the readme - there's more in it than you need) you'll find it simpler, but that's your call...

    --
    Get PhotoGallery, PayPalCart, Dynamenu, Enhanced Blocks & other mods

    Cape Cod Travel Info...
  • As stated in anearlier post... I already looked at it. I have other people running the site too and don't want to sit and explain HOW to do something to them for a period of time. I don't know how else to tell you. It may be easy for you because you created it.

    I don't prefer Active Menu either but it's all I got since I can't get the type of menu I was looking for. And it's easy for others to add something without all types of fields to enter - just the basics.
  • 1) Add the following to the style.css of your theme:

    Code

    .menu
      {
       position:relative;
       background-color:gold;
       border:1px solid darkblue;
       width:150;
       font-size:11px;
       font-family:verdana;
       font:bold;
       position:absolute;
       cursor:se-resize;
      }
      .item_panel
      {
        width:150;
        border-left:1px solid darkblue;
        border-right:1px solid darkblue;
        clip:rect(0,150,0,0);
        position:absolute;

      }
      .item_panel a
      {
       text-decoration:none;
       color:black;
       cursor:hand;
      }
      .item
      {
       background-color:lightyellow;
       width:148;
       font-size:10px;
       font-family:verdana;

      }

    2) put the file sliding_menu.js in the javascript directory of postnuke;
    3) edit the file theme.php of your theme adding this line:

    Code

    echo "[[[script language=\"JavaScript\" src=\"javascript/sliding_menu.js\">[[[/script>";


    (after function themeheader() and before echo '')
    replace [[[ with <

    4) create your HTML with:

    Code

    <table width=150 height=120><tr><td>
      [[[script language="JavaScript">
          //Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"
      var link = new array();
      link[0] = "0|Home";
      link[1] = "1|Home|http://www.javascriptsource.com|";
      link[2] = "1|More Scripts|http://www.javascript.com|";
      link[3] = "1|Contact|http://www.javascriptsource.com/contact-us.html|";
      link[4] = "1|Traffic|http://www.thecounter.com|";
      link[5] = "0|Access";
      link[6] = "1|Login|Login.asp|";
      link[7] = "1|Logout|Logout.asp|"
      link[8] = "0|Scripts";
      link[9] = "1|Asp|http://www.javascriptsource.com|";
      link[10] = "1|JavaScript|http://www.javascriptsource.com|";
      link[11] = "0|Links";
      link[12] = "1|JavaScript sites|http://www.javascripts.com|blank";

      startup(4);
      [[[/script>
    </td></tr></table>


    In step 4 you must play with the height of the table, because the block needs space in order to avoid overlap with subsequent blocks.


    Enjoy!
  • That wouldnt work in linux I guess?
  • OverU

    That wouldnt work in linux I guess?


    What do you mean?
    Server side: tested under PN .726 with apache in windows
    Client side: works with mozilla
  • I think I said that cos I was getting some asp errors. but never mind I found a solution much better than using third part modules or blocks.
    I am using Postnuke generic menu module and it works nice. the only problem I have is that the page I am loading doesnt go 100% like the rest of the site, so it changes size everytime I load it, not very cool. I will have to talk to one guy here for that.
    Thanks anyway
  • 0 users

This list is based on users active over the last 60 minutes.