Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #33524 > unrolled thread

Looking for JS library that can do hierarchical menus

Back to article view | Back to comp.lang.javascript

Contents

  Looking for JS library that can do hierarchical menus Haddock <ffm2002@web.de> - 2017-06-14 08:34 -0700
    Re: Looking for JS library that can do hierarchical menus Maik Koenig <usenetspam@maikkoenig.de> - 2017-06-15 01:31 +0200
      Re: Looking for JS library that can do hierarchical menus Cezary Tomczyk <cezary.tomczyk@gmail.com> - 2017-06-15 07:47 +0200
    Re: Looking for JS library that can do hierarchical menus Haddock <ffm2002@web.de> - 2017-06-16 00:13 -0700
      Re: Looking for JS library that can do hierarchical menus "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-06-16 12:35 +0200
        Re: Looking for JS library that can do hierarchical menus Tim Streater <timstreater@greenbee.net> - 2017-06-16 11:40 +0100
        Re: Looking for JS library that can do hierarchical menus Haddock <ffm2002@web.de> - 2017-06-16 06:36 -0700
          Re: Looking for JS library that can do hierarchical menus Gregor Kofler <usenet@gregorkofler.com> - 2017-06-16 16:35 +0200
            Re: Looking for JS library that can do hierarchical menus Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-06-16 17:03 +0200
            Re: Looking for JS library that can do hierarchical menus Mark Lloyd <not@mail.invalid> - 2017-06-16 13:53 -0500

#33524 — Looking for JS library that can do hierarchical menus

Hello,

I'm a Java backend developer with very little exposure to web development. I now want to develop a homepage for myself with hierarchical menus. I've seen that jQuery supports this, but I don like the way they look like. I have something special in mind here.

Let's say I have a main menu bar with 3 menus:

Line 1: Menu1 >Menu2< Menu3

Line 2: Menu2.1 Menu2.2 Menu2.3 Menu2.4 


In the little sketch above the user klicked on Menu2 which causes in a line below the menu items of Menu2 to be displayed which are Menu2.1 Menu2.2 Menu2.3 Menu2.4.

Does anyone know of a JS library that has already that kind of menus implemented?

Thanks for any answers.
Cheers, Haddock

[toc] | [next] | [standalone]

#33525

Am 14.06.2017 um 17:34 schrieb Haddock:

> Let's say I have a main menu bar with 3 menus:
> 
> Line 1: Menu1 >Menu2< Menu3
> 
> Line 2: Menu2.1 Menu2.2 Menu2.3 Menu2.4
> 
> 
> In the little sketch above the user klicked on Menu2 which causes in
> a line below the menu items of Menu2 to be displayed which are
> Menu2.1 Menu2.2 Menu2.3 Menu2.4.
> 
> Does anyone know of a JS library that has already that kind of menus
> implemented?

You dont need JS for that. CSS is your friend.

Example: https://codepen.io/philhoyt/pen/ujHzd

Greetz,
MK
-- 
Kopp-Verlag-Gläubige, Religionsdeppen, rechte Vollidioten
 und ähnlicher Bio-Abfall werden ohne Hinweis ignoriert!

[toc] | [prev] | [next] | [standalone]

#33526

On 15/06/2017 01:31, Maik Koenig wrote:
> Am 14.06.2017 um 17:34 schrieb Haddock:
> 
>> Let's say I have a main menu bar with 3 menus:
>>
>> Line 1: Menu1 >Menu2< Menu3
>>
>> Line 2: Menu2.1 Menu2.2 Menu2.3 Menu2.4
>>
>>
>> In the little sketch above the user klicked on Menu2 which causes in
>> a line below the menu items of Menu2 to be displayed which are
>> Menu2.1 Menu2.2 Menu2.3 Menu2.4.
>>
>> Does anyone know of a JS library that has already that kind of menus
>> implemented?
> 
> You dont need JS for that. CSS is your friend.
> 
> Example: https://codepen.io/philhoyt/pen/ujHzd

With a note that it doesn't work when keyboard navigation used - a 
submenu is not accessible.

-- 
Cezary Tomczyk
http://www.ctomczyk.pl/
https://www.aslint.org/ - Accessibility validation tool

[toc] | [prev] | [next] | [standalone]

#33527

Hello,

thanks for the answers. The reason I was asking for a JS library was that my homepage will consist of several pages where at least the main menu bar repeates on all pages. So when I add a new menu to the main menu bar I would have to add it to all web pages that belong to the homepage. That would be tedious and cumbersome. Therefore I was looking for a solution where you define the menubar with the menus and their submenus which then occur on all web pages and that's it.

Maybe there is something out there that can do this for me with my special requirement that I'm looking for something else than pull down menus as described in my first post.

Regards, Haddock

[toc] | [prev] | [next] | [standalone]

#33528

Haddock <ffm2002@web.de> wrote on 16 Jun 2017 in comp.lang.javascript:

> thanks for the answers. The reason I was asking for a JS library was
> that my homepage will consist of several pages where at least the main
> menu bar repeates on all pages. So when I add a new menu to the main
> menu bar I would have to add it to all web pages that belong to the
> homepage. That would be tedious and cumbersome. Therefore I was looking
> for a solution where you define the menubar with the menus and their
> submenus which then occur on all web pages and that's it. 
> 
> Maybe there is something out there that can do this for me with my
> special requirement that I'm looking for something else than pull down
> menus as described in my first post. 

