Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    May 2006
    Posts
    227
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Question How to make working slider for colours?

    How to make working slider for colours?
    I enclose files that should work ut do not know what is wrong.
    Attached Files Attached Files

  • #2
    Regular Coder
    Join Date
    May 2006
    Posts
    227
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Question

    PHP Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    >

    <
    html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <
    head>
      <
    title></title>
    <
    style type="text/css">
    /*<![CDATA[*/
    div.slider {
        
    width200px;
        
    height16px;
        
    background#eee;
    }
    div.slider div.knob {
        
    background#000;
        
    width16px;
        
    height16px;
    }
    div#fontSize {
        
    height50px;
    }

    div.advanced {
        
    width400px;
        
    margin5px 0;
        
    backgroundurl(images/slider.png0 center repeat-x;
    }
    div.advanced div.knob {
        
    backgroundno-repeat center center;
        
    cursorpointer;
    }
    div#red div.knob {
        
    background-imageurl(images/red.png);
    }
    div#green div.knob {
        
    background-imageurl(images/green.png);
    }
    div#blue div.knob {
        
    background-imageurl(images/blue.png);
    }
    /*]]>*/
    </style>
    <
    script type="text/javascript" src="javascript/tools/mootools.js"></script>
    <script type="text/javascript" src="javascript/tools/slider.js"></script>
    <script type="text/javascript" src="javascript/tools/site.js"></script>
    </head>

    <body>
        <div id="red" class="slider advanced">
            <div class="knob">
            </div>
        </div>
        <div id="green" class="slider advanced">
            <div class="knob">
            </div>

        </div>
        <div id="blue" class="slider advanced">
            <div class="knob">
            </div>
        </div>
        <span class="b">Selected color: </span>
        <span id="setColor"></span>


    </body>

    </html> 
    and application wih images as in ZIP file.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •