Development JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Development
  4. Color Sampler


Color Me

var newWindow = window.open("","","height=150,width=300")
function defaultColors() {
    return "BGCOLOR='#c0c0c0' VLINK='#551a8b' LINK='#0000ff'"
}
function uglyColors() {
    return "BGCOLOR='yellow' VLINK='green' LINK='red'"
}
function showColorValues() {
    var result = ""
    result += "bgColor: " + newWindow.document.bgColor + "\n"
    result += "vlinkColor: " + newWindow.document.vlinkColor + "\n"
    result += "linkColor: " + newWindow.document.linkColor + "\n"
    document.forms[0].results.value = result
}
function drawPage(colorStyle) {
    var thePage = ""
    thePage += "Color Sampler    if (colorStyle == "default") {
        thePage += defaultColors()
    } else {
        thePage += uglyColors()
    }
    thePage += ">Just so you can see the variety of items and color,     thePage += "HREF='http://www.rntsoft.com'>here\'s a link"
    newWindow.document.write(thePage)
    newWindow.document.close()
    showColorValues()
}
function setColors(colorStyle) {
    if (colorStyle == "default") {
        document.bgColor = "#c0c0c0"
    } else {
        document.bgColor = "yellow"
    }
}



Try the two color schemes on the document in the small window. 




These buttons change the current document, but not correctly on all platforms






drawPage("default")