"moduls_control.js"
Bootstrap 3.3.0 Snippet by u9614469

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> div id="table"> div style="background:#9fc5e8"> <script type="text/javascript" src="modules_control.js"></script> <script type="text/javascript"> AddModule("NewScript1.js"); AddModule("NewScript2.js"); AddModule("NewScript3.js"); </script> </div>
@import '../../shared/mixins', '../../shared/reset', '../../shared/about-dark'; /* * Copyright (c) 2013 Thibaut Courouble * http://www.cssflow.com * * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php */ html, body { min-height: 100%; } body { font: 13px/20px 'Lucida Grande', Verdana, sans-serif; color: #404040; background: #9aa8b2; @include radial-gradient(circle cover, #aeb8c1, #8c979f 80%); } .container { margin: 80px auto; padding: 20px; text-align: center; background: #f5f5f5; @include linear-gradient(top, #fdfdfd, #eee); @include box-shadow(inset 0 1px white, inset 0 -1px rgba(white, .6), 0 1px 3px rgba(black, .1), 0 0 1px 1px rgba(black, .08)); } .button { display: inline-block; vertical-align: top; min-width: 60px; line-height: 35px; padding: 0 20px; color: white; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px rgba(black, .2); background: #8c96a4; border: 1px solid; border-color: #8c8f9a #78828b #6e6e6e; @include linear-gradient(top, #a9b5c4, #848d9b 90%); @include box-shadow(inset 0 1px rgba(white, .15), inset 0 0 1px 1px rgba(white, .15), 0 1px 1px rgba(black, .1)); &:first-child { border-radius: 3px 0 0 3px; } &:last-child { border-radius: 0 3px 3px 0; } &:only-child { border-radius: 3px; } & + & { position: relative; margin-left: -1px; } &:active { background: #848d9b; border-color: #6e6e6e #78828b #78828b; @include box-shadow(inset 0 1px 2px rgba(black, .1), 0 1px rgba(white, .3)); } } .button-blue { background: #6990d1; border-color: #687ebb #5f74a6 #4e6198; @include linear-gradient(top, #8eb7e0, #5f85cc 90%); &:active { background: #5f85cc; border-color: #4e6198 #5f74a6 #5f74a6; } }
/* This script and many more are available free online at The JavaScript Source!! http://www.javascriptsource.com Created by: Anthony Corbelli | http://www.htmlgoodies.com/ */ // This function returns a collection of elements, an array of 1 is still an array. var cHead = document.getElementsByTagName("head"); // Select the first element (remember, indexed arrays start at 0 not 1). var hHead = cHead[0]; // Takes the Javascript file name and adds it to the document as a script function AddModule(mFileName) { var sTag = document.createElement("script"); // Create a SCRIPT tag sTag.setAttribute("src", mFileName); // Set the SCRIPT src=mFileName sTag.setAttribute("type", "text/javascript"); // set the SCRIPT type="text/javascript" hHead.appendChild(sTag); // Add it to your header section (parsed and run immediately) }

Related: See More


Questions / Comments: