Adelaide Web Design


Learn To Learn Web Design Launched

Posted in Web Design Portfolio by Paul on the August 1st, 2008

Learn To Learn Web Design

Web Design for learn to learn has been launched. We put together a quality web site to allow Gordon to assist in teaching the modern methods of money making on the web. A good variety of e-books are avaiable for download on his web site. Take a look at Learn To Learn

del.icio.us Digg Facebook Technorati Google StumbleUpon Furl Yahoo Ask Squidoo Fark

Adelaide Web Designs Releases customselect with icons

Posted in Jquery by Paul on the August 1st, 2008

jquerycustomselect.gifAfter being sick of how ugly select boxes are within forms, I looked hard to find a decent solution. There are a few but some of them I found to have bugs, or not be able to use icons within the custom select box as I would like.

It was necessary to have it able to degrade to the regular select box when a user does not use javascript, and from what I’ve seen i have achieved that also.

It is still in its early stages and I will tweak it some more when i get the chance, but let me know what you think.

Just include the jquery and jquery.customselect in your head, and include your custom styles.
<script src="../scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="../scripts/jquery.customselect.js" type="text/javascript"></script>

Then make a call for the customselect
<script type="text/javascript">  $(document).ready(function() {  $(\\\\\'#customselector\\\\\').customSelect();  })</script>

Lastly put in the select box with a few minor variations.
<select name="select" class="customselect" title="Choose an icon" id="customselector"> <option value="1" id="1" title="../icons/attention.gif">Attention icon</option> <option value="2" id="2" title="../icons/backward.gif">Back Icon</option> <option value="3" id="3" title="../icons/base.gif">Base Icon</option> </select>

If you want to check out an example or download the zip file then go to Ace Web Design

del.icio.us Digg Facebook Technorati Google StumbleUpon Furl Yahoo Ask Squidoo Fark