
A good way to have extra content or a navigation tool in your page!
This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.
v. 2.5
see the demodownload itsee the documentation
What’s new in 2.5:
- jQuery 1.9 compatibility issue




Hello, I would like to know how to put a jquery datepicker in one of the panels on the right side specifically, because I have tried several things and I could not make it work. The datepicker works out in the body but not within the . I’ll be doing something wrong?
Hi Anibal,
Are you loading the panel content via AJAX?
What datepicker component are you using?
Bye,
Matteo
Hello again, thanks for your prompt response
No I am not loading the content via ajax, I just want to capture the date to return my datepicker to an input. something like
the datepicker is associated like this in the documentation of Jquery
http://jqueryui.com/datepicker/
actually works but outside panel
Hi,
Here you can download a zip containing the demo with a date picker included in the extruder component (demo_datePicker.html).
https://dl.dropboxusercontent.com/u/1976976/mb.jquery/jquery.mb.extruder_datepicker.zip
In the package I added the datePicker javascript folder into the “inc” directory.
Probably the datePicker you are using has a fixed z-index property. The extruder has built in a behavior that calculate the higher z-index to stay on the top of all the other elements. That can cause overlay windows generated by other components to stay behind the extruder. Within the extruder component there’s a method : $.fn.mb_bringToFront() that let you behave as the extruder does.
Take a look at the code in the demo file and probably you can apply the same to the datePicker you are using.
Bye,
Matteo
Hello! I love your extruder
I would like to report a small bug on IE 9. The left flap text does not display at all. This problem happens on my website and on your demo. I will keep trying to resolve it myself, but I thought you might know the solution?
Thanks for all of your great jquery plugins!
Jake Drew
http://www.jakemdrew.com
Hi Jake,
I just made a fast test on IE8 and IE9 on your website but the flap text is visible… did you try from a different computer?
Here is a screen shot of IE9
nad here on IE8
Bye,
Matteo
some java script are missing in (inc) folder….
like jquery.mb.flipV.cryp.js! this script is missing where can i download it?
[...] jquery mb.extruder [...]
Demo and donwladed files doesn’t work with Firefox and Safari.
Hi Chriss,
With the latest query update to version 1.9 there are some issue with this component that prevents the correct behavior generating javascript bugs.
You can solve the problem using the previous version of jQuery (1.8) changing the inclusion in the header of the demo page from:
[sourcecode]
<script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=3.5′></script>
[/sourcecode]
to:
[sourcecode]
<script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js?ver=3.5′></script>
[/sourcecode]
This will solve your problem.
Soon I’ll publish an update fixing the incompatibility.
Bye,
Matteo
[...] A NAVIGATION TOOL IN YOUR PAGE ( Demo | Download [...]
Hi I am developing a html page that conatins google map in background with three right extruders.
I am facing a issue in mozila firefox browser as follows.
The problem is when I open all three extruders one after first time that will open properly. But from next time when I open first extruder, then second & third extruder buttons are visible over first extruder panel.
can anybody solve this issue !!!!!!
Can you provide me a public URL where I can see that problem?