Results 1 to 9 of 9

Thread: Glossy Accordion Menu conflict with mootools in joomla 1.5

  1. #1
    Join Date
    Mar 2009
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Glossy Accordion Menu conflict with mootools in joomla 1.5

    1) Script Title: Glossy Accordion Menu for Joomla1.5

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

    3) Describe problem: mootools conflict with Glossy Accordion Menu- joomla 1.5 extension written by dynamicdrive:

    I just realized I initially posted in the wrong forum (js). Sorry !!:

    I installed the plugin, and the module, on joomla 1.5 and it works, but it disables the mootool's viewer( the one that comes up with a semi-transparent black background and a white border which you clickout of ...). Instead, the mootools viewer goes straight to the img in a new window so you have to click on the back browser button (no other option).

    Is there a way to fix this problem in the js files? I'm not a programmer so i would appreciate it if you could post the code here- Thanks !
    Edit/Delete Message
    Last edited by Snookerman; 04-23-2009 at 04:02 PM. Reason: added “Resolved” prefix

  2. #2
    Join Date
    Jan 2008
    Posts
    4,167
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    I've responded to your other post. Next time, instead of making a new thread. Edit your post saying something like:
    Edit: Hey, I by accidentally posted this in the wrong forum. Can a mod please move it to the correct forum, and remove this edit. Thanks!
    Jeremy | jfein.net

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

    Default

    Thanks Nile. I looked at those links but I prefer the glossy menu.


    I found this.

    http://www.dynamicdrive.com/forums/s...ad.php?t=40973

    Will it work? If so, can you tell me how to change the files?

  4. #4
    Join Date
    Jan 2008
    Posts
    4,167
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Give it a try, follow the threads instructions.
    Jeremy | jfein.net

  5. #5
    Join Date
    Mar 2009
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    I tried but apparently something not done right.



    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    
    <head>
    
    <script type="text/javascript">
    
    jQuery.noConflict();
         
         // Put all your code in your document ready area
         jQuery(document).ready(function($){
    
    
    //Accordion Content script: By Dynamic Drive, at http://www.dynamicdrive.com
    //Created: Jan 7th, 08'
    //Version 1.3: April 3rd, 08':
    //**1) Script now no longer conflicts with other JS frameworks
    //**2) Adds custom oninit() and onopenclose() event handlers that fire when Accordion Content instance has initialized, plus whenever a header is opened/closed
    //**3) Adds support for expanding header(s) using the URL parameter (ie: http://mysite.com/accordion.htm?headerclass=0,1)
    
    //April 9th, 08': Fixed "defaultexpanded" setting not working when page first loads
    
    //Version 1.4: June 4th, 08':
    //**1) Added option to activate a header "mouseover" instead of the default "click"
    //**2) Bug persistence not working when used with jquery 1.2.6
    
    //Version 1.5: June 20th, 08':
    //**1) Adds new "onemustopen:true/false" parameter, which lets you set whether at least one header should be open at all times (so never all closed).
    //**2) Changed cookie path to site wide for persistence feature
    //**3) Fixed bug so "expandedindices" parameter in oninit(headers, expandedindices) returns empty array [] instead of [-1] when no expanded headers found
    
    //Version 1.5.1: June 27th, 08': Fixed "defaultexpanded" setting not working properly when used with jquery 1.2.6
    
    var ddaccordion={
    	
    	contentclassname:{}, //object to store corresponding contentclass name based on headerclass
    
    	expandone:function(headerclass, selected){ //PUBLIC function to expand a particular header
    		this.toggleone(headerclass, selected, "expand")
    	},
    
    
    rest of the code.....................
    .....................
    	
    			$('.'+config["contentclass"]+":visible").each(function(index){ //get indices of expanded headers
    				expandedindices.push($(this).attr('contentindex'))
    			})
    			if (config.persiststate==true){ //persist state?
    				expandedindices=(expandedindices.length==0)? '-1c' : expandedindices //No contents expanded, indicate that with dummy '-1c' value?
    				ddaccordion.setCookie(config.headerclass, expandedindices)
    			}
    		})
    	})
    	}
    }
    ddaccordion.init({
    	headerclass: "submenuheader", //Shared CSS class name of headers group
    	contentclass: "submenu", //Shared CSS class name of contents group
    	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
    	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
    	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
    	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
    	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
    	animatedefault: false, //Should contents open by default be animated into view?
    	persiststate: true, //persist state of opened contents within browser session?
    	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    	togglehtml: ["suffix", "<img src='plus.gif' class='statusicon' />", "<img src='minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
    	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
    	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
    		//do nothing
    	},
    	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
    		//do nothing
    	}
    })
    
    });

  6. #6
    Join Date
    Jan 2008
    Posts
    4,167
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Hmm, well you can edit the mootools ones above to turn into glossy. Otherwhise you'll have to wait for someone else to respond.
    Jeremy | jfein.net

  7. #7
    Join Date
    Mar 2009
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Probably better to wait to sum up and see what works best. Hey, thanks anyway.

  8. #8
    Join Date
    Apr 2009
    Posts
    1
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default Fix the problem

    Hi, I had the same problem with the glossy accordion menu, to fix the problem just edit the file ddaccordion.js.,

    add the function: " jQuery.noConflict(); "

    before: var ddaccordion={ (is the first instruccion)

    Very simple. With this the accordion menu should work fine with the mootools library.


    Salu2...

  9. The Following User Says Thank You to byleox For This Useful Post:

    xtnct (04-23-2009)

  10. #9
    Join Date
    Mar 2009
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Wink

    it worked!

    thanks

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
  •