JavaScript Tutorial / PDF

JavaScript Tutorial / PDF

Sample of the PDF document 

INTRODUCTION

The  purpose  of  the  application,  which  will  determine  its design, is to:

•  display the parameters  of a specific SAS macro, as well as the information about the macro and about its
parameters,
•  allow  users  to  enter  the  values  for  the  macro parameters,
•  perform a validation of user input,
•  construct a valid macro call.

Since we want  to gather user  input, we  are  going  to  use FORM  FIELDS.  This  approach will  let  us  provide  some default values for macro parameters or restrict the  values to  a  finite  set  of  specific  choices.  User  input  can  be processed and validated on a client by JavaScript.

We also want to display information about the macro and about  its  parameters.  Thus,  we  need  to  separate  the display  area  into  information area and data  input  area The  easiest  way  to  do  so  is  to  use  a  FRAMESET containing  a  Top  Frame  (information  window)  and  a Bottom Frame (parameter setting window). It  is  logical  to  display  the  information  about  the macro  at the  start  of  the  application,  and  the  information  about  an individual  parameter  at  the  time  the  user  is  working  with this  parameter  –  i.e.,  when  the  cursor  is  inside  the parameter’s field.

This  roughly  defines  a  draft  of  the  application  structure. Next  we  will  take  care  of  the implementation  details.
Figure 1 presents a snapshot of the application window.


FRAMESET

The  application  consists  of  three  HTML  documents: parent frameset, top frame, and bottom frame.
Let  us  start  with  the  parent  document.  It  defines  a frameset  with  two  frames,  named  “topframe”  and “bottomframe”. By  naming  the  frames, we will  be  able  to refer  to  them  from  within  our  JavaScript  code.  The frameset  reserves  25%  of  the  display  area  for  the  top frame  and  suppresses  the  borders,  so  the  displayed document does  not  look  fragmented. We  also  define  the source documents for the frames.

framespacing="0" border="0"
frameborder="0">
src="dohtml_top.htm">
src="dohtml_form.htm"
scrolling="auto">
</p> <p> This page uses frames but your browser</p> <p> does not support them</p> <p>



The  first  three  lines  of  the JavaScript code maximize  the size of the window before it is displayed. This code works only in Netscape Communicator.

The &#8230; tag is ignored  by  browsers  which  understand  frames.  Older
browser, which can not deal  with  frames, will  display  the message specified between these tags, so the users can understand why the application is not working.

TOP FRAME

The document displayed in a top frame is very simple:


Macro target="_parent"> %dohtml:
The macro to produce interactive
graphs for web display (continue
description…)


..............

JavaScript Tutorial / PDF