The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> new to java
minidiapolis
post Mar 31 2008, 08:20 PM
Post #1


Serious Coder
*****

Group: Members
Posts: 437
Joined: 3-September 06
Member No.: 57



I'm doing a website for my church. I know html but know nothing about java. They want popout menus on the menubar like Services for Families on http://www.greataupair.com/aupair-nanny-jo.../Fort+Wayne.htm. I have the code for that page but don't know what part of the code I need. if someone could help me out, I would really appreciate it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 31 2008, 11:01 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



I wouldn't use that code if I were you. I get JavaScript errors all over the place and nothing pops from most of the menu links.

I don't think you should use a menu like that at all, but if you must there are lots of them out there with explanations and all. Be aware that it does get rather complex, both the JS and the CSS. Here's one, but there are lots of others. Just google, but take care because there are more bad ones than there are good one.
http://www.htmldog.com/articles/suckerfish/dropdowns/

Oh, it's JavaScript, not Java. They are totally different languages. Java is what those applets are made of. Like this one.
http://members.tripod.com/~lionsgate/java11.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
minidiapolis
post Apr 1 2008, 12:11 PM
Post #3


Serious Coder
*****

Group: Members
Posts: 437
Joined: 3-September 06
Member No.: 57



I'm confused, how does that webpage http://members.tripod.com/~lionsgate/java11.html help me to form popout menus? For example on www.fountainchurch.org they want a popout menu from About Us
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 1 2008, 12:24 PM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE
I'm confused, how does that webpage http://members.tripod.com/~lionsgate/java11.html help me to form popout menus?
It doesn't. It merely illustrates a Java applet, which is completely different from JavaScript. I think pandy's goal was to show you that Java and JavaScript are different things. The only relationship is the similar names chosen by the marketing folks.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 1 2008, 12:30 PM
Post #5


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



BTW, at http://www.fountainchurch.org/ the navigation sidebar will overlap the content when the width of the sidebar is more than the 20% of the available width that you've allocated for it. Using "font-size : 150%" makes this more likely.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 1 2008, 01:36 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE(Darin McGrew @ Apr 1 2008, 07:24 PM) *

I think pandy's goal was to show you that Java and JavaScript are different things.


You thinketh right. smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
minidiapolis
post Apr 1 2008, 02:00 PM
Post #7


Serious Coder
*****

Group: Members
Posts: 437
Joined: 3-September 06
Member No.: 57



wo, you totally lost me. . . . . . . can you clarify?
QUOTE(Darin McGrew @ Apr 1 2008, 01:30 PM) *

BTW, at http://www.fountainchurch.org/ the navigation sidebar will overlap the content when the width of the sidebar is more than the 20% of the available width that you've allocated for it. Using "font-size : 150%" makes this more likely.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
minidiapolis
post Apr 1 2008, 02:07 PM
Post #8


Serious Coder
*****

Group: Members
Posts: 437
Joined: 3-September 06
Member No.: 57



So, how do I find code to do popout menus?
QUOTE(Darin McGrew @ Apr 1 2008, 01:24 PM) *

QUOTE
I'm confused, how does that webpage http://members.tripod.com/~lionsgate/java11.html help me to form popout menus?
It doesn't. It merely illustrates a Java applet, which is completely different from JavaScript. I think pandy's goal was to show you that Java and JavaScript are different things. The only relationship is the similar names chosen by the marketing folks.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 1 2008, 02:45 PM
Post #9


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE(Darin McGrew @ Apr 1 2008, 01:30 PM) *

BTW, at http://www.fountainchurch.org/ the navigation sidebar will overlap the content when the width of the sidebar is more than the 20% of the available width that you've allocated for it. Using "font-size : 150%" makes this more likely.
QUOTE(minidiapolis @ Apr 1 2008, 12:00 PM) *

wo, you totally lost me. . . . . . . can you clarify?
Narrow your browser window. You'll notice the content slip under the navigation sidebar on the left.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 1 2008, 02:53 PM
Post #10


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE(minidiapolis @ Apr 1 2008, 09:07 PM) *

