Hi Jamina
Right now, moo.fx still exists, but the best way to do it is to use
MooTools 1.2.x since it will be self contained, more progressed, and
it doesn't need prototype anymore (hence "self-contained")
Basicly, if you want to slide+fade a given div, smth like this would be enough:
<script type="text/javascript" src="mootools-1.2.1-core.js"></script>
<script type="text/javascript">
// Initialise the effects
window.addEvent('domready', function(){
new Fx.Morph('order_online', {duration: 500}).start({opacity:0,
height:0});
});
</script>
And then of course, you would have Fx.Slide, and much more plugins to
play with...
Check http://demos.mootools.net/ for more info and
http://docs.mootools.net/ for the docs...
On Wed, Oct 29, 2008 at 11:28 AM, jamina1 <[EMAIL PROTECTED]> wrote:
>
> Hi. I'm trying to use moo.fx on a FAQ page I'm building. Basically I'm
> using the example from http://www.avinashv.net/tutorials/moofx/
>
> Problem is, it keeps telling me that my variables are undefined.
>
> Here's my code:
> <script type="text/javascript" src="Scripts/prototype.lite.js"></
> script>
> <script type="text/javascript" src="Scripts/moo.fx.js"></script>
> <script type="text/javascript">
> // Initialise the effects
> var orderonlineCombo;
>
> window.onload = function() {
> orderonlineCombo = new fx.Combo('order_online',
> {height: true, opacity: true, duration: 500});
>
> // Hide all to begin with
> orderonlineCombo.hide();
> }
> </script>
>
> <h2 class='faq_item' onclick="orderonlineCombo.toggle();">How do I
> order online?</h2>
> <div id="order_online" class='faq'>
> <p>Order online by adding items to your shopping cart and
> following the online
> instructions. Upon receipt of your order a Test
> Equipment Connection
> salesperson will contact you to verify your contact
> information and
> shipping preference.</p>
> <p>If the particular item you are interested in does not have
> a price listed,
> you can fill out the quote form, and one of our
> representatives will
> contact you to discuss details and assist you in
> ordering the product
> from us.</p>
> <p>Due to instances of online fraud, please note we generally
> do not accept credit cards for orders outside the
> USA.<br />
> When you order by credit card your card is only
> charged after we ship
> your product. Most new or refurbished equipment ships
> within 7-10 business
> days from when the order is placed. You will be
> contacted via telephone or
> email if your order requires more time to process.</p>
> </div>
>
>
> Firstly, the div does not start out hidden, then when I click on the
> H2, it says "orderonlineCombo is undefined"... Help?
>
> I even tried the example from the page above verbatim and it doesn't
> work either.
--
◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦
Ivanicus' Code Box
http://ivanicus.com/
