Fedora Forum Challenge

by jdb1991

JavaScript

$(function () {
    $("body").append("<div></div>");
    $("div").attr("id","window")
        .css("width","400px")
        .css("height","150px")
        .css("background-color","#483D8B")
        .css("border","1px solid black")
        .css("z-index","0")
        .append("<div id='bar'></div>");
    $("#bar").css("width","400px")
        .css("height","20px")
        .css("background-color","black")
        .css("z-index","1")
        .append("<span id='title'>jQuery Window Example</span>")
        .append("<span id='quit'>X</span>")
        .append("<span id='welcome'>Welcome!</span>")
        .append("<input id='ok' type='submit'></input>");
    $("#title").css("color","white")
        .css("font-family","Tahoma, Geneva, sans-serif")
        .css("font-size","10px")
        .css("padding-left", "150px");
    $("#quit").css("color","white")
        .css("font-family","Tahoma, Geneva, sans-serif")
        .css("padding-left","120px")
        .click(function() {
            $("#window").fadeOut();
        });
    $("#welcome").css("color","white")
        .css("font-family","Tahoma, Geneva, sans-serif")
        .css("font-size","32pt")
        .css("position","absolute")
        .css("left","110px")
        .css("top","40px");
    $("#ok").val("OK")
        .css("position","absolute")
        .css("left","190px")
        .css("top","110px")
        .click(function() {
            $("#window").fadeOut();
        });
});