Forums » Ideas

Tutorial: collapsable menu -Spanish

Klara
SWEDEN
2010-03-18 13:14:18
Permalink Post
 

Im now trying to "fake it" haha
As you said I made Serier as a Section and also what I wanted to be the expandable one underneath as a section as well.. so i have "serier" that expands to various names and Skräddarsytt that is now expanding aswell, Perfect! Almost! Is there a way to make these feel "glued" together? As if Skräddarsytt is just a page under the section serier?
I have a feeling I'm getting into the area that says nono..but im giving it a shot anyway, holding my thumbs that this could be possible..

miaM
FRANCE
2010-03-22 10:54:11
Permalink Post
 

Hi everybody,
I have a probleme when I edit the index.php file in the folder /ndzx-studio/site/sample/
When I open it, it's only written :

Built with Indexhibit

Can someone help me with this, please?
Thanks a lot...

miaM
FRANCE
2010-03-22 13:21:33
Permalink Post
 

Ok, sorry about this question, a friend gave me the answer
http://www.indexhibit.org/forum/thread/3173/

And now it works perfectly!

adcon
UK
2010-04-14 21:26:56
Permalink Post
 

Hello all, computers and coding remove me so far from my comfort zone it's unreal, but i'm trying hard to create myself a site regardless of this. So i'm just getting a feel for the style before I upload any content and am now really stuck with this callapsable menu. I think the jsfile has been updated correctly but am not confident with the css coding:

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

does anything look a bit crazy here? My completely unrefined efforts can be seen here

http://www.aconnolly.co.uk

I've spent a couple of hours going crazy and lost count how many posts like this there are on the thread but perhaps the fix is pretty simple an i'm blind to it.

Thanks so much, and the ability apparent to set up a program like this and looking at the tallent within indexhibit sites keeps pushing me to get it sorted.
Many thanks

lemathieu A
FRANCE
2010-04-15 06:59:03
Permalink Post
 

Problem with your expandingMenu.js

Reupload it, and have a look at its permissions.

adcon
UK
2010-04-15 22:40:30
Permalink Post
 

Thanks for the direction, sorry, i have no idea how to look at its permissions. Seems to be intact and in the js part of the site folder. Beyond that I'm in the dark!

arsondpi A
GREECE
2010-04-15 22:47:36
Permalink Post
 

Using your ftp application...
Check your expandingMenus.js permissions the same way you changed folder permissions when you installed indexhibit...

adcon
UK
2010-04-15 22:53:29
Permalink Post
 

Ah, thanks. Took me a bit to remember what permissions were and how to change them but looks like something's working.

adcon
UK
2010-04-15 23:01:42
Permalink Post
 

Any clue why a couple of them are still open? seems to follow the format 0,2,3,4 but 2 and 4 are stuck?

arsondpi A
GREECE
2010-04-15 23:12:51
Permalink Post
 

expandingMenu(0); affects the first section
expandingMenu(2); affects the third section
expandingMenu(3); affects the fourth section
expandingMenu(4); affects the fifth section which does not exist in your case and thus you should delete it.

junjun
UNITED STATES
2010-05-07 20:53:24
Permalink Post
 

@rcairns, it works so well!!!!!

duttyfree
SPAIN
2010-05-13 10:40:14
Permalink Post
 

Hi all!
this is my first post ever, so, hola everybody.

i was reading about collapsablemenu.js and expandingmenu.js, and i try both , but i cant solve a little detail... when there is a mouseover in the list of types of works, just appear type tool and not the click one... i check the .css few times but i cant solve it...

any idea? suggestion? please?

thanxs in advance! ;)

duttyfree
SPAIN
2010-05-13 10:41:27
Permalink Post
 

sorry i forget post my website

www.duttyfree.net

duttyfree
SPAIN
2010-05-13 10:41:32
Permalink Post
 

sorry i forget post my website

www.duttyfree.net

einSelbst
GERMANY
2010-05-16 16:02:28
Permalink Post
 

@duttyfree, what exactly do you mean? can't find any issues on your site.

If someone needs javascript code, which works with the old jquery 1.1.2 and closes one submenu when another submenu is clicked, you know, the "if menu B is open and I click on menu C, menu B closes automatically" / accordion stuff, the code below may be helpful.

It should be enough to include:

  1. <script type='text/javascript' src='<%baseurl%><%basename%>/site/js/expandingMenus.js'></script>

