var myDog = {
	name: 24,

         race: '',
 
	getValue:  function () {

		return this.value;
	},
}

function Dog(race, name){
	this.race = race;

	this.name = name;
 
	this.getRace = function(){

		return this.race;
	};
 
	this.getName = function(){

		return this.name;
	}
}

var mydog = new Dog('greyhound', 'Rusty');

mydog.getRace(); // Returns grayhound

 
<div id="mywindow" class="lightblue-wb"> <!-- Start of the Window -->
	<div class="lightblue-wb-title"><strong></strong></div> <!--Title -->

    	<div class="lightblue-wb-content"><!--Content -->
 
    	</div>
</div>

	.lightblue-wb{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

		min-height:100px;
		min-width:100px;
		border:1px solid gray;

		color:#333; 
		background:#EEE;
		-webkit-box-shadow:2px 2px 2px gray;

		-moz-box-shadow:4px 4px 10px gray;
		box-shadow:2px 2px 2px gray;

		overflow:hidden;
	}
 
	.lightblue-wb-title{
		display:block;

		background:url('images/title.jpg');
		color:black;
		height:25px;

		list-style:decimal;
		padding:4px;
		border-bottom:1px solid gray;

	}
 
 
	.lightblue-wb-title strong{
		font-size:100%;

	}
 
	.lightblue-wb-content{
		padding:10px; font-size:80%;

	}

//We create the JsWindow object with an object as parameter.
function JsWinbox(options /* Configuration Object */){

 
	// In that object we look for the property elem which is going to be or div element that is the windows itself.
    //  If the elem is an string, it means that is not a Node Element and it is just the id of the element to be referenced. 
	//So, we search the element by its ID and save it as a property of the JsWindow Object
    if (typeof options.elem == 'string') {

        this.elem = document.getElementById(options.elem);
    }

    else {
        this.elem = options.elem;
    }

 
   // Verify if the options object has the properties height or widh.
   //In case it has them, add them to the JsWinbox object with the methods setWidth and setHeight 
    if (options.height) 
        this.setHeight(options.height);

    if (options.width) 
        this.setWidth(options.width);

    if (options.title) 
        this.setTitle(options.title);

 
    //Private Method
	// Creation of a private Method which means that is not accessible outside the Object. 
	//The method is getStyle, which returns the value of the CSS property of an DOM Element.
    function getStyle(elem, name){

		//If available 
        if (elem.style[name]) {
            return elem.style[name];

        }
		//W3C
        if (document.defaultView && document.defaultView.getComputedStyle) {

            return document.defaultView.getComputedStyle(elem, "").getPropertyValue(name);

        }
		//IE
        else {
            return elem.currentStyle[name];

        }
    }
 
 
    //Privileged Mthods
	//Priveliged Methods that are public methods that are allow to access to privated methods.
	//Here we create the Priviliged methods getWidth and getHeight using the private method getStyle.

 
	//return the width of the jsWinbox
    this.getWidth = function(){
        return parseInt(getStyle(this.elem, 'width'));

    };
	//return the height of the jsWinbox
    this.getHeight = function(){

        return parseInt(getStyle(this.elem, 'height'));

    };
}

//Public Methods Using Prototype
//Using the prototype object we add all the methods the JsWinbox objects are going to share.
JsWinbox.prototype = {

	//Set the width of the JsWinbox object
    setWidth: function(w){
        w = parseInt(w);

        this.elem.style.width = w + 'px';

    },
	//Set the height of the JsWinbox object
    setHeight: function(h){

        h = parseInt(h)
        this.elem.style.height = h + 'px';

    },
	//Set the text to the title bar
    setTitle: function(title){

        var elem = this.elem.getElementsByTagName('strong')[0];

        elem.innerHTML = title;
    },
	//Return the text form the title bar
    getTitle: function(){

        var elem = this.elem.getElementsByTagName('strong')[0];

        return elem.innerHTML;
    },
    //Set the Skin of the JsWinbox object
   // Using the name of the skin + the-jswindowbox-part. E.g. blue-wb-title for the title;

    setSkin: function(name){
        var elem = this.elem;

        elem.className = name + "-wb";
        elem.getElementsByTagName('div')[0].className = name + "-wb-title";

        elem.getElementsByTagName('div')[1].className = name + "-wb-content";

    },
    //Hide and then remove the window from the Document
    close: function(fn){

        this.hide();
        this.elem.parentNode.removeChild(this.elem);

    },
 
    hide: function(){
        this.elem.style.display = 'none';

    },
 
    show: function(){
        this.elem.style.display = '';

    },
 
    //Set the transparency of the object
    setOpacity: function(op){

		//IE
        if (this.elem.filters) {
            this.elem.style.filter = 'alpha(opacity=' + op + ')';

        }
		//W3C
        else {
            this.elem.style.opacity = op / 100;

        }
    },
 
    setPosition: function(x, y, positionType){

        this.elem.style.position = positionType || 'absolute';

        this.elem.style.left = x + 'px';

        this.elem.style.top = y + 'px';

    },
 
    toString: function(){
        var r = "WINDOW TITLED: " + this.getTitle() + ", { WIDTH: " + this.getWidth() + ", HEIGHT: " + this.getHeight() + "}";

        return r;
    }
}

• Code
• Files
• Print

• Comment (0)
• Write

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
Your site

Comment's title

I assure 100% I am real human
I repeat I am not bot

• Sent (0)
• New