JaxRed's PageBuilder Style Changer

Note: Your browser's font size must be set to small to see a text size change from all the buttons. If you have your text size set on medium or large, you will not see any text size change with the smaller size buttons!

I made this webpage color selector as a demo for allowing my vision impared friends – elderly, retired persons – to select the colors best suited for them! I included a font size changer, because our browser's font size settings do not include the largest sizes! My opinion is that this sort of thing has limited use on our webpages! However, the basic syntax for this type of script is applicable to specialized uses on webpages! And the effects and source code provide should provide help to beginners trying to learn basic scripting, and CSS positioning.

It's a simple background and text color changing script, that uses javascript. The text size changer is basic DHTML which uses javascript and a CSS style sheet. The text size changer has five (5) nested divisions stacked above each other, with the visibility of each text size division toggled on and off as desired to display the desired font size text. The javascript and CSS style sheet are in an extended head tag of a PageBuilder Advanced Editor document, which uses my Script method.

You should use the Thunderstone© source code viewer at the bottom of the page to see the source code for this PageBuilder Advanced Editor webpage.

This is a very simple script! All the background color changer scripts I could find online used far too much unnecessary and rudundant variable names and complicated loop scripts! I wrote this simple script so even javascript beginners can easily understand and use this simple loop script!

Here, I have the auto-bgcolor changer starting with a body tag "onLoad" event handler; and the text color changer starting with a button. This way, a viewer can select their preferred bgcolor, and then select the most pleasing text color. You can auto-start by "onLoad" in the body tag, and have stop buttons only for bgcolor and text color ;or start and stop either or both color changers by from button. as you desire.

Notice in the script that I have the backgrounds changing every three (3) seconds. Also, note how I named the counters and setTimeout timer; and, put in a stop button with the "window.clearTimeout()" method. I also put in a "Start Again" button so you could start the "bgColor" loop again if it didn't stop on an acceptable color choice.

You can use a javascript array with as many javascript named colors, or color hex values, as you desire. Change the setTimeout timer value in milliseconds [one (1) second equals 1000 milliseconds] to vary the time interval between bgColor changes, so viewers will have time to react and stop the color changes.

The code for the text color changer is exactly the same, except for differend names for the functions, variables, and clearTimeout (stop) timers. See the source code with the source code viewer below.

Have fun with these auto-changer scripts; but, use them with discretion! Don't over use this gimickery – it can be very irritating waiting for the colors to cycle! I still believe "simple" is the best design policy for webpages – pick a good color combination of bgcolor and text color, and let your webpage stand on its content; and not on distracting "gimicks," like this auto bgColor changer! I think most of you guys agree with me on this!

Use these scripts for creating your own bgcolor, text color, and font size changing options on your webpages. I suggest that, as an alterntive to the text size changer on a webpage, you actually create three different webpages with normal (font sizes 3-4), medium (font sizes 5-6), and large (font size 7) text sizes and link them to your normal text size webpage – but; remember: the link on the normal text size webpage must be in a larger font size so it can be seen by persons who need the larger text sizes!

Thanks for visiting my webpage, folks! Have a nice day! My best wishes to all PageBuilders, their family, neighbors, and friends!

Note: Your browser's font size must be set to small to see a text size change from all the buttons. If you have your text size set on medium or large, you will not see any text size change with the smaller size buttons!

I made this webpage color selector as a demo for allowing my vision impared friends – elderly, retired persons – to select the colors best suited for them! I included a font size changer, because our browser's font size settings do not include the largest sizes! My opinion is that this sort of thing has limited use on our webpages! However, the basic syntax for this type of script is applicable to specialized uses on webpages! And the effects and source code provide should provide help to beginners trying to learn basic scripting, and CSS positioning.

It's a simple background and text color changing script, that uses javascript. The text size changer is basic DHTML which uses javascript and a CSS style sheet. The text size changer has five (5) nested divisions stacked above each other, with the visibility of each text size division toggled on and off as desired to display the desired font size text. The javascript and CSS style sheet are in an extended head tag of a PageBuilder Advanced Editor document, which uses my Script method.

You should use the Thunderstone© source code vewer at the bottom of the page to see the source code for this PageBuilder Advanced Editor webpage.

This is a very simple script! All the background color changer scripts I could find online used far too much unnecessary and rudundant variable names and complicated loop scripts! I wrote this simple script so even javascript beginners can easily understand and use this simple loop script!

Here, I have the auto-bgcolor changer starting with a body tag "onLoad" event handler; and the text color changer starting with a button. This way, a viewer can select their preferred bgcolor, and then select the most pleasing text color. You can auto-start by "onLoad" in the body tag, and have stop buttons only for bgcolor and text color ;or start and stop either or both color changers by from button. as you desire.

Notice in the script that I have the backgrounds changing every three (3) seconds. Also, note how I named the counters and setTimeout timer; and, put in a stop button with the "window.clearTimeout()" method. I also put in a "Start Again" button so you could start the "bgColor" loop again if it didn't stop on an acceptable color choice.

You can use a javascript array with as many javascript named colors, or color hex values, as you desire. Change the setTimeout timer value in milliseconds [one (1) second equals 1000 milliseconds] to vary the time interval between bgColor changes, so viewers will have time to react and stop the color changes.

The code for the text color changer is exactly the same, except for differend names for the functions, variables, and clearTimeout (stop) timers. See the source code with the source code viewer below.

Have fun with these auto-changer scripts; but, use them with discretion! Don't over use this gimickery – it can be very irritating waiting for the colors to cycle! I still believe "simple" is the best design policy for webpages – pick a good color combination of bgcolor and text color, and let your webpage stand on its content; and not on distracting "gimicks," like this auto bgColor changer! I think most of you guys agree with me on this!

Use these scripts for creating your own bgcolor, text color, and font size changing options on your webpages. I suggest that, as an alterntive to the text size changer on a webpage, you actually create three different webpages with normal (font sizes 3-4), medium (font sizes 5-6), and large (font size 7) text sizes and link them to your normal text size webpage – but; remember: the link on the normal text size webpage must be in a larger font size so it can be seen by persons who need the larger text sizes!

Thanks for visiting my webpage, folks! Have a nice day! My best wishes to all PageBuilders, their family, neighbors, and friends!