PinoyTech.org

CodeIgniter, Kohana, Mootools, jQuery and CSS

Check One Check All Using Mootools

Posted by teejay on November 24, 2009

an image of a table with checkboxes

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

 

Adding an Icon to External links using Mootools

Posted by teejay on June 4, 2009

Some usability websites have said that adding a certain image or indicator for links linking outside your domain should be done. I really don't know but as part of regularly modifying this blog, I decided to add this as well.

Continue reading Adding an Icon to External links using Mootools

 

Learning Mootools

Posted by teejay on June 1, 2009

When I needed to finish your work as soon as possible, jQuery was there for me, especially with my 'very' limited javascript knowledge :)

Continue reading Learning Mootools