in the index.php file in the sample folder. But maybe I forgot something. Since I have some customizations I also can not garanty, that the code is working elsewhere. The code uses no animation, because of the opacity:0.9999 - problem. I possible, I would suggest upgrading jquery, however, in some case it may be easier this way.

Safe the code in a file called "expandingMenus.js" and put it in the ndxz-studio/site/js/ - folder.

  1. $(document).ready(function() {
  2.         var items = $("#menu ul li.section-title").siblings();

// on load hide all, then show active
items.hide();
$(this).find("#menu ul li.active").siblings().siblings().show();

// add pointer to title, on click hide all, show clicked menu-items if they were hidden before
$("#menu ul li.section-title").css({cursor:"pointer"}).click(function() {
var viewable = $(this).next().css("display");
items.hide();
if (viewable == 'none')
$(this).siblings().show();
});
});

best, sly

einSelbst
GERMANY
2010-05-16 16:06:19
Permalink Post
 

ok, so let's try it without blank lines...

  1. $(document).ready(function() {
  2.         var items = $("#menu ul li.section-title").siblings();
  3.         // on load hide all, then show active
  4.         items.hide();
  5.         $(this).find("#menu ul li.active").siblings().siblings().show();
  6.         // add pointer to title, on click hide all, show clicked menu-items if they were hidden before
  7.         $("#menu ul li.section-title").css({cursor:"pointer"}).click(function() {
  8.                 var viewable = $(this).next().css("display");
  9.                 items.hide();
  10.                 if (viewable == 'none')
  11.                     $(this).siblings().show();
  12.             });
  13.     });
gerania
SWITZERLAND
2010-05-19 21:58:01
Permalink Post
 

hi
how can it be that I made the expanding menu working on one server, but on the other it doesn't work. same prob with the full background. i checked the js and the plugins. i try it with my theme and with sample. i really don't get it??!?!?

any help out there???

thanks so much!!!

working menu

not working menu

duttyfree
SPAIN
2010-05-21 11:15:47
Permalink Post
 

EY! einSelbst, danke schön for reply!

finally i resolved my prob using in css style this:

#menu ul li.section-title {
    cursor: pointer;

so now i have a pointer in UL, so kind a weird thing...
but i will try to rewrite the code with your suggestions, i think is much better.

GRACIAS! Thnks!

einSelbst
GERMANY
2010-05-21 23:34:42
Permalink Post
 

duttyfree,

it doesn't matter if you set the

cursor: pointer;

in the css or javascript.
If your code is working, just leave it this way.

cu

gerania
SWITZERLAND
2010-05-22 08:55:46
Permalink Post
 

no help there???
THANKS in advance!

gerania
SWITZERLAND
2010-05-23 23:38:35
Permalink Post
 

please, I am really stuck. does anybody know why the expanding menu and slideshow/thickbox are working on one page but not at the other page?

expanding menu works, but thickbox doesn´t

menu and thickbox and slideshow don´t work

Any ideas why things dont work. it´s the same theme, same site. just other server...
I am changing and trying- nothing works...

THANKS!

duttyfree
SPAIN
2010-05-24 13:09:30
Permalink Post
 

EinSeñbst, thats right , just i leave it...

for me is good, i was making changes and i get a lil bit stress :P

thanks anyway, !

dann02
UNITED STATES
2010-05-26 08:29:17
Permalink Post
 

Hi,
Thanks to all the helpful posts on this topic! With a little sweat I got everything working just the way I wanted except for one thing:
I was wondering if I can get the expanded menu section to close on the second click (like a toggle off/close switch). It does close when another section is clicked, but not when clicked itself.
Any suggestions (code additions) to make this happen?
Might be a nice addition to the expanding feature...
site in progress

ntlk
UNITED KINGDOM
2010-06-10 10:08:13
Permalink Post
 
  1. For anyone who's got menu aligned to the right and doesn't want the animation to come in from the left, try this:
  2. var last;
  3. function expandingMenu(num) {
  4.     var speed = 300;
  5.     var item_title = $("#menu ul").eq(num).children(":first");
  6.     var items = $("#menu ul").eq(num).children().filter(function (index) { return index > 0; });
  7.     /* hide items if not active */
  8.     if (items.is(".active") == false) {
  9.         items.hide();
  10.     }
  11.     /* add click functions + pointer to title */
  12.     item_title.css({cursor:"pointer"}).click(
  13.         function () {
  14.             items.slideDown(speed);
  15.             if (last != undefined && last != items) {
  16.                 last.slideUp(speed);
  17.             }
  18.             last = items;
  19.         }
  20.     )
  21. }
