PHP, CSS, MooTools, jQuery tutorials and Free Web Resources

Check One Check All Using Mootools

Posted by teejay on November 24, 2009

Imagine going through a 25 item per page application and you need to check them all. Wouldn't it be a good thing if you have the functionality of a check one/check all for checking all those checkboxes? If yes, you would agree that this should be on every appropriate web application.

Continue reading Check One Check All Using Mootools

Mootools Tabs Classes You Should Know About

Posted by teejay on November 18, 2009

I've been playing around with Mootools again and was looking into working with some tabbed content. A little research comes a long way as I discovered new Mootools-based tabs.

MGFX Tabs

Usage


<ul id="tabs">
    <li><a class="tab" href="#" id="one">One</a></li>
    <li><a class="tab" href="#" id="two">Two</a></li>
    <li><a class="tab" href="#" id="three">Three</a></li>
</ul>
<div id="home">
    <div class="feature">
        <img src="img/mgfxtabs1.jpg" alt="" />
    </div>
    <div class="feature"">
        <img src="img/mgfxtabs2.jpg" alt="" />
    </div>
    <div class="feature">
        <img src="img/mgfxtabs3.jpg" alt="" />
    </div>
</div>

// Javascript
var tabs = new MGFX.Tabs('#tabs li a', '#tabs div');

Continue reading Mootools Tabs Classes You Should Know About

Add Icons to External Links with Mootools and CSS

Posted by teejay on November 17, 2009

A trend going on around on websites are putting icons on links that point to web pages externally. If you want that on your site, this simple script will dynamically take care of that for you with the help of Mootools, a compact Javascript Framework and some CSS.

Continue reading Add Icons to External Links with Mootools and CSS

isset in Javascript

Posted by teejay on November 13, 2009

Here's another quick post regarding isset in Javascript.

How do you know if a Javascript variable has been set?

In PHP, this could easily be solved by using the native isset function:

Continue reading isset in Javascript

AJAX with CodeIgniter

Posted by teejay on November 13, 2009

AJAX can be seen almost everywhere on the web. Yahoo uses it. Google uses it. My boss uses it. My grandmother uses it — well maybe not but that shouldn't stop you from using it.

Here's an awesome tutorial to use AJAX with CodeIgniter.

Continue reading AJAX with CodeIgniter