I am definitely a Javascript novice. I am currently redesigning &
rebuilding my company's web site, using CSS & XHTML. I am trying to
build as "light" & compliant a site as possible. To that end, I have
found two CSS & JS solutions to two problems.
The first solution is a pop-down menu script, found here:
http://www.gazingus.org/html/Using_Lists_for_DHTML_Menus.html
The second solution rounds the corners [nifty corners] on boxes:
http://pro.html.it/articoli/id_599/idcat_31/pro.html
I added the menus to my pages first & got them working with no problem.
However, when adding the nifty corners script links, they didn't work.
The nifty corners script links were listed first in the head. If I
changed the order of the script links in the head [putting the menu
first], the corners would round, but the menus wouldn't work.
My page is here:
http://www.t2000inc.com/test/
[with the menu listed last & working]
My CSS:
http://www.t2000inc.com/test/techcss.css
http://www.t2000inc.com/test/niftyCorners.css
The javascript files:
menu: http://www.t2000inc.com/test/menuDropdown.js
nifty corners: http://www.t2000inc.com/test/nifty.js
& http://www.t2000inc.com/test/corners.js
Please let me know if you need more information or detail. Thanks in
advance for any help!
Anne
|
|
0
|
|
|
|
Reply
|
akosmicki (1)
|
4/27/2005 4:19:43 PM |
|
"Anne Kosmicki" <akosmicki@t2000inc.com> wrote in message
news:1114618783.155220.21300@f14g2000cwb.googlegroups.com...
> I am definitely a Javascript novice. I am currently redesigning &
> rebuilding my company's web site, using CSS & XHTML. I am trying to
> build as "light" & compliant a site as possible. To that end, I have
> found two CSS & JS solutions to two problems.
>
> The first solution is a pop-down menu script, found here:
> http://www.gazingus.org/html/Using_Lists_for_DHTML_Menus.html
>
> The second solution rounds the corners [nifty corners] on boxes:
> http://pro.html.it/articoli/id_599/idcat_31/pro.html
>
> I added the menus to my pages first & got them working with no problem.
> However, when adding the nifty corners script links, they didn't work.
> The nifty corners script links were listed first in the head. If I
> changed the order of the script links in the head [putting the menu
> first], the corners would round, but the menus wouldn't work.
>
> My page is here:
> http://www.t2000inc.com/test/
> [with the menu listed last & working]
>
> My CSS:
> http://www.t2000inc.com/test/techcss.css
> http://www.t2000inc.com/test/niftyCorners.css
>
> The javascript files:
> menu: http://www.t2000inc.com/test/menuDropdown.js
> nifty corners: http://www.t2000inc.com/test/nifty.js
> & http://www.t2000inc.com/test/corners.js
>
> Please let me know if you need more information or detail. Thanks in
> advance for any help!
> Anne
>
And if JavaScript is disabled then no menues!
|
|
0
|
|
|
|
Reply
|
McKirahan
|
4/27/2005 4:29:10 PM
|
|
Anne Kosmicki wrote:
> I am definitely a Javascript novice. I am currently redesigning &
> rebuilding my company's web site, using CSS & XHTML. I am trying to
> build as "light" & compliant a site as possible. To that end, I have
> found two CSS & JS solutions to two problems.
>
> The first solution is a pop-down menu script, found here:
> http://www.gazingus.org/html/Using_Lists_for_DHTML_Menus.html
>
> The second solution rounds the corners [nifty corners] on boxes:
> http://pro.html.it/articoli/id_599/idcat_31/pro.html
>
> I added the menus to my pages first & got them working with no
problem.
> However, when adding the nifty corners script links, they didn't
work.
> The nifty corners script links were listed first in the head. If I
> changed the order of the script links in the head [putting the menu
> first], the corners would round, but the menus wouldn't work.
>
> My page is here:
> http://www.t2000inc.com/test/
> [with the menu listed last & working]
>
> My CSS:
> http://www.t2000inc.com/test/techcss.css
> http://www.t2000inc.com/test/niftyCorners.css
>
> The javascript files:
> menu: http://www.t2000inc.com/test/menuDropdown.js
> nifty corners: http://www.t2000inc.com/test/nifty.js
> & http://www.t2000inc.com/test/corners.js
>
> Please let me know if you need more information or detail. Thanks in
> advance for any help!
> Anne
Typical problem when pasting in multiple scripts: *dueling onloads*.
window.onload is an object property; like any other variable, multiple
assignments will simply over-write previous ones.
in "corners.js":
window.onload = function() { if(!NiftyCheck()) return;
Rounded("div#market li","all","transparent","#177F99","smooth");
Rounded("div#marketbox p","tr bl","#fff","#177F99","smooth"); }
in "http://www.t2000inc.com/test/":
window.onload = function() {
initializeMenu("trainingMenu", "trainingActuator");
initializeMenu("elearnMenu", "elearnActuator");
initializeMenu("partnersMenu", "partnersActuator");
initializeMenu("aboutUsMenu", "aboutUsActuator");
initializeMenu("contactMenu", "contactActuator");
}
Just remove the first and add it to the second:
window.onload = function()
{
initializeMenu("trainingMenu", "trainingActuator");
initializeMenu("elearnMenu", "elearnActuator");
initializeMenu("partnersMenu", "partnersActuator");
initializeMenu("aboutUsMenu", "aboutUsActuator");
initializeMenu("contactMenu", "contactActuator");
if(NiftyCheck())
{
Rounded("div#market li","all","transparent","#177F99","smooth");
Rounded("div#marketbox p","tr bl","#fff","#177F99","smooth");
}
}
Your menu needs a bit of work (mouse it to see). Cheers.
|
|
0
|
|
|
|
Reply
|
RobB
|
4/27/2005 4:36:17 PM
|
|
Don't have a lot of cash to buy a house? Worry not, just because that is real to get the <a href="http://goodfinance-blog.com/topics/business-loans">business loans</a> to work out such problems. Thus get a small business loan to buy all you need.
|
|
0
|
|
|
|
Reply
|
LenaSILVA
|
10/14/2011 9:25:53 AM
|
|
Don't have a lot of cash to buy a house? Worry not, just because that is real to get the <a href="http://goodfinance-blog.com/topics/business-loans">business loans</a> to work out such problems. Thus get a small business loan to buy all you need.
|
|
0
|
|
|
|
Reply
|
user137 (56)
|
10/14/2011 9:25:57 AM
|
|
|
4 Replies
718 Views
(page loaded in 0.074 seconds)
|