raquel
UK
2010-06-18 15:51:24
Permalink Post
 

hey all,
I'm trying for the first time, using the http://www.rosscairns.com/downloads/ tutorial...
I've uploaded the expandingmenus.js file to the ndxz-studio/site/js file but still in my index.php file there is no
""

there's only
"
"

so...do u have any idea what I should do?

thanks

raquel
UK
2010-06-18 16:03:16
Permalink Post
 

oops sorry, it was:
there's no

just


raquel
UK
2010-06-18 16:04:26
Permalink Post
 

oops sorry, it was:
there's no

< script type='text/javascript'
src='/site/js/expandingMenus.js'>

just

< script type='text/javascript' src='/site/js/jquery.js'>

ntlk
UNITED KINGDOM
2010-06-18 20:19:05
Permalink Post
 

YOU have to put it in there for it to be there.

raquel
UK
2010-06-21 10:59:54
Permalink Post
 

Ok, I've:
1-download the .js file from http://www.rosscairns.com/downloads/

2-put it into the folder 
/ndzx-studio/site/js/

3-added in the /ndzx-studio/site/sample/index.php file

4- added "expandingMenu(0);"
below "$(document).ready(function() {
     setTimeout('move_up()', 1);"

5- saved

but nothing happens... Am I missing something?
thanks a lot

raquel
UK
2010-06-21 11:00:56
Permalink Post
 

btw my site is www.raquelfigueira.com

arsondpi A
GREECE
2010-06-21 17:17:11
Permalink Post
 

there a "how to" in Ross' downloads page. Check it out.

jhmartin
UNITED STATES
2010-06-22 19:58:08
Permalink Post
 

I have followed the directions in Ross's tutorial and downloaded/changed the appropriate files as well as updated my permissions for these files. However there is still no change to my site. Anyone willing to take a look and help diagnose? I have been pouring over this thread for days but to no avail!

area4design

Thanks!

verena
GERMANY
2010-06-25 07:09:14
Permalink Post
 

@jhmartin: to me it looks fine, the expanding menu opens on hover, did you want something else?

I have a problem, too: I used the thenine script for the expanding menu, because I wanted to have the accordeon effect. I added

script type='text/javascript' src='/site/js/expandingMenus.js'>

to my index.php. But the last section stays open in the beginning. (It only closes, when you click on another section title). Does anyone have a clue, where to look for the mistake? I would like all menues to be closed in the beginning.
Thanks in advance,
V.

Webpage

verena
GERMANY
2010-06-25 07:36:26
Permalink Post
 

Sorry guys, it just worked out. I set the exhibit 'home' to 'hide page from index' and all of the sudden it was fine. I have no idea, why this affects the expanding menu but I'm glad it's fine now. Very magic...

juste
IRELAND
2010-06-28 16:29:35
Permalink Post
 

hi!
thanks for a great tutorial!it works perfectly..though...
I have a problem.Maybe has noting to do with the script, but my last meniu keeps collapsed all the time[the last one ///about///]. It seems that I have tried everything....
thanks!

my site: http://justinaklybaite.net/

noadol
ISRAEL
2010-06-29 18:22:50
Permalink Post
 

Sorry, I can't understand something:
When I want collapsible menu that when clicking one section closes other section, what should I do?

I found an old post by Vaska with the code beneath, but can't understand where it should be placed, instead or in addition to what?/ ...

Thanks

// First we hide all exhibitis $("#menu ul li.section-title").nextAll().hide();

// then the active exhibit is showed
$("#menu ul").each(function()
{
$(this).find("li.active").prevAll().nextAll().show();
});

// This is the toggle function
// first it hides all sections
$("#menu ul li.section-title").click(function()
{
$("#menu ul li.section-title").nextAll().hide();
$(this).nextAll().slideToggle("fast");
});

Vaska A
I WROTE THIS
2010-06-29 18:27:00
Permalink Post
 

You put this code in place of the other code that is manipulating your menus...in the index.php.

noadol
ISRAEL
2010-06-29 18:34:35
Permalink Post
 

I don't know where that is :|
Can you please be more specific?

noadol.com

Vaska A
I WROTE THIS
2010-06-29 18:36:12
Permalink Post
 

Weren't you saying in the other thread that it was in your index.php - your template?

In Useful Threads read the two links in red...these are a good primer to knowing where things are for editing/styling your site.

noadol
ISRAEL
2010-06-29 18:43:13
Permalink Post
 

yeh, I tried a different code to get the single section open in collapse menu effect, and it didn't work.
So I did all Ross' steps again, found your code that supposed to do exactly what that, I just don't understand where exactly inside the index.php i should locate it.

restre
COLOMBIA
2010-07-29 23:37:33
Permalink Post
 

It's simple enough!

Had it workin' ina jiffy!

Webpage

But I wan't to make it possible that if I click on a section the other closes so that only the section I am looking at, stays open.

Looked arround for this, but haven't found anything on it.

TY :)

