Practice problems. 1 Draw the output for the following code. 2. Draw the output for the following code.

Size: px

Start display at page:

Download "Practice problems. 1 Draw the output for the following code. 2. Draw the output for the following code."

Vernon Terry
5 years ago
Views:

1 Practice problems. 1 Draw the output for the following code. <title>form for Spring Retreat Jacket</title> <h1>company Spring Retreat<br> Jacket Order Form</h1> <h3>please fill in this form and click on Save My Preferences</h3> <form ACTION="Spring.asp" METHOD="POST"> <p>please type your gender</p> <p>( male or female ): <input TYPE="TEXT" NAME="gender" size="20" value = male ></p> <p>please type your preference of size</p> <p>( S M L XL ) : <input TYPE="TEXT" NAME="size" size="20"></p> <p>please type your preference of color</p> <p>( Argent or Azure ): <input TYPE="TEXT" NAME="color" size="20"></p> <p><input TYPE="RESET" VALUE="Start Over on This Page"><input TYPE="SUBMIT" VALUE="Save my Preferences"></p> </form> The user should enter one of the selections that appear in front of the text boxes in parenthesis. Write necessary codes to perform the following functions. a. Write JavaScript code segment to alert if the required text are not entered in the text boxes. All errors should appear on a single alert window. b. Print on an alert window the number of textboxes, checkboxes, radios, buttons, selections and total elements in the form. c. Store the number of textboxes, checkboxes, radios, buttons, selections and total number of elements in the form in a table named FormElements that contains the fields txt, chk, rad, buton, slct and total respectively. 2. Draw the output for the following code. <HTML> <HEAD> <TITLE>Check_03_Form</TITLE></HEAD><BODY> <H3>Check 03 Form</H3> Please Czech the cities you would like to visit <FORM ACTION="Check03Response.asp" METHOD=POST> <INPUT TYPE=CHECKBOX NAME="Cities" VALUE="Prg">Prague<BR> <INPUT TYPE=CHECKBOX NAME="Cities" VALUE="Cb" CHECKED>Cheb<BR> <INPUT TYPE=CHECKBOX NAME="Cities" VALUE="Kno">Kladno<BR> <INPUT TYPE=CHECKBOX NAME="Cities" VALUE="Mlda">Mlada<BR> <INPUT TYPE="SUBMIT"></FORM></BODY> </HTML> a. Answer to all questions as in question 1 above. b. Write what will be displayed on the screen for the following code if the first and third check box is selected. <HTML> <HEAD> <TITLE>Check_03_Response</TITLE></HEAD> <BODY> <H3>Check 03 Response</H3> 1

2 We will schedule your itinerary for:<br> For icitycount=1 to Request.Form("Cities").COUNT Response.Write Request.Form("Cities")(iCityCount) Response.Write " " Next </BODY> </HTML> 3. Write complete code to achieve the following functionalities: a. Screen 1 is displayed on opening a file from a browser (values shown in the text boxes are only default values). b. The user may enter a Product Price and click on the calculate button. A JavaScript function should display, in the relevant text boxes, the Total Tax (fixed 1% of Product Price), and Total Cost of Product (given by Product Price + Total Tax). Then an alert window (message: Thank you.) should appear. c. After the user clicks the OK button on the alert window, the necessary values are submitted to the server. An ASP code on the server generates screen 2. Selecting Modify Price should bring to screen 1. Selecting 1% or 2% should bring up screen 3. The values in screen 3 reflects the values entered in the Product Price text box and the calculated Total Tax (at 1% or 2% as selected) and the Total Cost by adding Product price and Total Tax. 200 Product Price 2 Total Tax 202 Total Cost of Product Calculate Select tax Option: 1% 2% Modify Price Calculate Product price: 200 Total Tax: $4.00 (at 2%) Total Cost : $204 Thank You. Screen 1 screen2 screen3 4.a. Write JavaScript code to display on the screen the number of selections made in your assignment (working with selection for multiple choices). b. Write ASP code to display the value of the second last selected checkbox (e.g. the 2 nd one if 3 checkboxes selected) in your assignment (working with checkboxes). c. Write ASP code to count the number of records in a recordset (working with database connectivity). You need to write the code for opening the recordset object. 5 Write HTML code to display the following form on your screen. The textbox size should be 80. Select * From Customer SQL QUERY Get Details Write ASP code so that it can accept SQL query entered in the text box and displays the output of any query related to the Sqlpractice database. 2

