Reply to comment

mootools Fx.Slide extended

I changed the mootools library somewhat to add the option too Fx.Slide to close too a specified width/height.

The only thing I'd still like to change, is to have the handle at the top of the containing element. Any ideas?

An example is provided here...

One
Two
Three
Four
Handle
The code:
<script src="/drupal/misc/scripts/mootools.jrgns.js"></script>
<div id="outter" style="border: 1px solid green;">
	<table>
		<tr>
			<td>One</td>
		</tr>
		<tr>
			<td>Two</td>
		</tr>
		<tr>
			<td>Three</td>
		</tr>
		<tr>
			<td>Four</td>
		</tr>
	</table>
	<div class="handle" style="border: 1px solid black; height: 25px;
text-align: center;" onclick="elm.toggle()">
		Handle
	</div>
</div>
<script>
var elm = new Fx.Slide('outter', {minimum: 27});
</script>

Reply

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <pre> <h3> <h4>
  • Lines and paragraphs break automatically.

More information about formatting options