XHTML valid external links with mootools

W3C no longer include the target attribute of the <a> tag in HTML 4.0 Strict and XHTML 1.0 Strict document types . To make our links open new windows we will have to use Javascript, and with mootools it make this task very easy. Just add this snippet to the bottom of your html document and it will look for all external links on your page and add the target attribute to each of the links. $$('a[href^=http]').each(function(a) { if (wind [...]
(0) comments
Read more

Animated css sprites with mootools

Adding a little extra to plain menus using javascript to animate changes insted of instant changes for mouse hovers. Most menu effects are easy to animate, I will show you how to animate a gradient for the background which would nomaly snap from top to bottom, to tween between these positions.HTML <ul id="menu"> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li>< [...]
(0) comments
Read more

Working with forms and mootools

There is alot of scripts out there demonstrating what can be achieved with mootools, image galleries, sliders, accordions, css effects, tool tips, you can find a nice list here for these effects. But I want to show a quick example how to turn a normal html form into a Ajax form. My basic html form is a sample for submitting bugs (form.html). In the head part of (form.html) I want to include my (form.js) file and (mootools.js) file. For the proc [...]
(0) comments
Read more

About

Welcome to my online portfolio and development site where i can share my developments and projects.

Ive been developing for 7 years working mainly with online applications and websites.

Download my CV or

Favorites

RSS Feed Subscribe
RSS or Atom

Copyright 2010 kd3sign.co.uk     Best viewed in Mozilla Firefox
hosted by Media Temple powered by CodeIgniter