So, how do I find code to do popout menus?


The other link I posted leads to a menu with instructions.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
minidiapolis
post Apr 1 2008, 08:30 PM
Post #11


Serious Coder
*****

Group: Members
Posts: 437
Joined: 3-September 06
Member No.: 57



So, decrease the font-size: to 100%?

QUOTE(Darin McGrew @ Apr 1 2008, 03:45 PM) *

QUOTE(Darin McGrew @ Apr 1 2008, 01:30 PM) *

BTW, at http://www.fountainchurch.org/ the navigation sidebar will overlap the content when the width of the sidebar is more than the 20% of the available width that you've allocated for it. Using "font-size : 150%" makes this more likely.
QUOTE(minidiapolis @ Apr 1 2008, 12:00 PM) *

wo, you totally lost me. . . . . . . can you clarify?
Narrow your browser window. You'll notice the content slip under the navigation sidebar on the left.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 1 2008, 09:24 PM
Post #12


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE
So, decrease the font-size: to 100%?
Yes, that would be good. But even so, the content will still slide under the navbar on the left if the browser window is narrow enough.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
minidiapolis
post Apr 2 2008, 10:22 AM
Post #13


Serious Coder
*****

Group: Members
Posts: 437
Joined: 3-September 06
Member No.: 57



So, for the html part I would put

<ul id="nav">
<li><a href="#">Percoidei</a>
<ul>
<li><a href="#">Remoras</a></li>
<li><a href="#">Tilefishes</a></li>
<li><a href="#">Bluefishes</a></li>
<li><a href="#">Tigerfishes</a></li>
</ul>
</li>

<li><a href="#">Anabantoidei</a>
<ul>
<li><a href="#">Climbing perches</a></li>
<li><a href="#">Labyrinthfishes</a></li>
<li><a href="#">Kissing gouramis</a></li>
<li><a href="#">Pike-heads</a></li>
<li><a href="#">Giant gouramis</a></li>
</ul>
</li>

<!-- etc. -->
</ul>

Then replace their href with mine? Also, I need separate html pages for each popout option, right?
QUOTE(pandy @ Apr 1 2008, 12:01 AM) *

I wouldn't use that code if I were you. I get JavaScript errors all over the place and nothing pops from most of the menu links.

I don't think you should use a menu like that at all, but if you must there are lots of them out there with explanations and all. Be aware that it does get rather complex, both the JS and the CSS. Here's one, but there are lots of others. Just google, but take care because there are more bad ones than there are good one.
http://www.htmldog.com/articles/suckerfish/dropdowns/

Oh, it's JavaScript, not Java. They are totally different languages. Java is what those applets are made of. Like this one.
http://members.tripod.com/~lionsgate/java11.html

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 2 2008, 10:51 AM
Post #14


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE
Also, I need separate html pages for each popout option, right?
Usually this kind of thing is done with everything on the same page, just changing what has "display: none" and what has "display: <something else>".
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
minidiapolis
post Apr 2 2008, 11:30 AM
Post #15


Serious Coder
*****

Group: Members
Posts: 437
Joined: 3-September 06
Member No.: 57



Where on www.fountainchurch.org do I put the javascript?

This post has been edited by minidiapolis: Apr 2 2008, 11:32 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 2 2008, 11:47 AM
Post #16


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Please see the FAQ entry Where can I learn about JavaScript (LiveScript, JScript, ECMAScript, DOM)?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
minidiapolis
post Apr 3 2008, 03:08 PM
Post #17


Serious Coder
*****

Group: Members
Posts: 437
Joined: 3-September 06
Member No.: 57



How could I prevent the content from sliding under the sidebar?
QUOTE(Darin McGrew @ Apr 1 2008, 10:24 PM) *

QUOTE
So, decrease the font-size: to 100%?
Yes, that would be good. But even so, the content will still slide under the navbar on the left if the browser window is narrow enough.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 04:46 PM