3 6. Write HTML code to display the screen with two images (MSU logo and Wissink Hall image) as below. You can get the images from the CIS homepage. Add JavaScript code so that whenever you click on the Interchange button two images will interchange their positions. 7. Answer to the questions in the box for the following code. <HTML> <HEAD> a. Write a Javascript statement, which will move the content of the first text box <TITLE>Text Object Value</TITLE> to the second text box when the button is activated. <SCRIPT LANGUAGE="JavaScript"> function interchange() {.. </SCRIPT> b. [5 points] Write a JavaScript statement which will select the checkbox. </HEAD> <BODY> <CENTER> <H4>An Interchange Example</H4> <FORM> <INPUT TYPE="text" NAME="tested1" <BR><BR> <INPUT TYPE="text" NAME="tested2" <BR><BR> <INPUT TYPE="radio" NAME="stooges" VALUE="Larry Fine" >Larry <INPUT TYPE="button" NAME="button" VALUE="move" onclick="move()"> </FORM> </CENTER> </BODY></HTML> 3

4 8. It is intended to write code for a client-server application in which the user can make choices from different capital cities and accordingly an itinerary will be confirmed. Sample examples of input and corresponding output is shown below. The HTML and corresponding ASP code for the problem is shown with some missing parameters and values. Fill in the blank for the desired output. HTML CODE <title>check Box</title> <h3>check Boxes</h3> <p>please check the cities you would like to visit </p> <form ACTION="CheckBoxResponse.asp" METHOD="POST"> <p> <input TYPE="CHECKBOX" NAME=" " VALUE=" "> <br> <input TYPE="CHECKBOX" NAME=" " VALUE=" " > <br> <input TYPE="CHECKBOX" NAME=" " VALUE=" "> <br> <input TYPE="CHECKBOX" NAME=" " VALUE=" "> <br> <input TYPE="SUBMIT"></p> </form> 4

5 ASP Code: CheckBoxResponse.asp [4 points] <title>checkbox Response</title> <h3>checkbox Response</h3> <p>we will schedule your itinerary for:<br> <ul> For icitycount=1 to Request.Form("Capcities"). Response. Write Response.Write "<BR>" Next </ul> 9. A database table contains UserId, password and a magic number for each user. To get access to a given application a user must enter correctly the UserId, Password and the magic number matching a database entry. Given are the following screen outputs in order. Page 2 appears after page 1 is submitted, page 3 appears after page 2 is submitted and page 4 appears after page 3 is submitted. The database table entry is matched with the user entries only after the user has entered the magic number on page 3. A message You are denied access or a message Welcome you to our world! is displayed on page 4 depending if a match has not been found or if a match is found. Page 1 Page 2 Enter User ID: Enter Password: Submit Submit Enter Magic No: Page 3 Submit Page 4 You are denied access. OR Welcome you to our world! 5

6 Write code for each page to obtain the above functionality. Note that you will require to pass the relevant entry values to the subsequent pages so that all entered values may be matched with the database table entry for displaying page 4 output. Follow the following instructions while writing your code. OR Use session variables to pass information from page 1 to page 2. Use cookies or hidden text to pass values from page 2 to page 3. Use cookies or hidden text to pass values from page 1 to page 2. Use session variables to pass information from page 2 to page 3. You should write complete code for each page. Major emphasis will be given on the statements correctly passing the entry values. 10. a.given the following HTML code and a related sample output screen. </HEAD> <BODY> Please enter your address and password to login to the system. <FORM ACTION = "CheckLogin.asp" METHOD="POST" > Address: <INPUT TYPE = "Text" NAME = " " SIZE = "40"><BR> Password: <INPUT TYPE = "Password" NAME = "Password" SIZE = "10"><P> <INPUT TYPE = "Checkbox" NAME = "SaveLogin"> Save Login as a Cookie?<P> <INPUT TYPE = "Submit" VALUE = "Login"> <INPUT TYPE = "RESET"> </FORM> </BODY> </HTML> Write statement(s), which may be included in the CheckLogin.asp file, to store the following values in a cookies collection (having multiple values for the same cookie name). Make a choice of your own for any missing names. a. Store the address read from the form if the save login as cookie is checked by the user. b. Store the password read from the form. c. Store the cookies for 30 days. b. Write code to include the address read from the form in 1 above in a hidden text box. 6

7 11. A database table has the following structure and details: Field Name ContactID Name State Zip Data Type Number Text Text Number Name of the database: Customer Name of the Table: Contact ContactID is the key field in the table. Write COMPLETE code pages to display the screen on the right [1 point] and to achieve the following functions when the Process button is pressed. a. The form is submitted if all of the following conditions are satisfied, otherwise relevant error messages are displayed: (use JavaScript) - there is a Contact ID entered in the text box. [1 point] - there is at least one check box checked [2 points]. b. The ContactId along with only the values of the related field names selected by the check boxes are displayed on the next screen. [3 points] Contact Query Enter Contact ID: Name State Zip Process 12. Solve the Mid term problems. 13. Solve the problems in Take Home Quiz 1 to 3 without taking help from your previous solution. 14. Practice simple code to send Practice simple codes to upload/download files. 16. Sample practice with file system objects: - Set the attribute of a file to Readonly and hidden (attribute) - Check if a file was submitted in time (date created) - Rename a file (Name) - Delete a specified file if larger than accepted size (Size, Delete) - Check if a file is of type text (Type) - Copy or Move a file from one folder to a different folder (Copy, Move) - List all the files in a folder (Files) - Rename a folder - Check if a file exist - Print the content of a text file on the screen - Find the lines in an asp code that contains the form tag. Print out the form tag and the line number in which the form tag was found. Sample solution: <title>search Files Examples</title> filename = "test.asp" ' CREATE FILE SYSTEM OBJECT AND TEXT STREAM OBJECT set fso = Server.CreateObject("Scripting.FileSystemObject") set tso = fso.opentextfile(server.mappath(filename), 1, false, 0) 7

8 ' LOOP THROUGH FILE i = 1 while not tso.atendofstream temp = tso.readline if InStr(temp, "<form") > 0 then ' FORMAT LINE FOR DISPLAY tempformat = Replace(temp, "<", "<") tempformat = Replace(tempFormat, ">", ">") ' DISPLAY LINE NUMBER AND LINE OF MATCH response.write("<br><br><br>'" & "form" & "' found in line " & i & "<br><br><b>" & tempformat & "</b>") end if i = i + 1 wend 17. Check if the client requesting service is from within MSU domain or from outside ip = Request.ServerVariables("REMOTE_ADDR") referer = Request.ServerVariables("HTTP_REFERER") if InStr(ip, "134.29") > 0 then response.write("inside MSU") else response.write("outside MSU") end if response.write("<br><br><b>" & ip & "</b>") response.write("<br><br>referring Page: <b>" & referer & "</b>") Note: You may use only self hand written code syntaxes written on both side of two sheets (4 pages). Detail code segments are not allowed. Must have 1 margin at the top of EACH page with names written in large letters. 8

9 Problem and Solutions: forma.html Problem1: A form contains a number of text boxes. On submission <script language="javascript"> the following values should be shown from the server side. function FindVal() a. Values entered in each of the text boxes. { b. Number of text boxes on the form. textval=''; document.forms[0].hidcount.value=document.forms[0].fname.length; for(i=0; i<document.forms[0].fname.length; i++) { textval=textval + "<br>"+ document.forms[0].fname[i].value; document.forms[0].hidfname.value=textval; </script> <form method=post action=forma.asp> <pre> Name: <input type= textbox name=fname size="20"> <input type= textbox name=fname size="20"> TechID: <input type= textbox name=fname size="20"> </pre> <input type=hidden name=hidcount> <input type=hidden name=hidfname> <input type= submit name=submit onclick="findval()"> </form> forma.asp Response.write("Values are : ") Response.write(request.form("hidFname")) Response.write("<br>Count is : ") Response.write(request.form("hidCount")) Page1.html <form action="page2.asp" method="post" name="theform"> <pre> Name: <input type="text" name="name"> <input type="text" name=" "> TechID: <input type="text" name="techid"> </pre> <input type="hidden" name="textboxcount" value=""> <input type="submit"> <script> count = 0; for (i=0; i<document.theform.elements.length; i++) { if (document.theform.elements[i].type == "text") count++; document.theform.textboxcount.value = count </script> </form> One solution using JavaScript and hidden text boxes to pass the text box count to the server side. The text box count is obtained by using length properties when all text box names are same. An alternative solution is to use different text box names. JavaScript properties of elements type is used to identify and count text boxes. The count value is passed to the serverusing hidden text box. Note the use of immediate JavaScript in the body of the html. So no event was necessary. However, you can use events (Onclick or Submit). Try it. Page2.asp Name: = request("name") <br> = request(" ") <br> TechID: = request("techid") <br><br> Text box count: =Request("TextBoxCount") 9

10 Counttextclient.html <script> function check(){ Problem2: A form contains a number of text boxes and radios. On submission the following values should be shown from the server side. a. Values entered in each of the text boxes and value of the selected radio b. Number of text boxes and radios on the form. c. Total number of elements on the form. </script> document.test.countradio.value=document.test.rad.length; document.test.totalelements.value=document.test.elements.length; return true; <form name="test" action="sumittest.asp" method="post" onsubmit="return check();"> <pre> <input type="text" name="text1" size="20"> Tech ID: <Input type="text" name="text1" size="20"> </pre> <input type="radio" name="rad" value="newuser"> New User<br> <input type="radio" name="rad" value="login"> login<br> <input type="submit" name="submit" value="submit"> <input type="hidden" name="countradio"> <input type="hidden" name="totaltext"> <input type="hidden" name="totalelements"> </form> Counttextbox.asp response.write (" " & request("text1")(1) & "<Br>") response.write ("Tech ID: " & request("text1")(2) & "<Br>") response.write ("Total Text Boxes: " & request("text1").count & "<Br>") response.write ("Selected Radio Button: " & request("rad") & "<Br>") response.write ("Count of radio buttons: " & request("countradio") & "<Br>") response.write ("Total Elements: " & request("totalelements") & "<Br>") The solution to get the count and value of text boxes have been used similar to the way of reading check boxes. All text box names are same. TRY OTHER SOLUTIONS AS ABOVE. Problem3 Write COMPLETE code pages so that when the Register button is clicked the location of the text box and the image will interchange, i.e. if the position of the image was on the top of the text box (fig a) then position of the image will shift to below the text box (fig b) and vice versa. [3 points] [note: More credits will be given if function is achieved by only one code page compared to if the function is achieved by two code pages] 10

11 Solution: Finaltest.asp <title>practice</title> <script language = "JavaScript"> function check (){ scr = "<form action='finaltest.asp' method=post name=theform>" scr = scr + "<img src = 'figure7_3.jpg' width=158 height=205> <BR>" scr = scr + "User Id:<input type=text name=userid Value = '... '><br><br>" scr = scr + "<input type='submit' Value='Register'>" scr = scr + "</form>" document.write(scr) </script> <form action="finaltest.asp" method="post" name="theform"> User Id:<input type="text" name="userid" Value = "... "><br><br> <img src = "figure7_3.jpg" width="158" height="205"> <BR> <input type="button" Value="Register" onclick = "check ()"> </form> (solve the above problem using asp) 11

2. Create a directory named TEMP in your C drive. Create a subdirectory in TEMP named after your name.

2. Create a directory named TEMP in your C drive. Create a subdirectory in TEMP named after your name. PRACTICE PROBLEMS Initial Set up 1. Create GROUPLOG database tables in MSACCESS for entry of your group meetings log with the following attributes: GROUPMEMBER (id, lastname, firstname, emailaddress, groupno)