WordPress.org

1. Minklet
   Member
   Posted 2 years ago #

   Can anyone see what on earth the problem is with this script? Nothing is happening and I cannot understand why. Firebug doesn't flag any errors and there are no other frameworks that should conflict with it

   Here is the URL of my blog (very much a work in progress, so please ignore it in its current state)

   http://www.generalpie.com/

   and here is the URL of the tester that proves the script does actually work. As you can see it is not mine, it is a nice one from consideropen.com

   http://generalpie.com/menutest/test1/mootools1.2_animated_menu.html

   Please help me with this. I've been trying to get a nice looking menu together and try and learn a bit of javascript at the same time but everytime I try and do something simple I am thwarted. Feel like not even bothering to learn. Been on this and a jquery one (which I ditched despite how much effort I put into trying to make it my own script) for about 10 days without being able to get it at all.

2. Minklet
   Member
   Posted 2 years ago #

   I've just tried running a really simple script and it does absolutely nothing:

   <script type="text/javascript">
   window.addEvent('domready', function(){
   var accordion = new Accordion('h3.menusection', 'div.menusection', {
   opacity: false,
   onActive: function(toggler, element){
   toggler.setStyle('color', '#333333');
   toggler.setStyle('background', '#FFFFCC');
   },
   onBackground: function(toggler, element){
   toggler.setStyle('color', '#FFFFFF');
   toggler.setStyle('background', '#999999');
   }
   }, $('mymenu'));
   });
   </script>

   with the following html and style

   <style type="text/css">
   body{font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
   ul, li, h3 {border:0; padding:0; margin:0; list-style:none;}
   h3{background:#CCCCCC; padding:4px; font-size:12px; color:#999999; border-bottom:solid 2px #999999;}
   
   #main{width:500px; margin:10px auto;}
   	#accordion li{border-bottom:solid 1px #DEDEDE;}
   	#accordion li a{padding:3px 6px; display:block; text-decoration:none;}
   	#accordion li a:hover{background:#EFEFEF;}
    </style>

   `<div id="mymenu">
   <h3 class="toggler menusection">Menu Section 1</h3>
   <div class="element menusection">

   • Link 1
   • Link 2
   • Link 3
   • Link 4

   </div>

   <h3 class="toggler menusection">Menu Section 2</h3>
   <div class="element menusection">

   • Link 1
   • Link 2

   </div>
   <!-- Add here other sections... -->
   </div>'

   I'm at the point now where i'd be willing to pay for someone to point out what is wrong because I'm past the point of being angry and upset now. I've spent too long trying to get any scripts working and this isn't even remotely a priority for my course.

   Anyone, please.

3. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   If you're looking for paid development work, try http://lists.automattic.com/mailman/listinfo/wp-pro

   Or post on http://jobs.wordpress.net/

4. Minklet
   Member
   Posted 2 years ago #

   Ive posted a job up on there. A bit bizarre against the rest of them being requests for plug-ins and entire sites, but hopefully someone will have a look on the cheap.

   Or even better, someone will have a look on here for FREE!

   Can someone who has a mootools script on there wordpress link me their URL so I just compare?

5. Minklet
   Member
   Posted 2 years ago #

   Can someone actually help me with this please? I've actually ran out of things I can do to get this done.

   There are surely thousands of people who have managed to successfully use mootools on their site. Can someone please just have a look?

   Ive never known a forum like it. Your help request lasts 20mins on the front page, there must be millions of unresolved help requests. What kind of community is this?

6. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   One that doesn't use Mootools very often, apparently. I dont know anything about Mootools I'm afraid but looking back through this thread, I'm wondering if it's the approach you're using to load the js that's the problem. Have you checked the Using_Javascript Codex page?

   Or you could have a look at re-using some of the scripts included in WP?
   http://codex.wordpress.org/Function_Reference/wp_enqueue_script

7. Minklet
   Member
   Posted 2 years ago #

   Thankyou very much, i got it working!

   You have no idea how relieved I am!

8. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   What was the problem?

Topic Closed

This topic has been closed to new replies.