1. (50 points) An HTML page is designed to draw the flags of the three Scandinavian countries. The initial page is shown below at the left side. When the page is loaded there is: a form named flagform; a select box named csel, with three options: Denmark; Finland; and Sweden; and a button labelled "GO". The "Finland" option is initial selected. All three flags are formed with two colors: a background color and foreground color that creates a vertical and horizontal cross. The user (1) chooses a Country; and (2) clicks the "GO" button. This event cause a sub named three_flags to be executed.

1. Pick a    Country Denmark Finland Sweden 2. Click           a demo.      See caution      below

3 2 4 All three country flags have specific ratios of height to width and specify the placement of the centered cross. A sample is shown to the left. Here the ratios are demonstrated for a 3:2:4 horizontal ration and a 3:2:3 vertical ratio. The resulting example flag is 9 units wide (3+2+4=9) and 8 units tall (3+2+3=8). The cross is 2 units wide (fourth and fifth columns AND four and fifth rows). For the three flags in this problem the ratios are: Country Horizontal Ratio Vertical Ratio Background Color Foreground Color (i.e., the cross) Denmark 6 : 2 : 9 6 : 2 : 6 red white Finland 6 : 3 : 10 4 : 3 : 4 white blue Sweden 5 : 2 : 9 4 : 2 : 4 blue yellow The 4 1x1 pixel gif files are: blue1.gif, red1.gif, white1.gif and yellow1.gif.     3     2       3

When the sub three_flags is executed, a new page is created on-the-fly that contains the image of the country's flag chosen in the select box. Assume the following 8 arrays are dimensioned in the sub three_flags: dhr(3),fhr(3),shr(3),dvr(3),fvr(3),svr(3),hr(3),vr(3). The first six arrays are initialized as:
  dhr(0)=6: dhr(1)=2: dhr(2)=9: dvr(0)=6: dvr(1)=2: dvr(2)=6
  fhr(0)=6: fhr(1)=3: fhr(2)=10: fvr(0)=4: fvr(1)=3: fvr(2)=4
  shr(0)=5: shr(1)=2: shr(2)=9: svr(0)=4: svr(1)=2: svr(2)=4
