• CSS, Javascript, Tutorials

    Posted on October 15th, 2009

    Written by Behrouz Pooladrag

    Tags

    , , , , , ,

    Edit the CSS styles of an element in Javascript

    Edit the CSS styles of an element in Javascript

    I’ve actually started to learn the Internet beast JavaScript, and I think it’s about time I shared some knowledge I’ve gathered from problems I had when starting out.
    The first of which is CSS styles. When starting out, one of the basic things I wanted to do was to change what the user sees dynamically. Not [...]

  • JQuery, Javascript, Tutorials

    Posted on October 15th, 2009

    Written by Behrouz Pooladrag

    Tags

    , , ,

    Simple JQuery Expandable Content Box

    Simple JQuery Expandable Content Box

    Just recently I have had to finally bite the bullet and learn some proper Javascript. Not just making text in input boxes disappear when the user clicks on them, I’m talking PROPER stuff like making boxes appear and disappear inside already existing content.
    This tutorial is written for JQuery but do not think that I would [...]

  • Javascript, MooTools

    Posted on October 11th, 2009

    Written by Behrouz Pooladrag

    Tags

    , , , ,

    Creating a Sliding Menu by MooTools Framework

    Creating a Sliding Menu by MooTools Framework

    MooTools is an object oriented framework created in JavaScript that could be used to create a rich interactive experience in HTML pages similar to that achieved in Flash but without actually using Flash, the benefit of using the MooTools over Flash is that your content will be easily accessible by search engines and it will [...]

  • Javascript, Tutorials

    Posted on October 9th, 2009

    Written by Behrouz Pooladrag

    Tags

    ,

    Mouse wheel handler in Javascript

    Mouse wheel handler in Javascript

    It returns a delta value, +1 or -1, according to scroll direction.

    Test :
    1: up
    Meanwhile, check the original script.
    It needs some improvements due to some strange delta values on some browsers.
    <html>
    <head>
    <script type=“text/javascript”>
    function handle(delta) {
    var s = delta + “: “;
    if (delta <0)
    s += “down”;
    else
    s += “up”;
    document.getElementById(‘delta’).innerHTML = s;
    }
    function wheel(event){
    var delta = [...]