You do not need a [clientside] js library for that.

Use serverside includes to have partly the same code on all your pages,
and finetune these with serverside coding.

-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [next] | [standalone]

#33529

In article <XnsA7968006D1E57eejj99@194.109.6.166>, Evertjan.
<exxjxw.hannivoort@inter.nl.net> wrote:

>Haddock <ffm2002@web.de> wrote on 16 Jun 2017 in comp.lang.javascript:
>
>> thanks for the answers. The reason I was asking for a JS library was
>> that my homepage will consist of several pages where at least the main
>> menu bar repeates on all pages. So when I add a new menu to the main
>> menu bar I would have to add it to all web pages that belong to the
>> homepage. That would be tedious and cumbersome. Therefore I was looking
>> for a solution where you define the menubar with the menus and their
>> submenus which then occur on all web pages and that's it. 
>> 
>> Maybe there is something out there that can do this for me with my
>> special requirement that I'm looking for something else than pull down
>> menus as described in my first post. 
>
>You do not need a [clientside] js library for that.

These people may have something useful for you. I use jsdomenu which is
one of their packages:

   <http://www.dynamicdrive.com>

-- 
New Socialism consists essentially in being seen to have your heart in 
the right place whilst your head is in the clouds and your hand is in 
someone else's pocket.

[toc] | [prev] | [next] | [standalone]

#33530

Am Freitag, 16. Juni 2017 12:35:48 UTC+2 schrieb Evertjan.:

> You do not need a [clientside] js library for that.
> 
> Use serverside includes to have partly the same code on all your pages,
> and finetune these with serverside coding.

I see. Does this mean I need a web server? This is what I would like to avoid, because this will make the hosting provider charge much more money and what I want to do is just a private homepage and not a big company homepage or something ;-).

[toc] | [prev] | [next] | [standalone]

#33531

Am 2017-06-16 um 15:36 schrieb Haddock:
> Am Freitag, 16. Juni 2017 12:35:48 UTC+2 schrieb Evertjan.:
> 
>> You do not need a [clientside] js library for that.
>>
>> Use serverside includes to have partly the same code on all your pages,
>> and finetune these with serverside coding.
> 
> I see. Does this mean I need a web server? This is what I would like to avoid, because this will make the hosting provider charge much more money and what I want to do is just a private homepage and not a big company homepage or something ;-).

You (or your hosting provider) already "have" a web server. What you
need is some server-side scripting language like PHP. If you have a
provider which charges "much more money" when you need basic PHP support
then find another hosting provider who doesn't.

[toc] | [prev] | [next] | [standalone]

#33532

Gregor Kofler wrote:

> Am 2017-06-16 um 15:36 schrieb Haddock:
>> Am Freitag, 16. Juni 2017 12:35:48 UTC+2 schrieb Evertjan.:
>>> You do not need a [clientside] js library for that.
>>>
>>> Use serverside includes to have partly the same code on all your pages,
>>> and finetune these with serverside coding.
>> I see. Does this mean I need a web server? This is what I would like to
>> avoid, because this will make the hosting provider charge much more money
>> and what I want to do is just a private homepage and not a big company
>> homepage or something ;-).
> 
> You (or your hosting provider) already "have" a web server. What you
> need is some server-side scripting language like PHP. If you have a
> provider which charges "much more money" when you need basic PHP support
> then find another hosting provider who doesn't.

If all you know is a hammer, then every problem looks like a nail.

They definitely do *not* need server-side scripting on the remote server for 
this. 

1. Server-side Includes (SSI), as suggested, may be supported.  For example, 
   they are a feature of the Apache HTTP Server and just need to be enabled.

   <https://httpd.apache.org/docs/current/howto/ssi.html>

2. If SSI are not supported on the remote host, and cannot be enabled, it is
   less expensive to use SSI or server-side scripting to generate static
   HTML documents locally, which are then uploaded, until such time that the
   funds for SSI or server-side scripting on the remote host are available.

3. To generate the same menu in all the HTML documents using SSI or 
   scripting is not a requirement, but a *convenience*.  If all else fails,
   the menu markup can still be copy-pasted.

4. Depending on the other requirements of the Web site, the same menu in all
   HTML documents can be generated with client-side scripting as well.  That 
   is, nothing is lost if the menu is generated with client-side scripting 
   if the Web site requires client-side scripting.  Even Google understands
   JavaScript (sic) now.

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | <http://PointedEars.de/es-matrix>
<https://github.com/PointedEars> | <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | Please do not cc me./Bitte keine Kopien per E-Mail.

[toc] | [prev] | [next] | [standalone]

#33533

On 06/16/2017 09:35 AM, Gregor Kofler wrote:

[snip]

> You (or your hosting provider) already "have" a web server. What you
> need is some server-side scripting language like PHP. If you have a
> provider which charges "much more money" when you need basic PHP support
> then find another hosting provider who doesn't.
> 

The hosting company I use (https://laughingsquid.us/) charges as little 
as $4/month. They offer server-side scripting (PHP) for no extra charge. 
Email (IMAP/POP3/web) is included too.

-- 
Mark Lloyd
http://notstupid.us/

"There are some things money can't buy, for everything else there's
MasterCard." -- TV commercial

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web