External JS Load

by David Kyle

HTML

<div id="liner">
    <h1 class="header">
        Page Header
    </h1>
    <div class="section">
        <p>This is some primary descriptive content.</p>
        <h3>Section Header</h3>
        <p>This is the meat and potatoes.</p>
    </div>
    <div class="footer">
        <hr />
        <div class="copyright">Copyright &copy; 2015 dkyle
        <div class="place-holder">
            
        </div>
    </div>
</div>

CSS

#liner {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: small;
    background-color: #ffffff;
    color: #121212;
    padding: 2px;
    margin: 0px auto;
    width: 80%;
}
.header {
    border: solid 1px #000000;
    padding: 2px;
    display: block;
    background-color: #cdefef;
    width: 60%;
    margin: 0px auto;
    text-align: center;
}
.footer {
    margin: 0px auto;
    display: block;
    text-align: center;
}

JavaScript

$(function() {
    var shouldLoad = true;
    GetExternalScripts(shouldLoad);
});

function GetExternalScripts(shouldLoad) {
    $placeHolder = $(".place-holder");
    if(shouldLoad) {
        var argumentData = "";
        var maskedInput = "<";
        maskedInput = maskedInput + "/";
        maskedInput = maskedInput + "script";
        maskedInput = maskedInput + ">";
        argumentData = argumentData + "<script type=\"text/javascript\">alert('hello');" + maskedInput;
        argumentData = argumentData + "<script src=\"http://www.summitracing.com/bundles/main?v=KVL4BCq-DZqO2zi6pKqo0eseL_RpkJB2ZxoqAMxR4EQ1\">" + maskedInput;
        
        $placeHolder.html(argumentData);
    } // end if
} // end function