Installation

Installation is easy:

Just put the js and css code (of course with the right paths) after you loaded mootools in the head-area of your document:

<!-- This should already exist in your document already: --> <script type="text/javascript" src="mootools-1.2-core.js"> </script> <!-- After mootools add: --> <script type="text/javascript" src="yamoodow/yamoodow.js"> </script> <link rel="stylesheet" href="yamoodow/yamoodow.css" type="text/css" />

After that you can use yamoodow. This is an example that makes three tabs, two with Ajax-content and one with Iframe-content:

<a href="#" id="ymdOpener">Open Window</a> <script type="text/javascript"> var ymd = new yamoodow([ { url:'page1.html', text:'Images' }, { url:'page2.html', text:'Contact Form' }, { url:'http://google.com', text:'Iframe', iframe:true } ], { opener:$('ymdOpener'), title: 'Yamodow-Demo' }); </script>

For more options see the Options-Section