load js external file from javascript

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

mark107

does anyone know how to load the js external file from javascript?

i tried it on google to find the working one but none of them are working.

please help!!!!

Tcobb

Be more specific about what you want. Your request, as is, doesn't make any sense.

mark107

I tried to read the code from my external javascript to another but it won't let me to read it.

I have tried to use this in my javascript:

key.js

function loadjscssfile(filename, filetype)
{
  var fileref=document.createElement('script');
  fileref.setAttribute("type","text/javascript");
  fileref.setAttribute("src", filename);
}

document.onkeydown = function(ev) 
{	
   var key;
   ev = ev || event;
   key = ev.keyCode;
   var image1 = document.getElementById("image1").getElementsByTagName("img")[0];

   if(key == 13)
   {
      if (img1.indexOf('image1_yellow.jpg') != -1)
      {
         if (img5.indexOf('picture1_yellow.jpg') != -1)
         {
            loadjscssfile("test1.js", "js");
         }
      }
   }

test1.js

var teststring="hello! you are reading another javascript file";
alert("teststring);

I can't read the test1.js from the key.js.

any idea?

Tcobb

I'm still unclear as to what you are attempting to do here, but I do have some observations:

function loadjscssfile(filename, filetype)
{
  var fileref=document.createElement('script');
  fileref.setAttribute("type","text/javascript");
  fileref.setAttribute("src", filename);
}

(1) setAttribute doesn't work in IE8 or below.
(2) you are not attaching the script to the document. You can create all
the dynamic elements you want (scripts or otherwise) but unless they are
attached to the document or something in it they will evaporate as soon as the function returns.
(3) Even if you fix #2, you need to provide for the latency period that it will take to download the script after its dynamically inserted.

vwphillips

function loadjscssfile(filename, filetype)
{
  var fileref=document.createElement('script');
  fileref.type="text/javascript";
  fileref.src="filename.js";
  document.getElementsByTagName('HEAD')[0].appendChild(fileref);
}
loadjscssfile('filename')

007Julien

See this page Dynamically loading an external JavaScript or CSS file

mark107

thank you very much for your help guys, it is working now. I have a problem with the function I created. I tried to read them but nothing is going to happens and the alert message box did not display.

key.js

function loadjsfile(filename)
{
    var fileref=document.createElement('script');
    fileref.setAttribute("type","text/javascript")
    fileref.setAttribute("src", filename);
    document.body.appendChild(fileref);
}

document.onkeydown = function(ev)
{   

   var key;
   ev = ev || event;
   key = ev.keyCode;
   var image1 = document.getElementById("image1").getElementsByTagName("img")[0];

   if(key == 13)
   {
      if (img1.indexOf('image1_yellow.jpg') != -1)
      {
         if (img5.indexOf('picture1_yellow.jpg') != -1)
         {
            loadjscssfile("test1.js", "js");
         }
      }
   }

test1.js

function myFunction()
{
  alert("hello, this is a test");
}

do you know why and what is wrong?