By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
455,362 Members | 1,354 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 455,362 IT Pros & Developers. It's quick & easy.

how to actiavate javascript in html - need to install anything?

100+
P: 236
Hi all,

I have enabled Javascripting in internet explorer 7, and I have been writing script in perl.

The thing I cant do now is to pop up image in small html frame from main html page.... The result of the main html showed blank. Any idea?


Thanks and Best Rgds,
Andrew


a) html script - not sure if the directory perl is correct, put into cgi-bin directory in perl but cant work, so put into d drive...
==============================

Expand|Select|Wrap|Line Numbers
  1.  
  2. <html> 
  3.    <head> 
  4.      <script src="d:testjava-mod.js"> 
  5.      </script>   
  6.  
  7.    </head> 
  8.  
  9.    <body>
  10.    </body>
  11. </html>
  12.  
  13.  

javascript(changed to d drive from perl default script directory still cannot activate script)
========
Expand|Select|Wrap|Line Numbers
  1.  
  2. <HTML>
  3. <HEAD>
  4. <TITLE>Java Popup Window Example with size, title and background colour parameters</TITLE>
  5. <script language="JavaScript1.2" type="text/javascript">
  6. <!-- ;
  7. var newwindow;
  8. var wheight = 0, wwidth = 0;
  9.  
  10. function popitup5(url, title, iwidth, iheight, colour) {
  11. var pwidth, pheight;
  12.  
  13. if ( !newwindow || newwindow.closed ) {
  14. pwidth=iwidth+30;
  15. pheight=iheight+30;
  16. newwindow=window.open('','htmlname','width=' + pwidth +',height=' +pheight + ',resizable=1,top=50,left=10');
  17. wheight=iheight;
  18. wwidth=iwidth;
  19. }
  20.  
  21. if (wheight!=iheight || wwidth!=iwidth ) {
  22. pwidth=iwidth+30;
  23. pheight=iheight+90;
  24. newwindow.resizeTo(pwidth, pheight);
  25. wheight=iheight;
  26. wwidth=iwidth;
  27. }
  28.  
  29. newwindow.document.clear();
  30. newwindow.focus();
  31. newwindow.document.writeln('<html> <head> <title>' + title + '<\/title> <\/head> <body bgcolor= \"' + colour + '\"> <center>');
  32. newwindow.document.writeln('<img src=' + url + ' title=\"' + title + '\" alt=\"' + title + '\" >');
  33. newwindow.document.writeln('<\/center> <\/body> <\/html>');
  34. newwindow.document.close();
  35. newwindow.focus();
  36. }
  37.  
  38. // Routines to tidy up popup windows when page is left
  39. // Call with an onUnload="tidy5()" in body tag
  40.  
  41. function tidy5() {
  42. if (newwindow && !newwindow.closed) { newwindow.close(); }
  43. }
  44.  
  45. // Based on JavaScript provided by Peter Curtis at www.pcurtis.com -->
  46. </script>
  47.  
  48.  
  49. </HEAD> 
  50.  
  51. <BODY onUnload="tidy5()" > 
  52.  
  53. <A HREF="javascript:popitup5('d:0002.jpg','Temple of Heavenly Bliss', 384, 288,'white')"><IMG SRC="d:0002.jpg" WIDTH="160" BORDER="0" HEIGHT="120" HSPACE="10" VSPACE="5" ALT="Temple of Heavenly Bliss" TITLE="Temple of Heavenly Bliss" ALIGN=left></A> 
  54.  
  55. </BODY>
  56. </HTML>
Nov 4 '08 #1
Share this Question
Share on Google+
10 Replies


Expert 100+
P: 392
The source attribute needs to be a URL or URI. You can not use the local file system path.
Nov 4 '08 #2

100+
P: 236
Hi Sir,

Thanks! I have used the URL, still cant work.

Kindly advise, or rather, any sample to refer to ?? Thanks in advance.


Cheers...
Andrew
Nov 5 '08 #3

acoder
Expert Mod 15k+
P: 16,027
Is b) the JavaScript file? It should contain only JavaScript code, not HTML.
Nov 6 '08 #4

100+
P: 236
Hi Sir,

I have managed to activate from internet explorer d:testjava-mod.html. Realised that just need to insert javascript into html(see below item a). And the html page showed a rectange, but the actual picture not shown. I have put the picture 0002.jpg into d drive as well. Not sure why the picture not shown?

But how do I call from a javascript .js file from html item b) syntax below? Got difficulty doing that.
The format of the javascript file that is called from the html page is how?


Thanks and Best Rgds,
Andrew


a) javascript in html
===============
Expand|Select|Wrap|Line Numbers
  1.  
  2.  
  3. <html> 
  4.    <head> 
  5. <TITLE>Java Popup Window Example with size, title and background colour parameters</TITLE>
  6. <script language="JavaScript1.2" type="text/javascript">
  7. <!-- ;
  8. var newwindow;
  9. var wheight = 0, wwidth = 0;
  10.  
  11. function popitup5(url, title, iwidth, iheight, colour) {
  12. var pwidth, pheight;
  13.  
  14. if ( !newwindow || newwindow.closed ) {
  15. pwidth=iwidth+30;
  16. pheight=iheight+30;
  17. newwindow=window.open('','htmlname','width=' + pwidth +',height=' +pheight + ',resizable=1,top=50,left=10');
  18. wheight=iheight;
  19. wwidth=iwidth;
  20. }
  21.  
  22. if (wheight!=iheight || wwidth!=iwidth ) {
  23. pwidth=iwidth+30;
  24. pheight=iheight+90;
  25. newwindow.resizeTo(pwidth, pheight);
  26. wheight=iheight;
  27. wwidth=iwidth;
  28. }
  29.  
  30. newwindow.document.clear();
  31. newwindow.focus();
  32. newwindow.document.writeln('<html> <head> <title>' + title + '<\/title> <\/head> <body bgcolor= \"' + colour + '\"> <center>');
  33. newwindow.document.writeln('<img src=' + url + ' title=\"' + title + '\" alt=\"' + title + '\" >');
  34. newwindow.document.writeln('<\/center> <\/body> <\/html>');
  35. newwindow.document.close();
  36. newwindow.focus();
  37. }
  38.  
  39. // Routines to tidy up popup windows when page is left
  40. // Call with an onUnload="tidy5()" in body tag
  41.  
  42. function tidy5() {
  43. if (newwindow && !newwindow.closed) { newwindow.close(); }
  44. }
  45.  
  46. // Based on JavaScript provided by Peter Curtis at www.pcurtis.com -->
  47. </script>
  48.  
  49.   </head> 
  50.  
  51. <BODY onUnload="tidy5()" > 
  52.  
  53. <A HREF="javascript:popitup5('0002.jpg','Temple of Heavenly Bliss', 384, 288,'white')"><IMG SRC="0002.jpg" WIDTH="160" BORDER="0" HEIGHT="120" HSPACE="10" VSPACE="5" ALT="Temple of Heavenly Bliss" TITLE="Temple of Heavenly Bliss" ALIGN=left></A> 
  54.  
  55.  
  56.  
  57.    </body>
  58. </html>
  59.  
  60.  

b) html to activate javascript
=====================

Expand|Select|Wrap|Line Numbers
  1. <html> 
  2.    <head> 
  3.      <script src="/cgi-bin/testjava-mod.js"> 
  4.      </script>   
  5.    </head> 
  6.  
  7.    <body>
  8.    </body>
  9. </html>
  10.  
  11.  
Nov 6 '08 #5

acoder
Expert Mod 15k+
P: 16,027
In b), what are the contents of testjava-mod.js? Is the relative path correct, i.e. is the JavaScript file in the cgi-bin folder relative to the location of the HTML file?
Nov 6 '08 #6

100+
P: 236
Hi,

How to do that? I just want to know the sample layout of .js when I call from my above html code? Kindly assist. Thanks.


Best Rgds,
Andrew
Nov 8 '08 #7

gits
Expert Mod 5K+
P: 5,389
as you see :: acoder asked you a question ... and typically a question requires an answer and not a question in return :) ... basicly he asked you to check whether the location of your included JS-code is correct? is it? in case it is not then fix that first please ... otherwise just confirm that the location is ok ... for a quick test just write an alert to line1 of your javascript-file and have a look whether it is called or not when the page is loaded.

kind regards
Nov 8 '08 #8

100+
P: 236
Hi Sir,

Yes, the path is correct, but something is missing and I tried many different ways and means including alert and still cant work. Please see below a)html and b)javascript. I activated the js script from default apache directory which is htdocs directory where I placed the javascript if you refer the my html above.


a) html
=====
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<SCRIPT LANGUAGE="JAVASCRIPT" SRC="j_pop5.js"
TYPE="TEXT/JAVASCRIPT">
<!--

//-->
</SCRIPT>
</head>

<body>
</body>
</html>


javascript
=======

Expand|Select|Wrap|Line Numbers
  1. <script language="JavaScript1.2" type="text/javascript">
  2. <!-- ;
  3. alert("Welcome to my world!!!");
  4.  
  5. // Based on JavaScript provided by Peter Curtis at www.pcurtis.com -->
  6. </script>
  7.  
  8.  
Nov 9 '08 #9

gits
Expert Mod 5K+
P: 5,389
the only thing that has to be in the js-file is JavaScript-code ... just leave out those script-tags and the useless html-comments ...

regards
Nov 9 '08 #10

gits
Expert Mod 5K+
P: 5,389
i'm closing this thread to let everything go here in this thread ... since now there are to much threads spread in the forum regarding this issue.

regards
MOD
Nov 9 '08 #11

This discussion thread is closed

Replies have been disabled for this discussion.