Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #31194

Re: HTML/Javascript Data Interfaces

Show all headers | View raw

MikeCopeland <mrc2323@cox.net> writes:

>    I have inherited a Web application that's comprised of a set of 10 
> HTML/Javascript apps and a "main" page that links to the 10 HTML code 
> pages.  Each of the 10 pages has a corresponding Javascript code page 
> that has 2 functions.  I'd like to combine and compact all this code 
> into fewer source files (for maintenence), as well as reduce redundant 
> code.
>    My thought is to have a single Javascript file (all processing is 
> identical, but the data array is different for each).  In order to do so 
> I must declare the array values in the calling HTML (I'm unsure how to 
> do this) and call the single Javascript cocde with an additional 
> argument (I have no idea how to do this).  In the code below, the data 
> array called "Distances" is the app-specific code that I intend to move 
> to the HTML code (not know how to declare it, though), and the call from 
> there is:
>
>   <input type="button" value="Compute Distance" 
>        onClick="Process1(document.Start.Start_Point,  
> document.End.End_Point, this.form, SOMETHING)">

<snip>
> function Process1(S,E, form1)
> {
>     Distances = new Array(0.57, 0.45, 0.62, 0.79, 0.52, 1.14, 0.36, 
> 0.24,
>                      0.55, 1.07, 1.12, 0.98, 1.00, 1.09, 0.71, 0.45,
>                      1.33, 1.14, 1.02, 1.14);

There are so many ways to do this it's hard to know what the best method
is.  Are the 10 HTML pages generated from some master data?

I think you already have the gist of one reasonable approach.  You'd
change the function to

 function Process1(S,E, form1, Distances)

and write the array into the call in the HTML file:

  <input type="button" value="Compute Distance"
         onClick="Process1(document.Start.Start_Point,
                           document.End.End_Point,
                           this.form,
                           new Array(0.57, 0.45, 0.62, 0.79, 0.52, 1.14,
                                     0.36, 0.24, 0.55, 1.07, 1.12, 0.98,
                                     1.00, 1.09, 0.71, 0.45, 1.33, 1.14,
                                     1.02, 1.14)
                           )">

You can write [0.57, 0.45, ...] instead of new Array(0.57, 0.45, ...) if
you prefer.

<snip>
-- 
Ben.

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

HTML/Javascript Data Interfaces MikeCopeland <mrc2323@cox.net> - 2016-08-28 12:47 -0700
  Re: HTML/Javascript Data Interfaces Ben Bacarisse <ben.usenet@bsb.me.uk> - 2016-08-28 21:12 +0100
    Re: HTML/Javascript Data Interfaces MikeCopeland <mrc2323@cox.net> - 2016-08-28 15:00 -0700
  Re: HTML/Javascript Data Interfaces Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2016-08-30 12:45 +0200
    Re: HTML/Javascript Data Interfaces John Harris <niam@jghnorth.org.uk.invalid> - 2016-08-30 19:33 +0100

csiph-web