Home arrow AJAX & Prototype arrow Page 2 - Create a User-Defined CSS Website with PHP

The Use of Sliders to Customize Colors - AJAX

PHP as a server side scripting language can be used to customize CSS. This can make your website more readable and useful to your visitors. In this article, you'll learn what you can do to let them adjust your site so it looks good to them. This is the first part of a two-part series.

TABLE OF CONTENTS:
  1. Create a User-Defined CSS Website with PHP
  2. The Use of Sliders to Customize Colors
  3. Implementation of the Slider
  4. The AJAX HTML Form (Hidden)
By: Codex-M
Rating: starstarstarstarstar / 2
October 01, 2009

print this article
SEARCH DEV SHED

TOOLS YOU CAN USE

advertisement

In order to maximize customization and options available to the user, you need to present all of the colors used in the HTML and let the user decide the best combination. To make this work and to provide the easiest method. we'll use “sliders” to control the colors.

Granted, this is not a common interface; only a few exist on the Internet. I found the “Text box slider” from http://www.dhtmlgoodies.com/ , which is a website library of DHTML/Java scripts. The original (unedited) slider looks like this:

You can download the unedited code (original) of this slider here:

http://www.dhtmlgoodies.com/index.html?whichScript=form_widget_amount_slider

In this application, we will only be using the RGB (Red, Green and Blue) color scheme to control both background and font colors. We're doing this because they are the most common in web and color applications.

The slider is powered by JavaScript. When you download the file, the main HTML file for the slider is “form_widget_amount_slider.html.” You will be editing this file and converting it to a PHP file to integrate it with AJAX applications.



 
 
>>> More AJAX & Prototype Articles          >>> More By Codex-M
 

blog comments powered by Disqus
escort Bursa Bursa escort Antalya eskort
   

AJAX & PROTOTYPE ARTICLES

- Best AJAX Tutorials for Forms
- The Best AJAX Tutorials
- 8 Great Ajax Tutorials
- Using Ajax and jQuery
- Using Ajax and jQuery with HTML Forms
- Ajax.org Offers Cloud9 IDE for JavaScript
- Java Technologies Provider ICEsoft Releases ...
- Using Recaptcha in AJAX Prototype Framework ...
- Google's Closure Compiler Service API: Addit...
- Installing Google Web Toolkit: Introducing t...
- Google's Closure Compiler Service API: Displ...
- Google's Closure Compiler Service API: Deliv...
- Google's Closure Compiler Service API: the A...
- Google's Closure Compiler Service API: the S...
- Google's Closure Compiler Service API: Optim...

Developer Shed Affiliates

 


Dev Shed Tutorial Topics: