Connecting Tech Pros Worldwide Forums | Help | Site Map
bytes > topic > javascript > answers

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

Familiar Sight
  
Join Date: Sep 2008
Posts: 236
#1: Nov 4 '08
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>



Expert
  
Join Date: Nov 2006
Posts: 392
#2: Nov 4 '08

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

The source attribute needs to be a URL or URI. You can not use the local file system path.
Familiar Sight
  
Join Date: Sep 2008
Posts: 236
#3: Nov 5 '08

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

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
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#4: Nov 6 '08

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

Is b) the JavaScript file? It should contain only JavaScript code, not HTML.
Familiar Sight
  
Join Date: Sep 2008
Posts: 236
#5: Nov 6 '08

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

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.  
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#6: Nov 6 '08

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

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?
Familiar Sight
  
Join Date: Sep 2008
Posts: 236
#7: Nov 8 '08

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

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
gits's Avatar
Moderator
  
Join Date: May 2007
Location: Munich, Germany
Posts: 4,134
#8: Nov 8 '08

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

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
Familiar Sight
  
Join Date: Sep 2008
Posts: 236
#9: Nov 9 '08

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

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.  
gits's Avatar
Moderator
  
Join Date: May 2007
Location: Munich, Germany
Posts: 4,134
#10: Nov 9 '08

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

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
gits's Avatar
Moderator
  
Join Date: May 2007
Location: Munich, Germany
Posts: 4,134
#11: Nov 9 '08

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

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
Closed Thread

« previous question | next question »

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

Forums
Visit our community forums for general discussions and latest on Bytes

Our staff and community areas have moved to bytes.com/forums/

/bytes/about

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 226,414 network members.

dev questions:
algorithms | asp | asp.net | c/c++ | coldfusion | c# | flash | html/css | java | javascript |
mobile dev | .net | perl | php | python | ruby | software dev | vb.net | visual basic | xml
it questions:
access | apache | careers | db2 | iis | macosx | mysql | networking | oracle | postgresql | sql server | unix | windows

About Bytes | Copyright 1995-2009 BYTES. All rights Reserved