to store the 3 horizontal and 3 vertical ratios (as shown above) for the three countries (Denmark 's are dhr and dvr; Finland's are fhr and fvr; Sweden's are: shr and svr). Once the country is determined, copy the appropriate country's ratios to the arrays hr and vr, respectively. Create the flag using these ratio arrays (hr and vr) and square color blocks obtained by stretching the 1 pixel by 1 pixel images to be 20 pixels by 20 pixels.
For example, the Finnish flag would contain:
  1. four rows each with 6 white 20x20 images, then 3 blue 20x20 images, then 10 white 20x20 images, then
  2. three rows each with 19 (6+3+10) blue (typo -- original said white) 20x20 images, then
  3. four rows each with 6 white 20x20 images, then 3 blue 20x20 images, then 10 white 20x20 images
Set the new page's background color to a shade of gray. Be sure to use the appropriate color for the foreground cross and background for each country. Use NO tables. Using VBScript write ONLY the sub named three_flags. Show NO HTML.

Click "VIEW", then "SOURCE" to see the answer code
CAUTION: Some "popup blockers" will prevent the demo from working. Turn it off to see the 3 flags demo

2. (50 points) A famous secret code by Thomas Jefferson Beale used a unique method to encrypt a secret message. The method involved numbering the words to the U.S.A.'s Declaration of Independence. Then he would take each alphabetic letter in the message to be enciphered and substitute the letter with a number that represented a word in the Declaration that began with that same letter. Below is: a textarea named di that contains the entire Declaration of Independence (each word is separated by a comma); a second textarea named secret that contains a secret message (53 integers separated by commas); and an empty textarea named answer.

Declaration of Independence	Secret Message	Answer
When,in,the,Course,of,human,events,it,becomes,necessary,for,one,people,to,dissolve,the,political,bands,which,have,connected,them,with,another,and,to,assume,among,the,powers,of,the,earth,the,separate,and,equal,station,to,which,the,Laws,of,Nature,and,of,Natures,God,entitle,them,a,decent,respect,to,the,opinions,of,mankind,requires,that,they,should,declare,the,causes,which,impel,them,to,the,separation,We,hold,these,truths,to,be,self,evident,that,all,men,are,created,equal,that,they,are,endowed,by,their,Creator,with,certain,unalienable,Rights,that,among,these,are,Life,Liberty,and,the,pursuit,of,Happiness,That,to,secure,these,rights,Governments,are,instituted,among,Men,deriving,their,just,powers,from,the,consent,of,the,governed,That,whenever,any,Form,of,Government,becomes,destructive,of,these,ends,it,is,the,Right,of,the,People,to,alter,or,to,abolish,it,and,to,institute,new,Government,laying,its,foundation,on,such,principles,and,organizing,its,powers,in,such,form,as,to,them,shall,seem,most,likely,to,effect,their,Safety,and,Happiness,Prudence,indeed,will,dictate,that,Governments,long,established,should,not,be,changed,for,light,and,transient,causes,and,accordingly,all,experience,hath,shewn,that,mankind,are,more,disposed,to,suffer,while,evils,are,sufferable,than,to,right,themselves,by,abolishing,the,forms,to,which,they,are,accustomed,But,when,a,long,train,of,abuses,and,usurpations,pursuing,invariably,the,same,Object,evinces,a,design,to,reduce,them,under,absolute,Despotism,it,is,their,right,it,is,their,duty,to,throw,off,such,Government,and,to,provide,new,Guards,for,their,future,security,Such,has,been,the,patient,sufferance,of,these,Colonies,and,such,is,now,the,necessity,which,constrains,them,to,alter,their,former,Systems,of,Government,The,history,of,the,present,King,of,Great,Britain,is,a,history,of,repeated,injuries,and,usurpations,all,having,in,direct,object,the,establishment,of,an,absolute,Tyranny,over,these,States,To,prove,this,let,Facts,be,submitted,to,a,candid,world,He,has,refused,his,Assent,to,Laws,the,most,wholesome,and,necessary,for,the,public,good,He,has,forbidden,his,Governors,to,pass,Laws,of,immediate,and,pressing,importance,unless,suspended,in,their,operation,till,his,Assent,should,be,obtained,and,when,so,suspended,he,has,utterly,neglected,to,attend,to,them,He,has,refused,to,pass,other,Laws,for,the,accommodation,of,large,districts,of,people,unless,those,people,would,relinquish,the,right,of,Representation,in,the,Legislature,a,right,inestimable,to,them,and,formidable,to,tyrants,only,He,has,called,together,legislative,bodies,at,places,unusual,uncomfortable,and,distant,from,the,depository,of,their,public,Records,for,the,sole,purpose,of,fatiguing,them,into,compliance,with,his,measures,He,has,dissolved,Representative,Houses,repeatedly,for,opposing,with,manly,firmness,his,invasions,on,the,rights,of,the,people,He,has,refused,for,a,long,time,after,such,dissolutions,to,cause,others,to,be,elected,whereby,the,Legislative,powers,incapable,of,Annihilation,have,returned,to,the,People,at,large,for,their,exercise,the,State,remaining,in,the,meantime,exposed,to,all,the,dangers,of,invasion,from,without,and,convulsions,within,He,has,endeavoured,to,prevent,the,population,of,these,States,for,that,purpose,obstructing,the,Laws,for,Naturalization,of,Foreigners,refusing,to,pass,others,to,encourage,their,migrations,hither,and,raising,the,conditions,of,new,Appropriations,of,Lands,He,has,obstructed,the,Administration,of,Justice,by,refusing,his,Assent,to,Laws,for,establishing,Judiciary,powers,He,has,made,Judges,dependent,on,his,Will,alone,for,the,tenure,of,their,offices,and,the,amount,and,payment,of,their,salaries,He,has,erected,a,multitude,of,New,Offices,and,sent,hither,swarms,of,Officers,to,harrass,our,people,and,eat,out,their,substance,He,has,kept,among,us,in,times,of,peace,Standing,Armies,without,the,Consent,of,our,legislatures,He,has,affected,to,render,the,Military,independent,of,and,superior,to,the,Civil,power,He,has,combined,with,others,to,subject,us,to,a,jurisdiction,foreign,to,our,constitution,and,unacknowledged,by,our,laws,giving,his,Assent,to,their,Acts,of,pretended,Legislation,For,Quartering,large,bodies,of,armed,troops,among,us,For,protecting,them,by,a,mock,Trial,from,punishment,for,any,Murders,which,they,should,commit,on,the,habitants,of,these,States,For,cutting,off,our,Trade,with,all,parts,of,the,world,For,imposing,Taxes,on,us,without,our,Consent,For,depriving,us,in,many,cases,of,the,benefits,of,Trial,by,Jury,For,transporting,us,beyond,Seas,to,be,tried,for,pretended,offences,For,abolishing,the,free,System,of,English,Laws,in,a,neighbouring,Province,establishing,therein,an,Arbitrary,government,and,enlarging,its,Boundaries,so,as,to,render,it,at,once,an,example,and,fit,instrument,for,introducing,the,same,absolute,rule,into,these,Colonies,For,taking,away,our,Charters,abolishing,our,most,valuable,Laws,and,altering,fundamentally,the,Forms,of,our,Governments,For,suspending,our,own,Legislatures,and,declaring,themselves,invested,with,power,to,legislate,for,us,in,all,cases,whatsoever,He,has,abdicated,Government,here,by,declaring,us,out,of,his,Protection,and,waging,War,against,us,He,has,plundered,our,seas,ravaged,our,Coasts,burnt,our,towns,and,destroyed,the,lives,of,our,people,He,is,at,this,time,transporting,large,Armies,of,foreign,Mercenaries,to,compleat,the,works,of,death,desolation,and,tyranny,already,begun,with,circumstances,of,Cruelty,and,perfidy,scarcely,paralleled,in,the,most,barbarous,ages,and,totally,unworthy,the,Head,of,a,civilized,nation,He,has,constrained,our,fellow,Citizens,taken,Captive,on,the,high,Seas,to,bear,Arms,against,their,Country,to,become,the,executioners,of,their,friends,and,Brethren,or,to,fall,themselves,by,their,Hands,He,has,excited,domestic,insurrections,amongst,us,and,has,endeavoured,to,bring,on,the,inhabitants,of,our,frontiers,the,merciless,Indian,Savages,whose,known,rule,of,warfare,is,an,undistinguished,destruction,of,all,ages,sexes,and,conditions,In,every,stage,of,these,Oppressions,We,have,Petitioned,for,Redress,in,the,most,humble,terms,Our,repeated,Petitions,have,been,answered,only,by,repeated,injury,A,Prince,whose,character,is,thus,marked,by,every,act,which,may,define,a,Tyrant,is,unfit,to,be,the,ruler,of,a,free,people,Nor,have,We,been,wanting,in,attentions,to,our,Brittish,brethren,We,have,warned,them,from,time,to,time,of,attempts,by,their,legislature,to,extend,an,unwarrantable,jurisdiction,over,us,We,have,reminded,them,of,the,circumstances,of,our,emigration,and,settlement,here,We,have,appealed,to,their,native,justice,and,magnanimity,and,we,have,conjured,them,by,the,ties,of,our,common,kindred,to,disavow,these,usurpations,which,would,inevitably,interrupt,our,connections,and,correspondence,They,too,have,been,deaf,to,the,voice,of,justice,and,of,consanguinity,We,must,therefore,acquiesce,in,the,necessity,which,denounces,our,Separation,and,hold,them,as,we,hold,the,rest,of,mankind,Enemies,in,War,in,Peace,Friends,We,therefore,the,Representatives,of,the,united,States,of,America,in,General,Congress,Assembled,appealing,to,the,Supreme,Judge,of,the,world,for,the,rectitude,of,our,intentions,do,in,the,Name,and,by,Authority,of,the,good,People,of,these,Colonies,solemnly,publish,and,declare,That,these,United,Colonies,are,and,of,Right,ought,to,be,Free,and,Independent,States,that,they,are,Absolved,from,all,Allegiance,to,the,British,Crown,and,that,all,political,connection,between,them,and,the,State,of,Great,Britain,is,and,ought,to,be,totally,dissolved,and,that,as,Free,and,Independent,States,they,have,full,Power,to,levy,War,conclude,Peace,contract,Alliances,establish,Commerce,and,to,do,all,other,Acts,and,Things,which,Independent,States,may,of,right,do,And,for,the,support,of,this,Declaration,with,a,firm,reliance,on,the,protection,of,divine,Providence,we,mutually,pledge,to,each,other,our,Lives,our,Fortunes,and,our,sacred,Honor,	155,148,93,638,1148,1220,686,323,839,2,589,557,676,1204,248,1094,1316,435,1248,599,136,853,1029,947,778,1037,57,931,1252,656,774,1028,1136,1151,1265,496,769,912,135,678,799,1238,721,203,1027,792,711,339,1290,716,737,969,981
Click to see the code work

The textareas are contained in a form named dform. When the "GO" button is clicked: call a function named beale(); create an array named d and store the all words of the Declaration in d (there are 1,322 words). Store the first word in the d array element one -- i.e, the second element. Thus "When" is d[1]; "in" is d[2]; "the" is d[3], etc.); using the numbers in the textarea named secret (53 integers separated by commas) decode the message by using each integer in the secret textarea to locate a word in the d array, then append the FIRST letter of the word to your answer. Place the final decoded message in the textarea named answer. Write the javascript function beale(). Show NO HTML.

Click "VIEW", then "SOURCE" to see the answer code