medusa
ARGENTINA
2010-08-02 18:41:14
Permalink Post
 

Hola,

Hice la instalación, borre el instal.php
pero tengo dos problemas principales, alguien puede ayudarme?

1) en mi pagina medusafotografia.com, sólo me aparece un mensaje de error, una página de error y no aparece indexhibit, a) que hice mal?
b) cómo puedo hacer que aparezca?
c) cómo hacer para tener una pagina principal con una imagen cuyo link me lleve a mi pag de indexhibit?

2)no puedo subir imagenes a ninguna galeria, en el lugar donde deberia aparecer el camino de ubicación de la imagen cuando pongo upload me aparece un largo emnsaje de error.
qué es lo que pasa ahì?

Soy bastante nuevo en esto, disculpen si las preguntas son muy básicas...

muchas gracias

ulkor
BELGIUM
2010-08-11 07:41:07
Permalink Post
 

Hi ,
I'm using the nine's script for expandable menu and I m trying to change the color of the active menu title

I tried something like this and it doesnt work :
#menu ul li.section-title:ACTIVE {color:#000;}

here is a link : alwaysflightfirst.webege.com

I've searched in the forum but didn't find anything about it.

Any help would be very much appreciated

ulkor
BELGIUM
2010-08-11 07:41:34
Permalink Post
 

Hi ,
I'm using the nine's script for expandable menu and I m trying to change the color of the active menu title

I tried something like this and it doesnt work :
#menu ul li.section-title:ACTIVE {color:#000;}

here is a link : alwaysflightfirst.webege.com

I've searched in the forum but didn't find anything about it.

Any help would be very much appreciated

ulkor
BELGIUM
2010-08-11 07:41:44
Permalink Post
 

Hi ,
I'm using the nine's script for expandable menu and I m trying to change the color of the active menu title

I tried something like this and it doesnt work :
#menu ul li.section-title:ACTIVE {color:#000;}

here is a link : alwaysflightfirst.webege.com

I've searched in the forum but didn't find anything about it.

Any help would be very much appreciated

ulkor
BELGIUM
2010-08-11 07:43:09
Permalink Post
 

Hi ,
I'm using the nine's script for expandable menu and I m trying to change the color of the active menu title

I tried something like this and it doesnt work :
#menu ul li.section-title:ACTIVE {color:#000;}

here is a link : alwaysflightfirst.webege.com

I've searched in the forum but didn't find anything about it.

Any help would be very much appreciated

ulkor
BELGIUM
2010-08-11 07:43:17
Permalink Post
 

Hi ,
I'm using the nine's script for expandable menu and I m trying to change the color of the active menu title

I tried something like this and it doesnt work :
#menu ul li.section-title:ACTIVE {color:#000;}

here is a link : alwaysflightfirst.webege.com

I've searched in the forum but didn't find anything about it.

Any help would be very much appreciated

LAWorks
PORTUGAL
2010-08-19 21:27:33
Permalink Post
 

Hello,
I've used the expanding Menu http://www.rosscairns.com/downloads/
and it works very well in safari and iE but not at all in Firefox.
It actually stops the project links from working...i don't know what might be wrong,
but would be thankful if someone could help me out!
My website is: www.luciaantunes.com

Thank you!
LA

LAWorks
PORTUGAL
2010-08-19 21:28:13
Permalink Post
 

Hello,
I've used the expanding Menu http://www.rosscairns.com/downloads/
and it works very well in safari and iE but not at all in Firefox.
It actually stops the project links from working...i don't know what might be wrong,
but would be thankful if someone could help me out!
My website is: www.luciaantunes.com

Thank you!
LA

LAWorks
PORTUGAL
2010-08-19 21:29:08
Permalink Post
 

Hello,
I've used the expanding Menu http://www.rosscairns.com/downloads/
and it works very well in safari and iE but not at all in Firefox.
It actually stops the project links from working...i don't know what might be wrong,
but would be thankful if someone could help me out!
My website is: www.luciaantunes.com

Thank you!
LA

Showing 101 - 150 of 255 posts in Forum > Ideas > Tutorial: collapsable menu -Spanish