473,324 Members | 2,239 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,324 software developers and data experts.

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

236 100+
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
10 1592
pronerd
392 Expert 256MB
The source attribute needs to be a URL or URI. You can not use the local file system path.
Nov 4 '08 #2
happyse27
236 100+
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
16,027 Expert Mod 8TB
Is b) the JavaScript file? It should contain only JavaScript code, not HTML.
Nov 6 '08 #4
happyse27
236 100+
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
16,027 Expert Mod 8TB
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
happyse27
236 100+
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
5,390 Expert Mod 4TB
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
happyse27
236 100+
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
5,390 Expert Mod 4TB
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
5,390 Expert Mod 4TB
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
by: TJ | last post by:
Hello All, I posted a question a few days ago entitled "Select element with no selected options". Over the course of the discussion, RobG wrote: > This is just an example, it is not really...
136
by: Matt Kruse | last post by:
http://www.JavascriptToolbox.com/bestpractices/ I started writing this up as a guide for some people who were looking for general tips on how to do things the 'right way' with Javascript. Their...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.