Can AnyLink CSS Menu v2.0 work within my framework?

**HighMtnSports** · 05-26-2009, 04:29 PM

1) Script Title: AnyLink CSS Menu v2.0

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...anylinkcss.htm

3) Describe problem:
First, great site! I've tried many different menu scripts from the site, and all have the same problem on my end (just using the default files as a preview). I'm starting to think there's a large roadblock on my end that might be impossible to work around. I am working on a storefront site to do e-commerce, and I am confined by the templates our sales software resticts me to. I have not worked with js before, but this site has been great to show the basics.

I do not have direct control of what's in the hard html <head> tags. Can I still get some type of js to work without being to paste the proper code there (and paste a modified code somewhere else)? I can edit the css by using the uploader with our software package, but can't paste the other js code that should go there. Is there any work around to this? The error that comes up no matter which menu I try and use is the "anylinkcssmenu" is undefined. When I try and debug, the

Code:

anylinkcssmenu.init("anchorclass")

at the bottom is always the trouble.

Header looks like this...

Code:

<html>
<head>	
<title>Welcome To High Mountain Sports - TEST MODE</title>
			<link rel="stylesheet" href="template/MERIDIAN.css" type="text/css">
			<link rel="stylesheet" href="graphics/anylinkcssmenu.css" type="text/css">	
</head>

On my end, the 3 text links appear and the one image link, but nothing happens when they are rolled over.

I've tried everything I can think of, anything info is greatly appreciated. Thanks!

**ddadmin** · 05-27-2009, 07:24 AM

The bottom line is you need to at least:

1) Have the ability to upload external files to your account, in this case, .js and .css files.
2) Be able to modify your site templates to include HTML code that references the uploaded .js or .css files of a script.

If you can't do 1) but are able to do 2), you can copy the entire contents of these .js and .css files and directly paste them into your site template, so they become inline JavaScript and CSS code. When doing this though, be sure to wrap the contents of the .js file in:

Code:

<script type="text/javascript">

//contents of .js code here

</script>

and .css files in:

Code:

<style type="text/css">

//contents of .css file here

</style>

**HighMtnSports** · 05-28-2009, 03:36 PM

Ok, thanks for the info. I believe I have almost all of the coding correct, but I'm having a problem with something that's making it display all the contents of the drop down spread all of the page before it's even hovered over. I'm still playing with it, but I feel like the error is staring me right in the face. Is there something really easy I'm missing here?

Code:

<html>
	<head>
	<title>Welcome To High Mountain Sports - TEST MODE </title>
			<link rel="stylesheet" href="template/MERIDIAN.css" type="text/css">
			<link rel="stylesheet" href="graphics/regular_correct_colors_plain.css" type="text/css">		
</head>
<body>
<!-- top logo row -->
<div id="top">
		</div>
<link rel="stylesheet" type="text/css" href="anylinkcssmenu.css" />
<script type="text/javascript" src="graphics/anylinkcssmenu.js">
/***********************************************
* AnyLink CSS Menu script v2.0- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm for full source code
***********************************************/
</script>
<!--1st anchor link and menu -->
<p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Default Example</a></p>
<div id="submenu1" class="anylinkcss">
<ul>
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
<li><a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a></li>
</ul>
</div>
<!--2nd anchor link and menu -->
<p><a href="http://www.dynamicdrive.com" class="anchorclass someotherclass" rel="submenu2[click]" rev="lr">Right dropping menu</a> (click to reveal)</p>
<div id="submenu2" class="anylinkcss" style="width: 150px; background-color:#E9FECB">
<ul>
<li><a href="http://www.cnn.com/">CNN</a></li>
<li><a href="http://www.msnbc.com">MSNBC</a></li>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://news.bbc.co.uk">BBC News</a></li>
</ul>
</div>
<!--3rd anchor link and menu -->
<p style="text-align:center"><a href="http://www.dynamicdrive.com" class="anchorclass myownclass" rel="submenu3">Menu with multiple columns</a></p>
<div id="submenu3" class="anylinkcsscols">
<div class="column">
	<b>Web Development</b>
	<ul>
	<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
	<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
	<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
	<li><a href="http://www.codingforums.com">Coding Forums</a></li>
	<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
	</ul>
</div>

<div class="column">
	<b>News Related</b>
	<ul>
	<li><a href="http://www.cnn.com/">CNN</a></li>
	<li><a href="http://www.msnbc.com">MSNBC</a></li>
	<li><a href="http://www.google.com">Google</a></li>
	<li><a href="http://news.bbc.co.uk">BBC News</a></li>
	</ul>
</div>
<div class="column">
	<b>Technology</b>
	<ul>
	<li><a href="http://www.news.com/">News.com</a></li>
	<li><a href="http://www.slashdot.com">SlashDot</a></li>
	<li><a href="http://www.digg.com">Digg</a></li>
	<li><a href="http://www.techcrunch.com">Tech Crunch</a></li>
	</ul>
</div>
</div>
<!--4th anchor link-->
<p><a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu4" data-image="http://i44.tinypic.com/2mni3yx.gif" data-overimage="http://i43.tinypic.com/24fycd5.gif"><img src="http://i44.tinypic.com/2mni3yx.gif" style="border-width:0" /></a></p>
<div id="submenu4" class="anylinkcsscols" style="background: #FEEBAB">
<div class="column">
	<b>Web Development</b>
	<ul>
	<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
	<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
	<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
	<li><a href="http://www.codingforums.com">Coding Forums</a></li>
	<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
	</ul>
</div>
<div class="column">
	<b>News Related</b>
	<ul>
	<li><a href="http://www.cnn.com/">CNN</a></li>
	<li><a href="http://www.msnbc.com">MSNBC</a></li>
	<li><a href="http://www.google.com">Google</a></li>
	<li><a href="http://news.bbc.co.uk">BBC News</a></li>
	</ul>
</div>
<div class="column">
	<b>Technology</b>
	<ul>
	<li><a href="http://www.news.com/">News.com</a></li>
	<li><a href="http://www.slashdot.com">SlashDot</a></li>
	<li><a href="http://www.digg.com">Digg</a></li>
	<li><a href="http://www.techcrunch.com">Tech Crunch</a></li>
	</ul>
</div>
</div>
<script type="text/javascript">
//anylinkcssmenu.init("menu_anchors_class") //call this function at the very *end* of the document!
anylinkcssmenu.init("anchorclass")
</script>	
</div>

**molendijk** · 05-28-2009, 10:12 PM

If anylinkcssmenu.init("anchorclass") always is the trouble, then <body onload='anylinkcssmenu.init("anchorclass")'> might solve the problem. Give it a try.
===
Arie Molendijk.

**HighMtnSports** · 05-29-2009, 07:37 PM

Thanks for the help guys! It finally works. It was a mixture of your tips, along with some luck. Keep up the great forums.

Thread: Can AnyLink CSS Menu v2.0 work within my framework?

Thread Tools

Search Thread

Can AnyLink CSS Menu v2.0 work within my framework?

Bookmarks

Bookmarks

Posting Permissions