Results 1 to 5 of 5

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

  1. #1
    Join Date
    May 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

    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!

  2. #2
    Join Date
    Aug 2004
    Posts
    9,902
    Thanks
    3
    Thanked 967 Times in 955 Posts
    Blog Entries
    15

    Default

    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>
    DD Admin

  3. #3
    Join Date
    May 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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>

  4. #4
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,380
    Thanks
    31
    Thanked 148 Times in 142 Posts
    Blog Entries
    34

    Default

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

  5. #5
    Join Date
    May 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •