javascript function is not calling from html file

Question 1

I have one js file and one html file hare is the code of

testjs.js

function DynamicDiv() { 
 alert('enter'); 
 var dynDiv = document.createElement("div");
 dynDiv.id = "divDyna";
 dynDiv.innerHTML = "Created using JavaScript";
 dynDiv.style.height = "20px";
 dynDiv.style.width = "300px"; 
 dynDiv.style.backgroundColor = 'gray';
 document.body.appendChild(dynDiv);
 }

and my html code is below

<html>
<head>
<TITLE>Test Page</TITLE>
<script type="text/javascript" src="testjs.js" language="javascript"></script>
<script type="text/javascript" src="jquery-1.4.2.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
 //"Global" variable accessible to all 
 //$(document).ready(DynamicDiv()); 
</script>
</head>
<body onLoad="DynamicDiv()"> 
 <input id="Button1" type="button" value="Using JS" onclick="" /> 
<div id="Layer1" style="position: absolute; width: 100%; height: 17px; z-index: 1; left: 0px; top: 3px;">
 <div align="right"><a href="http://www.uspto.gov/main/patents.htm">PATENTS</a>&nbsp;&nbsp;&nbsp; </div>
</div>
</body>
</html>

but i am unable to call the function

Question 2

Open you html in browser. Right mause click - View source code, click on testjs.js. If it open, please see in Error Javascript Console.

Question 3

Have you checked if the path to testjs.js is correct? It needs to be relative to the html file for a standalone html page or you need to put in the correct static url if you are serving it with a static server.

Question 4

What is the error you are getting? It works fine for me.

Question 5

jsbin.com/udacan/edit#javascript,html,live Working, do you have both files in same directory ?

Question 6

sorry i am late actually all the files are in the same path

Question 7

well your code is woking well with me, may be the path that you have provided to your testjs.js file might not be accurate but its workin fine with me. try checking the path to your js file

Question 8

all the file are in the same path but code is not working can u please tell me why it is happening

Question 9

run your page then right click ->view source then check if your testjs.js file is loaded or not. check for the error there

Question 10

How can i check if the file is loaded or not if we right click and view source then it will show the following code below

Question 11

<html> <head> <TITLE>Test Page</TITLE> <script type="text/javascript" src="testjs.js" language="javascript"></script> <script type="text/javascript" src="jquery-1.4.2.js" language="javascript"></script> <script type="text/javascript" language="javascript"> //"Global" variable accessible to all //$(document).ready(DynamicDiv()); </script> </head>.....

Question 12

Load the site into chrome or firefox with firebug installed. Click F12 and activate the net tab, hit reload and see the 404 on the JS file

Question 13

Another suggestion, since you load jQuery, load the latest and change the script to use it too

<html>
 <head>
 <TITLE>Test Page</TITLE>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" language="javascript"></script>
 <script type="text/javascript" language="javascript">
 function DynamicDiv() { // to be externalised
 // alert('enter'); 
 $('<div/>', {
 id: 'divDyna',
 width:300,
 height:20,
 css:{border:'1px solid black', 'background-color':'grey'},
 html: 'Created using <i>JavaScript</i>'
 }).appendTo('body')
 } 
 </script>
 <script type="text/javascript" language="javascript"> 
 $(document).ready(function() {
 DynamicDiv(); 
 }); 
 </script>
 </head>
 <body> 
 <input id="Button1" type="button" value="Using JS" onclick="" /> 
 <div id="Layer1" style="position: absolute; width: 100%; height: 17px; z-index: 1; left: 0px; top: 3px;">
 <div align="right"><a href="http://www.uspto.gov/main/patents.htm">PATENTS</a>&nbsp;&nbsp;&nbsp; 
 </div>
 </div>
 </body>
</html>

Question 14

actually its working fine for me if we write the js function in the same html file but it is not working if i place the code in external js file. please help me thanks

Question 15

How to add css class on this div

Question 16

dynDiv.className = "cssClass"

Question 17

I know it works when the js is inline, I just suggest that once you figure out what is wrong, that you switch to jQuery in the code too

Question 18

I tested with external js file.It works fine even on IE6. This kind of problem mostly like" File path is wrong".

Question 19

Your code is working well with me, maybe your internet browser is not compatible or the path that you have provided to your testjs.js file might not be correct. Check the path to your JavaScript file.

Neji 6,8975 gold badges45 silver badges66 bronze badges · Answer 1 · 2012-05-18 09:04:55Z

1

well your code is woking well with me, may be the path that you have provided to your testjs.js file might not be accurate but its workin fine with me. try checking the path to your js file

Share

Improve this answer

answered May 18, 2012 at 9:04

Neji's user avatar

Neji

6,8975 gold badges45 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Dwarika Nath

Dwarika Nath Over a year ago

all the file are in the same path but code is not working can u please tell me why it is happening

2012年05月18日T09:06:35.323Z+00:00

Neji

Neji Over a year ago

run your page then right click ->view source then check if your testjs.js file is loaded or not. check for the error there

2012年05月18日T09:08:19.483Z+00:00

Dwarika Nath

Dwarika Nath Over a year ago

How can i check if the file is loaded or not if we right click and view source then it will show the following code below

2012年05月18日T09:27:06.11Z+00:00

Dwarika Nath

Dwarika Nath Over a year ago

<html> <head> <TITLE>Test Page</TITLE> <script type="text/javascript" src="testjs.js" language="javascript"></script> <script type="text/javascript" src="jquery-1.4.2.js" language="javascript"></script> <script type="text/javascript" language="javascript"> //"Global" variable accessible to all //$(document).ready(DynamicDiv()); </script> </head>.....

2012年05月18日T09:28:55.407Z+00:00

mplungjan

mplungjan Over a year ago

Load the site into chrome or firefox with firebug installed. Click F12 and activate the net tab, hit reload and see the 404 on the JS file

2012年05月18日T11:45:51.88Z+00:00

mplungjan 180k29 gold badges183 silver badges246 bronze badges · Answer 2 · 2012-05-18 09:22:26Z

Another suggestion, since you load jQuery, load the latest and change the script to use it too

<html>
 <head>
 <TITLE>Test Page</TITLE>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" language="javascript"></script>
 <script type="text/javascript" language="javascript">
 function DynamicDiv() { // to be externalised
 // alert('enter'); 
 $('<div/>', {
 id: 'divDyna',
 width:300,
 height:20,
 css:{border:'1px solid black', 'background-color':'grey'},
 html: 'Created using <i>JavaScript</i>'
 }).appendTo('body')
 } 
 </script>
 <script type="text/javascript" language="javascript"> 
 $(document).ready(function() {
 DynamicDiv(); 
 }); 
 </script>
 </head>
 <body> 
 <input id="Button1" type="button" value="Using JS" onclick="" /> 
 <div id="Layer1" style="position: absolute; width: 100%; height: 17px; z-index: 1; left: 0px; top: 3px;">
 <div align="right"><a href="http://www.uspto.gov/main/patents.htm">PATENTS</a>&nbsp;&nbsp;&nbsp; 
 </div>
 </div>
 </body>
</html>

actually its working fine for me if we write the js function in the same html file but it is not working if i place the code in external js file. please help me thanks
I know it works when the js is inline, I just suggest that once you figure out what is wrong, that you switch to jQuery in the code too

meeming 8813 bronze badges · Answer 3 · 2012-05-18 09:48:55Z

0

I tested with external js file.It works fine even on IE6. This kind of problem mostly like" File path is wrong".

Share

Improve this answer

answered May 18, 2012 at 9:48

meeming's user avatar

meeming

8813 bronze badges

Comments

kaushik 9337 silver badges16 bronze badges · Answer 4 · 2013-04-12 03:46:22Z

Your code is working well with me, maybe your internet browser is not compatible or the path that you have provided to your testjs.js file might not be correct. Check the path to your JavaScript file.

CollectivesTM on Stack Overflow

javascript function is not calling from html file

4 Answers 4

5 Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Post as a guest

Hot Network Questions

CollectivesTM on Stack Overflow

4 Answers 4

5 Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Post as a guest

Related