Re: JS Hamburger Menu (Acorn)
Quote:
Originally Posted by
Chris M
Ooh, I feel pretty pleased with myself. I was wandering down the same path, but couldn't put the ,.>$)( in their correct pigeon holes. What does the $ mean/do?
The $ is an alias for jQuery.
$('.yellow, .red, .green, .blue').hide(); is the dialog for find everything that has a ClassName of yellow, red, green or blue and then hide them.
Acorn
Re: JS Hamburger Menu (Acorn)
Quote:
Originally Posted by
Acorn
Just add:
Code:
<script>
$('.yellow, .red, .green, .blue').hide();
</script>
to Website Body (code).
Acorn
Many thanks again Acorn - really enjoying learning about what JS can do.
Re: JS Hamburger Menu (Acorn)
Quote:
Originally Posted by
letsgofishing
Hi guys,
I have really enjoyed playing with design freedom that JS offers :) Being trying to get things like I want them for more than 2 days - it's been a case of 1 step forward and 2 steps back....
I'm at the stage where I'm pretty happy with the way things work - but I cannot get COURSE LOG IN and APP LOG IN to work as links to other web addresses - I've used
www.xara.com as an example. When I click on either of these buttons the menu just closes and I cannot for the life of me find the script/command that's making that happen.
Not sure what I'm going to do about the menus sitting over the text though.... I'm starting to think about a horizontal menu bar...... :)
Many thanks,
LGF
Attachment 127521
PS: The page is really a mess with the 1 menu showing on top of the other - could I put 1 menu on a separate layer and "call up" that layer when the menu button is selected?
Acorn could you or Chris or someone possibly help?
2 Attachment(s)
Re: JS Hamburger Menu (Acorn)
I can't tell you why, but if you change the Xara.com link to 'Not Specified' or '_Self' it works. I would guess the javascript is stopping the link opening a new tab. But like guessing that the panels need to start hidden, I may be right, but have no idea how to make it happen.
On a side note: your soft groups are not in a nice stack. Piling the contents of each group above each other makes the whole thing neater and easier to work with.
Attachment 127525 Attachment 127526
1 Attachment(s)
Re: JS Hamburger Menu (Acorn)
You mention thinking about a horizontal bar, that's the way I would go too.
Re: JS Hamburger Menu (Acorn)
Quote:
Originally Posted by
letsgofishing
Acorn could you or Chris or someone possibly help?
LGF, the somebody to help you has to be Xara!
In all versions prior to Xara Pro+v17, I can use the same construct as Xara; Link to: http://xara.com; Open link: New window, and everything works as expected. Not in Pro+.
UPDATE
The code in the Website Body (code) and the subsequent function calls need to change the function from open() to something else; I have just used openSesame(chain) and all works as it should.
Acorn
1 Attachment(s)
Re: JS Hamburger Menu (Acorn)
Don't forget to add the 'Sesame' to your links as well.
Attachment 127541
Re: JS Hamburger Menu (Acorn)
Quote:
Originally Posted by
Chris M
As in "the subsequent function calls", agreed.
Cheers,
Acorn
1 Attachment(s)
Re: JS Hamburger Menu (Acorn)
Pretty comfortable with the theory now, although I don't claim to know 70% of the actual code.
I can dive in and change the speed of animation, toggle and slide, slideUp, hide and fade, but that's about it.
Link to my efforts < HERE > along with Acorn's code that makes it work.
And the .web for anyone who wants edit/add/expand the page.
Attachment 127542
Re: JS Hamburger Menu (Acorn)
Quote:
Originally Posted by
Chris M
Link to my efforts <
HERE > along with Acorn's code that makes it work.
Chris, thanks. Made my day.
Acorn