Forums » Ideas

Tutorial: collapsable menu -Spanish

LAWorks
PORTUGAL
2010-08-19 23:26:58
Permalink Post
 

I forgot to put the URL!
Sorry.

here it is http://luciaantunes.com

mikehibbert
UK
2010-08-21 18:36:15
Permalink Post
 

Sorry for the trouble..i used the ross expanidn menu, but it does not seem to work....any clue why?

here is my link

www.ludovico-lombardi.com

below my php file



:









path = '/files/gimgs/';

$(document).ready(function()

    setTimeout('move_up()', 1); expandingMenu(2); expandingMenu(3); expandingMenu(5); expandingMenu(6); expandingMenu(7);expandingMenu(8); expandingMenu(9);
});







  • Built with Indexhibit
  •     
        




    mikehibbert
    UK
    2010-08-21 18:36:47
    Permalink Post
     

    Sorry for the trouble..i used the ross expanidn menu, but it does not seem to work....any clue why?

    here is my link

    www.ludovico-lombardi.com

    below my php file



    :









    path = '/files/gimgs/';

    $(document).ready(function()

        setTimeout('move_up()', 1); expandingMenu(2); expandingMenu(3); expandingMenu(5); expandingMenu(6); expandingMenu(7);expandingMenu(8); expandingMenu(9);
    });







  • Built with Indexhibit
  •     
        




    mikehibbert
    UK
    2010-08-21 18:39:40
    Permalink Post
     

    and i have copied the js file...so not sure if i have to activate something else...

    thx

    mikehibbert
    UK
    2010-08-21 18:40:50
    Permalink Post
     

    code missing







    path = '/files/gimgs/';

    $(document).ready(function()

        setTimeout('move_up()', 1); expandingMenu(2); expandingMenu(3); expandingMenu(5); expandingMenu(6); expandingMenu(7);expandingMenu(8); expandingMenu(9);
    });



    RalphBlomberg
    NETHERLANDS
    2010-09-29 00:32:23
    Permalink Post
     

    could someone please post the code of the expending menu going down and not float from the left side. (My menu is centered)

    I also haven't seen any code for te expending menu A closing when opening menu B.

    RalphBlomberg
    NETHERLANDS
    2010-09-29 00:34:34
    Permalink Post
     

    here's my site: www.ralphblomberg.nl

    lynchlucila
    ARGENTINA
    2010-11-11 21:00:34
    Permalink Post
     

    HI everyone, I'm kind of new with all this but I need some help. I read the whole topic and looked for the solution everywhere but I still can'y make my collapesed menus work.
    My website www.elmercaditoazul.com

    I've downloaded the colapsedMenus.js file and added to the plugins, I also added some code to the index.php file of my theme, which is th efollowing:

    $(document).ready(function()
    {
        setTimeout('move_up()', 0);
        expandingMenu(0);
        expandingMenu(1);
        expandingMenu(2);
        expandingMenu(3);
        expandingMenu(4);
        expandingMenu(5);
        

    });

    And it still doesn't work. I'll add the css code on my theme, perhaps there's something there, Its driving me crazy.
    Here is my css code:

    * {
        margin: 0;
        padding: 0;
    }

    body {
        font-size: 11px;
        font-family: Verdana, sans-serif;
        background: #fff;
    }

    body.section-1 { }
    body.section-2 { }
    body.section-3 { }

    a:link { text-decoration: none; color:#333 }
    a:active { text-decoration: none; }
    a:visited { text-decoration: none; color:#333; }
    a:hover { text-decoration: underline; }

    a img { border: none; }

    #menu {
    width: 250px;
    overflow: auto;
    top: 15px;
    bottom: 0;
        left: 15px;
    position: fixed;
    height: 100%;
        background-color: #fff;
    }

    #menu ul {
        list-style: none;
        margin: 0 0 12px 0;
    }

    #menu ul li.section-title { }

    #content {
    height: 100%;
    margin: 0 0 0 215px;
    top: 0;
    }

    #menu .container { padding: 21px 0 21px 21px; }
    #content .container { padding 21px; }
    .container {
    padding: 5px 5px 25px 5px;
    }

    #content p { width: 500px; margin-bottom: 9px; margin-top:80px;line-height: 16pt; margin-left:45px; font-size:12px; }

    p {
    margin: 0 0 9px 0;
    }

    h1 { font-size: 32px; }
    h2 { font-size: 24px; }
    h3 { font-size: 16px; }
    h4 { font-size: 12px; }

    #img-container    { margin: 45px; padding: 0; }
    #img-container p    { width: 400px; margin: 0; padding: 0 0 12px 0; }

    #once { clear: left; }

    Thanks to u all

    hectorhe
    SPAIN
    2010-11-28 04:01:10
    Permalink Post
     

    Hi:
    \nI use the Criterion code and it works.

    \n\n

    $(document).ready(function()
    \n{
    \n    // Ocultar todos
    \n    $(\"#menu ul li.section-title\").nextAll().hide();
    \n    
    \n    //mostrar activo
    \n    $(\"#menu ul\").each(function(){
    \n    $(this).find(\"li.active\").prevAll().nextAll().show();
    \n    });
    \n    
    \n    //Expandir y ocultar
    \n    $(\"#menu ul li.section-title\").click(function(){
    \n    $(this).nextAll().slideToggle(\"fast\");
    \n    });
    \n    
    \n});

    \n\n

    But I have a problem: I create a subsection with hide pages but when you click on it, the menu closed.
    \nAny solution? Thanks is advance!

    \n\n

    The page:

    hectorhe
    SPAIN
    2010-11-28 04:01:29
    Permalink Post
     

    Hi:
    \nI use the Criterion code and it works.

    \n\n

    $(document).ready(function()
    \n{
    \n    // Ocultar todos
    \n    $(\"#menu ul li.section-title\").nextAll().hide();
    \n    
    \n    //mostrar activo
    \n    $(\"#menu ul\").each(function(){
    \n    $(this).find(\"li.active\").prevAll().nextAll().show();
    \n    });
    \n    
    \n    //Expandir y ocultar
    \n    $(\"#menu ul li.section-title\").click(function(){
    \n    $(this).nextAll().slideToggle(\"fast\");
    \n    });
    \n    
    \n});

    \n\n

    But I have a problem: I create a subsection with hide pages but when you click on it, the menu closed.
    \nAny solution? Thanks is advance!

    \n\n

    The page: http://www.carlosmoreno.com.es/index.php

    hemk
    JAPAN
    2010-12-14 09:20:03
    Permalink Post
     

    hey!

    thank you so much for a great piece of coding and such an easy step by step tutorial ;)
    worked just fine for me on the first attempt ;)

    cheers!

    hectorhe
    SPAIN
    2010-12-18 00:22:18
    Permalink Post
     

    lynchlucila your code run for my problem? Thanks!

    mementomomento
    UNITED STATES
    2011-01-05 13:46:47
    Permalink Post
     

    Hello everyone,

    Great thread, and thanks to rcairns I have the expandable script working. The essential question here that doesn't seem to have a definitive answer yet is this:

    "In the menu, hen I click on C after viewing B, can B collapse automatically?'

    I'm pretty sure I've tried all options given and still can't figure it out. Ideally I would like to keep rcairns' script and modify it so I can have the above option. Please help... and thank you!

    humbert
    MEXICO
    2011-01-13 22:25:21
    Permalink Post
     

    worked great thanks a lot !!

    plasticinthewind
    BELGIUM
    2011-02-11 10:31:43
    Permalink Post
     

    Hi there all,

    I followed the steps of RossCairns but nothing changed
    in my website.
    Can someone help me ?
    My website is www.lucierenneboog.be
    thanks !
    Lucie

    blameme A
    SPAIN
    2011-02-11 10:47:22
    Permalink Post
     

    Hello plastic,

    you haven´t included the expandingmenus.js script. You need to call it in your document head.

    mrad
    CANADA
    2011-02-18 23:01:05
    Permalink Post
     

    Hey everybody,

    I believe I have followed the instructions by Ross Cairns but I seem to have missed something somewhere.
    Could someone please help me sort out the expanding menu? Nothing is changing on my site:
    M-RAD

    mrad
    CANADA
    2011-02-19 06:16:56
    Permalink Post
     

    Oh and I'm using the Columner theme with the Horizontal exhibition template. I was able to get the expanding menu working with the Sample theme but not the Columner.
    Hope this helps solve my problem!
    M-RAD

    goolug
    UNITED STATES
    2011-03-15 02:50:30
    Permalink Post
     

    You guys are soooooooo awesome!

    Will donate next week. Thank you ever so much. Great CMS and great support forum!

    jmcnally
    UNITED STATES
    2011-04-14 22:49:08
    Permalink Post
     

    Hi everyone, I have been trying and trying to get the Ross Cairns collapsable menu to work but no luck---my website still looks the same. I've checked all through the code but can't seem to find the problem. Could someone take a look and see if there is something I'm doing wrong? Thanks!!

    www.jacquelinemcnally.comjacquelinemcnally.com

    jmcnally
    UNITED STATES
    2011-04-14 22:50:47
    Permalink Post
     

    whoops!

    www.jacquelinemcnally.com

    kito
    BOTSWANA
    2011-06-10 16:54:24
    Permalink Post
     

    hi, everyone. i'm using ross script and trying to solve a problem that was posted on the fisrt page of this thread but didn't answered.

    i want to keep menus open after the user has clicked and "activated" one of the sections.
    ex: A, B, C and D are expanded then an iten under C is clicked and A, B and D keep expanded.

    any ideas?

    thx!

    kito
    BOTSWANA
    2011-06-10 16:54:43
    Permalink Post
     

    hi, everyone. i'm using ross script and trying to solve a problem that was posted on the fisrt page of this thread but didn't answered.

    i want to keep menus open after the user has clicked and "activated" one of the sections.
    ex: A, B, C and D are expanded then an iten under C is clicked and A, B and D keep expanded.

    any ideas?

    thx!

    kito
    BOTSWANA
    2011-06-10 16:55:01
    Permalink Post
     

    hi, everyone. i'm using ross script and trying to solve a problem that was posted on the fisrt page of this thread but didn't answered.

    i want to keep menus open after the user has clicked and "activated" one of the sections.
    ex: A, B, C and D are expanded then an iten under C is clicked and A, B and D keep expanded.

    any ideas?

    thx!

    kito
    BOTSWANA
    2011-06-10 16:55:32
    Permalink Post
     

    hi, everyone. i'm using ross script and trying to solve a problem that was posted on the fisrt page of this thread but didn't answered.

    i want to keep menus open after the user has clicked and "activated" one of the sections.
    ex: A, B, C and D are expanded then an iten under C is clicked and A, B and D keep expanded.

    any ideas?

    thx!

    kito
    BOTSWANA
    2011-06-10 16:56:33
    Permalink Post
     

    sorry for posting 4x. i was getting a page not found message.

    blameme A
    SPAIN
    2011-06-11 08:40:12
    Permalink Post
     

    I can't remember off the top of my head, but I think it's just a true/false toggle in the script, it's been answered somewhere in the forum, but not sure where.

    hugonascimento
    PORTUGAL
    2011-10-10 11:04:34
    Permalink Post
     

    Hi!

    I found a script called ACCORDION, used on ARCHINECT.COM, which requires JQuery 1.3 minimum

    I have extracted the JS file, tweaked FRONT.PHP, but it seems it only works with DIV tags instead of the current UL LI tags of the MENU.

    How and where do i change PHP so that indexhibit writtens menu html as a DIV tag

    Thank You :)

    Hugo

    aex.studio.com

    marf
    NETHERLANDS
    2011-10-11 03:07:46
    Permalink Post
     

    If i open(with texteditor) my index.php i only see

        •    Built with Indexhibit

    I can't add the code in it.. If i click preview I see the codes but I can't change them,
    I already did 777, so I can't open, write, save it but it still opens without the codes...
    What to do? Thanks...

    here goes....
    this relates to the example i've giving above

    step 1
    in the Settings part of the admin panel, turn advanced mode on, and choose the theme 'sample'.

    step 2
    download the .js file from http://www.rosscairns.com/downloads/

    step 3
    put it into the folder on your website:
    /ndzx-studio/site/js/

    step 4
    in the folder /ndzx-studio/site/sample/ edit the index.php file

    step 5 in this file you should see something like:

    beneath this add:

    step 6 find the bit that says:
    $(document).ready(function() { setTimeout('move_up()', 1); });

    beneath the setTimeout line add expandingMenu(1); where the number is the menu you want to be collapsable (the 1st one being 0). so for example if you want the the 1st and 3rd menu to be collapseable it would look like this:
    $(document).ready(function() { setTimeout('move_up()', 1); expandingMenu(0); expandingMenu(2); });

    step 7
    save it
    that should be it. any questions just ask...

    leijie
    DENMARK
    2011-11-06 12:47:58
    Permalink Post
     

    Ok, this is driving me crazy! i m pretty noob, but i think that i have followed the guide correct .. this is what i get: www.leijie.dk

    i want the 'series' to be collapse when i click on it. can anybody see whats wrong?
    thank you!

    pernin A
    SWEDEN
    2011-11-07 02:55:20
    Permalink Post
     

    @leijie: cross-posted. Please read the forum rules, thank you

    ktuser
    NETHERLANDS
    2011-12-23 03:20:46
    Permalink Post
     

    Hello,

    I'm also using Ross expanding menu and it's great.
    Only one question asked above I couldn't find the answer.
    How to center expanding menu sections. My menu is centered and now my expanding menu section come from left. I would like them to fall down from the center.

    Thanks in advance and thank you for this great cms and forum.

    www.korthtielens.nl/indexhibit

    ktuser
    NETHERLANDS
    2011-12-23 03:21:06
    Permalink Post
     

    Hello,

    I'm also using Ross expanding menu and it's great.
    Only one question asked above I couldn't find the answer.
    How to center expanding menu sections. My menu is centered and now my expanding menu section come from left. I would like them to fall down from the center.

    Thanks in advance and thank you for this great cms and forum.

    www.korthtielens.nl/indexhibit

    ktuser
    NETHERLANDS
    2011-12-23 03:28:32
    Permalink Post
     

    I see that the the messages have been posted. Sorry for this but I got error for not existing page.

    pernin A
    SWEDEN
    2011-12-23 04:36:20
    Permalink Post
     

    @ktuser: cross-posting, answered in your other thread. plerase read the forum rules, thank you

    oak
    SPAIN
    2012-02-01 05:14:19
    Permalink Post
     

    @ktuser

    I had the same problem and managed to fix it changing the 'show' and 'hide' functions to slideToggle.

    Not sure this is entirely correct as I am a novice and discovered it playing around... works in Firefox and Chrome, need to check others.

    function expandingMenu(num) {
        var speed = 300;
        
        var item_title = $("#menu ul").eq(num).children(":first");
        var items = $("#menu ul").eq(num).children().filter(function (index) { return index > 0; });
        
        /* hide items if not active */
        if (items.is(".active") == false) {
            items.hide();
        }

        /* add click functions + pointer to title */
        item_title.css({cursor:"pointer"}).toggle(
            function () {
                items.slideToggle(speed);
                    }, function () {
                items.slideToggle(speed);
            }
        )    
    }

    Showing 126 - 161 of 286 posts in Forum > Ideas > Tutorial: collapsable menu -Spanish
     

    You need to be logged in to post.