ansaurus

Question

Answer 1

+1 A:

function loadjscssfile(filename, filetype) {
        if (filetype == "js") { //if filename is a external JavaScript file
            var fileref = document.createElement('script')
            fileref.setAttribute("type", "text/javascript")
            fileref.setAttribute("src", filename)
        }
        else if (filetype == "css") { //if filename is an external CSS file
            var fileref = document.createElement("link")
            fileref.setAttribute("rel", "stylesheet")
            fileref.setAttribute("type", "text/css")
            fileref.setAttribute("href", filename)
        }
        if (typeof fileref != "undefined")
            document.getElementsByTagName("head")[0].appendChild(fileref)
    }

    loadjscssfile("jquery-1.4.2.js", "js") //dynamically load and add this .js file

you jquery code should be placed at the bottom of the page now to wait for jquery library to be attached in the head

XGreen 2010-04-13 10:20:32

Answer 2

A:

Regarding your question whether <div id="test"></div> can be added dynamically at the position of the script:

If you call document.write in your script, then this content is inserted into the document after the script.

E.g.:

<html>
<head></head>
<body>
   <div id="first">
       <div id="second">
           <script type="text/javascript">
               document.write('<h2>test</h2>');
           </script>
      </div>
   </div>
</body>
</html>

results in

<html>
<head></head>
<body>
   <div id="first">
       <div id="second">
           <script type="text/javascript">
               document.write('<h2>test</h2>');
           </script>
           <h2>test</h2>
      </div>
   </div>
</body>
</html>

Felix Kling 2010-04-13 10:24:37

ansaurus

tags:

views:

answers:

Dynamically load Jquery into .js page

related questions