O'Reilly logo

Moodle JavaScript Cookbook by Alastair Hole

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Enabling resizable elements

Another simple, but effective YUI2 utility is the resize utility. It has myriad uses from the simple (in this example, allowing a block of text to be resizable), to the more complicated scenarios (such as resizable form elements). It allows a user to change the size of the element in question by just dragging resize handles around the page, similar to how the user would resize any application window in an operating system's GUI. This is most useful when the element contains a large amount of content, allowing the user to size the element as required.

How to do it...

To begin, set up a simple page, resize.php with a block of text in a containing element, as follows:

<?php require_once(dirname(__FILE__) . '/../config.php'); ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required