Page Instancing

by Mike Gleeson

HTML

<div id='page1'></div>

CSS

#page1{
    width:1000px;
    height:1000px;
}

.test {
    background-color:red;
    color:white;
}

JavaScript

function Page_Instance(params) {
    var id = params.id;
    var self = this;
    var url = params.url;
    var target = params.target;
    
    function getUrl() {
        return url;
    }
    
    function getTarget() {
        return target;
    }
    
    this.Load_Page = function()
    {
        $.get(getUrl(), { html: "<script>function foo(){console.log('bar');}<\/script><div class='test'>Hello World! This is not a script.</div>" })
            .success(function(data){ 
                //$(target).html(data.html);
                var _test = $(data.html);
                console.log($(_test).filter("script").each(function(e){
                    //console.log(e);
                }));
            })
    }
    
    return this;
}

var page_params = {id: "Page1", url: "/echo/jsonp/", target: "#page1"};

var Page = Page_Instance(page_params);

Page.Load_Page();