Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:12
Problem with The Popup Menu Function Positioned by Images
Poster: proskopos
Dated: Tuesday January 20 2009 - 14:04:09 GMT
Allozzz...
I dont know much about js, and i have a problem with the popup menu...
First, my website uses CSS, and the style of it is:
Code:
html {background:#53533a;}
body {margin:0; font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(images/body_bckg.jpg) repeat-y center;}
.brown {color:#936307;}
a {color:#936307; text-decoration:none;}
a:hover {color:#666666;}
blockquote {color:#666666; border-left:2px solid #936307; padding-left:20px; margin:10px 0 10px 40px;}
#all {background:url(images/container_bckg.jpg) no-repeat top center;}
#container {width:1000px; margin:0 auto; background:url(images/container_bckg.jpg) no-repeat top center;}
#logo {height:50px; margin:0 60px; padding:80px 0 0 85px; background:url(images/logo.gif) no-repeat 32px 70px;}
#logo a {text-decoration:none; font-size:20px; color:#000000; font-family:"Times New Roman", Times, serif; text-transform:capitalize;}
#menu {height:40px; margin:0 60px;}
#menu ul {margin:0; padding:0;}
#menu ul li {display:inline-block; float:left; list-style:none; text-align:center; color:#936307;}
#menu a {padding:0 20px; font-family:"Times New Roman", Times, serif; font-size:20px; text-transform:lowercase; text-decoration:none; color:#936307;}
#menu a:hover {color:#666666;}
#main {background:url(images/main_bottom.jpg) bottom center no-repeat; float:left; margin:0 60px;}
#text {margin:0 270px 0 20px;}
#text ul {padding:0; margin:10px 0 10px 40px;}
#text li {list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0 7px;}
#text p {margin:10px 0;}
#sidebar {float:right; width:180px; padding:0 40px 0 10px;}
h1, h2 {font-family:"Times New Roman", Times, serif; margin:20px 0 0 0; font-size:1.8em;}
#footer {height:130px; clear:both; background:url(images/footer_bckg.jpg) no-repeat center #53533B; font-family:"Times New Roman", Times, serif; color:#666666; font-size:10px; text-transform:uppercase; padding:0 60px;}
#left_footer {float:left; padding:30px 0 0 20px;}
#right_footer {float:right; padding:30px 20px 0 0;}
body {margin:0; font-size:14px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(images/body_bckg.jpg) repeat-y center;}
.brown {color:#936307;}
a {color:#936307; text-decoration:none;}
a:hover {color:#666666;}
blockquote {color:#666666; border-left:2px solid #936307; padding-left:20px; margin:10px 0 10px 40px;}
#all {background:url(images/container_bckg.jpg) no-repeat top center;}
#container {width:1000px; margin:0 auto; background:url(images/container_bckg.jpg) no-repeat top center;}
#logo {height:50px; margin:0 60px; padding:80px 0 0 85px; background:url(images/logo.gif) no-repeat 32px 70px;}
#logo a {text-decoration:none; font-size:20px; color:#000000; font-family:"Times New Roman", Times, serif; text-transform:capitalize;}
#menu {height:40px; margin:0 60px;}
#menu ul {margin:0; padding:0;}
#menu ul li {display:inline-block; float:left; list-style:none; text-align:center; color:#936307;}
#menu a {padding:0 20px; font-family:"Times New Roman", Times, serif; font-size:20px; text-transform:lowercase; text-decoration:none; color:#936307;}
#menu a:hover {color:#666666;}
#main {background:url(images/main_bottom.jpg) bottom center no-repeat; float:left; margin:0 60px;}
#text {margin:0 270px 0 20px;}
#text ul {padding:0; margin:10px 0 10px 40px;}
#text li {list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0 7px;}
#text p {margin:10px 0;}
#sidebar {float:right; width:180px; padding:0 40px 0 10px;}
h1, h2 {font-family:"Times New Roman", Times, serif; margin:20px 0 0 0; font-size:1.8em;}
#footer {height:130px; clear:both; background:url(images/footer_bckg.jpg) no-repeat center #53533B; font-family:"Times New Roman", Times, serif; color:#666666; font-size:10px; text-transform:uppercase; padding:0 60px;}
#left_footer {float:left; padding:30px 0 0 20px;}
#right_footer {float:right; padding:30px 20px 0 0;}
(I post it, just in case
)In the same file into which, i have my site (index.html), i have of course the style.css and the following 3 js files
1)milonic_src.js
2)menu_data.js
3)mmenudom.js
So, like you said at the webpage:
Quote:
You get the menu onto your website, insert the following HTML into each page using the menu:
<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript" src="mmenudom.js"></script>
<noscript><a href=http://www.milonic.com/>JavaScript DHTML menu is only visible when JavaScript is enabled</a></noscript>
<!-- The next file contains your menu data, links and menu structure etc -->
<script type="text/javascript" src="menu_data.js"></script>
<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript" src="mmenudom.js"></script>
<noscript><a href=http://www.milonic.com/>JavaScript DHTML menu is only visible when JavaScript is enabled</a></noscript>
<!-- The next file contains your menu data, links and menu structure etc -->
<script type="text/javascript" src="menu_data.js"></script>
I put the js code at the html file, like:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>............</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="all">
<div id="container">
<!-- header -->
<div id="logo"><a href="#"><span class="brown">blablablabla</a></div>
<div id="menu">
<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript" src="mmenudom.js"></script>
<noscript><a href=http://www.milonic.com/>JavaScript DHTML menu is only visible when JavaScript is enabled</a></noscript>
<!-- The next file contains your menu data, links and menu structure etc -->
<script type="text/javascript" src="menu_data.js"></script>[/quote]
</div>
<!--end header -->
<!-- main -->
...............
............
.......
.....
....
</body>
</html>
<html>
<title>............</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="all">
<div id="container">
<!-- header -->
<div id="logo"><a href="#"><span class="brown">blablablabla</a></div>
<div id="menu">
<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript" src="mmenudom.js"></script>
<noscript><a href=http://www.milonic.com/>JavaScript DHTML menu is only visible when JavaScript is enabled</a></noscript>
<!-- The next file contains your menu data, links and menu structure etc -->
<script type="text/javascript" src="menu_data.js"></script>[/quote]
</div>
<!--end header -->
<!-- main -->
...............
............
.......
.....
....
</body>
</html>
The problem i have, is that i get the message
Quote:
JavaScript DHTML menu is only visible when JavaScript is enabled
and not the menu i want...
What can i do...?????
Thanks, for your anwsers....
P.S.I have IE 7 and Windows XP sp3....
Re: Problem with The Popup Menu Function Positioned by Images
Poster: Ruth
Dated: Tuesday January 20 2009 - 16:55:37 GMT
Hi,
It sounds like you have js disabled on your browser. Could you give us a url please so we can see what you have?
Ruth
Re: Problem with The Popup Menu Function Positioned by Images
Poster: proskopos
Dated: Tuesday January 20 2009 - 17:47:40 GMT
Ruth wrote:
Hi,
It sounds like you have js disabled on your browser. Could you give us a url please so we can see what you have?
Ruth
It sounds like you have js disabled on your browser. Could you give us a url please so we can see what you have?
Ruth
No my friend.. Js is enabled.. something else is the problem... I have no url cause i am creating the website right now...
But just in case, tell me if you know, what exactly i should enable...?
Re: Problem with The Popup Menu Function Positioned by Images
Poster: Ruth
Dated: Tuesday January 20 2009 - 21:35:04 GMT
Hi,
That message you see is the message that shows when js is disabled or not available on a browser.
Quote:
JavaScript DHTML menu is only visible when JavaScript is enabled
So, since you say you are working on the site, I am assuming on your desktop and I think you have your IE set to not run js on the desktop. I don't have IE7 so I don't know how to set it so you can see it. I know on IE 6 I get a toolbar warning at the top of the browser page when I open a page on my desktop that says something about activeX and I have to tell it yes to run it. I think that setting is someplace in the security area. It would be under the tools, internet options and the security, probably something in the intranet area. I will ask Milonic and maybe someone know about IE7.
Ruth
Re: Problem with The Popup Menu Function Positioned by Images
Poster: Andy
Dated: Wednesday January 21 2009 - 10:55:58 GMT
Is it just IE7 that fails. Does it work with another web browser?
Re: Problem with The Popup Menu Function Positioned by Images
Poster: Ruth
Dated: Wednesday January 21 2009 - 15:54:53 GMT
Hi,
Well, I copied and pasted his style and the page put it in with the newest version of the menu, just the regular not the popup since he didn't give the code for that, and it works in IE6. I get my little notice and tell it to run the active x and the menu shows fine.
Ruth