HTML/JS

Items 11 to 20 of 63 total

per page
Page:
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5

Grid  List 

Set Ascending Direction
  1. CIS 273 Lab Assignment 7 Form Page

    CIS 273 Lab Assignment 7 Form Page

    $12.00

    CIS 273 Lab Assignment 7 Form Page


    Deliverables: One (1) Web page and one (1) Cascading Style Sheet (.css)


    Follow the directions below to complete Lab Assignment 7:
    Note: The CGI bin script does not work for us because we do not have a server to run it on.
    Therefore, we will use the code listed here instead of the .js files.


    In order to have the Submit and Cancel buttons clear the fields, put this line in your code:
    After your <head> tag:
    <meta charset="utf-8" />
    And this line after your <body> tag:
    <form id='sampleform' method='post' action='' >
    The above code will help the fields clear without taking you away from the page.


    1. Re-create the Web page with a form, and create a heading that states your name and the purpose of the page. Example: “Mary Smith’s Sample Form Page” states the purpose of the page.
    2. Create an entry field for:
    a. “Name”.
    b. “Street Address”.
    c. “City”.
    d. “State (abbr.)”.
    3. Create the formstxt.css sheet and apply it to the page.
    4. Enter your city and state as the default values for the fields.
    5. Use local tags on the page to override the .ccs and set the size of the font for “Student Information” to 6 pt.
    6. Create the “Submit” and “Cancel” buttons.
    7. Validate that the buttons clear the name and street address when selected.

    Learn More
  2. CIS 273 Lab Assignment 5 Navigation Bars and Repeated Images

    CIS 273 Lab Assignment 5 Navigation Bars and Repeated Images

    Regular Price: $12.00

    Special Price: $10.00

    CIS 273 Lab Assignment 5 Navigation Bars and Repeated Images


    Deliverable: Four (4) Web pages (the home page and three image pages) and four (4) Cascading Style Sheets (.css) (one for each page).


    Follow the directions below to complete Lab Assignment 5:
    1. Create a home page with navigation bar to the three (3) pages with images listed below and a Cascading Style Sheet (.css) for bisque color and Arial text.
    2. Create a "single image" page with a Cascading Style Sheet (.css) for background image, bisque color, and Arial text.
    3. Create a "top line image" page with Cascading Style Sheet (.css) for background image, bisque color, and Arial text.
    4. Create a "left side image" page with a Cascading Style Sheet (.css) for background image, bisque color, and centered Arial text.

    Learn More
  3. CIS 273 Lab Assignment 4 Nested Lists and Cascading Style Sheets with red arial font

    CIS 273 Lab Assignment 4 Nested Lists and Cascading Style Sheets

    $12.00

    CIS 273 Lab Assignment 4 Nested Lists and Cascading Style Sheets


    Deliverable: Three (3) Web pages and two (2) Cascading Style Sheets (.css)

    Follow the directions below to complete Lab Assignment 4:
    1. Re-create the sample Web pages listed below with nested ordered lists and nested unordered lists. (This Web page will be reused for each part below). (As shown in Figure 1.)
    2. Create the Web page from number 1 with silver background color set by a Cascading Style Sheet (.css). (As shown in Figure 2.)
    3. Create the Web page from number 1 with silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). (As shown in Figure 3.)
    4. Re-create the Web page set from number 1 with Silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). Then, using in-page tags to override the CSS, set only the font of the sentence "Here is an Unordered list with several levels of sub-lists" to red, Arial font (different than the rest of the page). (As shown in Figure 4.)

    Learn More
  4. New Perspectives on HTML, XHTML, and Dynamic HTML Chapter 6 Case Problem 2 Civil War Studies

    New Perspectives on HTML, XHTML, and Dynamic HTML Chapter 6 Case Problem 2 Civil War Studies

    Regular Price: $15.00

    Special Price: $12.00

    New Perspectives on HTML, XHTML, and Dynamic HTML Chapter 6 Case Problem 2 Civil War Studies


    Civil War Studies Adanya Lynne, a professor of military history at Ridgeview State College in Bartlett, Tennessee, has been preparing a series of online quizzes for her students. She has created the basicWeb page design and layout, but has come to you for help in designing the quiz form. She envisions a series of multiple choice questions displayed in a collection of option buttons. Students will be able to click answers on the form and then submit their answers to a CGI script running on theWeb server for their scores. Figure 6-61 shows a preview of the page you’ll create for Professor Lynne.


    Complete the following:
    1. Use your text editor to open the cwquiztxt.htm and qformtxt.css files from the tutorial.06\case2 folder included with your Data Files. Enter your name and the date in the comment section of each file. Save the files as cwquiz.htm and qform.css, respectively.
    2. Go to the cwquiz.htm file in your text editor and insert a link to the qform.css style sheet.
    3. Scroll down the file to the rightColumn div element. Professor Lynne has inserted the 10 questions for the online quiz. Enclose the questions in a form element with the id quizForm. Call the CGI script at http://www.ridgeviewcollmil.edu/quiz using the post method.
    4. Go to the first question and enclose the text of the question in a div element with the class name question.
    5. Enclose the set of answers for the first question within a field set.
    6. Place a label element around each possible answer for the first question. Put the first answer in the class answerA, the second answer in the class answerB, the third answer in the class answerC, and the fourth answer in the class answerD.
    7. Within each of the four labels for the answers to the first question, insert an option button directly before the text of the answer. Assign the ids ans1a, ans1b, ans1c, and ans1d to the four option buttons. Assign the field name question1 to each of the four option buttons. Finally, set the values for the four option buttons to a, b, c, and d.
    8. Associate each of the four labels with a different id. Associate the first label with the ans1a field, the second with ans1b, the third with ans1c, and the fourth with ans1d.
    9. Repeat Steps 4 through 8 for the remaining nine questions in the quiz, with the following changes:
    - Change the ids for the four option buttons to the question number. For example, the ids for the second question are: ans2a, ans2b, ans2c, and ans2d.
    - Change the field name of the four option buttons to the number of the question. For example, the field name for the second question is question2, for the third question is question3, and so forth.
    10. After the last question, insert a div element with the id buttons. Within the element, insert a submit button with the value Submit, a command button with the value Answers, and a reset button with the value Reset.
    11. Save your changes to the file.
    12. Go to the qform.css file in your text editor and add the following styles to the style sheet:
    - Float all elements of the question class on the left margin. Set their widths to 200 pixels and right-align the text. Set the clear style to left so that the element is only displayed when the left margin is clear.
    - Display all field sets as block-level elements floated on the left margin. Set the size of the field sets to 400 pixels wide by 50 pixels high. Add a 20-pixel left margin and a 5-pixel bottom margin. Set the position property to relative. Finally, display the tan.jpg file as the background image for the field sets.
    - Use absolute positioning to place all elements of the answerA class at the coordinates (0, 0), place answerB class elements at the coordinates (200, 0), place answerC class elements at (0, 25), and place answerD class elements at (200, 25).
    - Center the contents of the div element with the buttons id. Set the width to 600 pixels and the top/bottom padding to 10 pixels. Set the left/right padding to 0 pixels.
    - For input elements within the buttons div element, set the width to 100 pixels, set the top/bottom margin to 0 pixels, and set the left/right margin to 10 pixels.
    13. Save your changes to the file and open cwquiz.htm in your Web browser. Verify that the layout and design resemble that shown in Figure 6-61.
    14. Submit your completed files to your instructor.

    Learn More
  5. New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 6 Case 1

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 6 Case 1 Sblogger

    Regular Price: $15.00

    Special Price: $12.00

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 6 Case 1


    Sblogger Sports enthusiast Steve Lavent is working on a Web site called Sblogger that will contain articles and commentary on the world of sports. He's asked for your help in designing the page on which users can submit their own comments on the articles that Steve posts to his blog. Your job will be to create a prototype for the commentary form, and to include HTML code and CSS styles to help validate user input. A preview of the Web form you'll create is shown in Figure 6-78.


    Complete the following:
    1. In your text editor, open the sblogtxt.htm and commtxt.css files from the tutorial.06\case1 folder included with your Data Files. Enter your name and the date in the comment section of the file. Save the files as sblogger.htm and comments.css, respectively.
    2. Go to the sblogger.htm file in your text editor and review the contents and structure of the document. Link the file to the comments.css style sheet.
    3. Scroll down to the h2 heading title Post Your Comments, and directly below this heading insert a form element with the action www.sblogger/cgi-bin/subcomments using the post method.
    4. Within the form element, create a field set with the name and id commentFS.
    5. Create a label element with the text Username. Within the label element, insert an input box for the username field. Make the field required and add the title Supply your username.
    6. Create a label element with the text E-mail. Within the label element, insert an input box for the email field. Set the data type to email and make the field required. Add the title Supply a valid e-mail address.
    7. Create a label element with the text Password containing an input box for the password field. Set the data type to password and make the field required. Add the title You must provide your password.
    8. Create a label element with the text Comment (500 character limit), placing the parenthetical text on a new line, and within the label element insert a text area box for the commentBox field. Limit the number of characters that can be typed into the text area box to 500 characters.
    9. Add a submit button with the text Submit Comment.
    10. Save your changes to the file and then go to the comments.css file in your text editor. Create style rules for the styles described in the following steps.
    11. Display the field set with a background color of (245, 245, 255). Set the top and bottom margins to 15 pixels and the left and right margins to auto. Add 5 pixels of padding and set the width of the field set to 90%.
    12. Display labels as blocks floated on the left once the left margin is clear of elements. Set the font size to 0.9 em and the width to 100%. Set the top and bottom margins to 5 pixels.
    13. Display input boxes and text area boxes as blocks floated on the right margin. Set the font size to 0.9 em and the width to 55%. Set the left and right margins to 10 pixels. In addition, set the height of text area boxes to 150 pixels.
    14. Display the submit button as a block once both margins are clear. Do not float the submit button. Set the dimensions of the button to 200 pixels wide by 30 pixels high.Set the top and bottom margins to 5 pixels, and the left and right margins to auto.
    15. When input boxes and text area boxes receive the focus, change the background color to the value (225, 225, 240).
    16. When input boxes receive the focus and are valid, change the background color to (225, 240, 225) and display the background image go.png in the bottom-right corner of the box with no tiling. Resize the background image so that it is contained within the input box.
    17. When input boxes receive the focus and are invalid, change the background color to (240, 225, 225) and display the background image stop.png in the bottom-right corner of the box with no tiling. Resize the background image so that it's contained within the input box.
    18. Close the style sheet file, saving your changes.
    19. Open sblogger.htm in your Web browser and test the form. Verify that you cannot leave the username, email, and password fields blank and still submit the form. Also verify that the form is rejected if an invalid e-mail address is submitted in the email field.
    20. If you have access to the Google Chrome browser, test the Web page in that browser and verify that the title text you entered for the input boxes in Steps 5 through 7 is included in the error box supplied by the browser when those input boxes fail the validation test.
    21. Submit your completed files to your instructor, in either printed or electronic form, as requested.

    Learn More
  6. New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 14 Case 3 Sporting Abstract and Statistical Review

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 14 Case 3 Sporting Abstract and Statistical Review

    Regular Price: $25.00

    Special Price: $20.00

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 14 Case 3 Sporting Abstract and Statistical Review



    Data Files needed for this Case Problem: gradient.png, modernizr-1.5.js, nfltxt.htm, sasr.css, sasrlogo.png, stats.js, table.css, tabletxt.js

     

    Sporting Abstract and Statistical Review Walter Delacreaux is the owner and operator of Sporting Abstract and Statistical Review, a new blog and forum to report on and analyze data from the world of sports. Walter wants to fill his Web site with useful tables that other people who share his enthusiasm for statistics can review and study. He wants these tables to be as interactive as possible. One feature he wants to add to his tables is the ability to sort them in a different order by clicking a column heading. Figure 14-70 shows a preview of the Web page you'll create for Walter.
    Walter has stored statistics about quarterbacks, running backs, wide receivers, kick returners, and punt returners in a set of multidimensional arrays. He also has created design styles for the stats table that he wants to appear on his Web page. Your job will be to write the code that generates the node tree for the Web table, and to provide commands to sort the contents of that table when a user clicks one of the table heading cells. Walter wants the table to be sorted by default in descending order, but users should be able to change the sort direction by clicking the same column heading twice in succession. Walter also has provided buttons to allow users to switch from one category of player to another.
    Complete the following:
    1. Using your text editor, open the nfltxt.htm and tabletxt.js files from the tutorial.14\case3 folder. Enter your name and the date in the comment section of each file, and then save them as nflstats.htm and table.js, respectively.
    2. Take some time to view the contents of the nflstats.htm, table.js, and stats.js files, noting the structure of the HTML document and the global variables and functions in the two JavaScript files.
    3. Return to the nflstats.htm file in your text editor, and then add a link element to connect the file to the table.css style sheet file. Add script elements to connect to the stats.js file followed by the table.js file. Save your changes to the file.
    4. Go to the table.js JavaScript file. Below the comment section, declare the following global variables:
    a. caption, which is used to store the text of the table caption. Set its initial value to the value of the qbStatsCaption variable.
    b. head, which is used to store the array of column headings. Set its initial value to the value of the qbStatsHead variable.
    c. sortIndex, which is used to store the column index of the table column by which the stats table will be sorted. Set its initial value to the value of the qbStatsSort variable.
    d. stats, which is used to store the multidimensional array of player statistics. Set its initial value to the value of the qbStats variable.
    e. sortDown, which is used to indicate whether the table is sorted in descending or ascending order. Set its initial value to true.
    5. Add a command to run the makeStatsTable() function when the page is loaded by the browser.
    6. You’ll create the Web table with separate functions for each part of the table. The first function you’ll create is the createTableCaption() function, which is used to create the structure of the table caption. The function has two parameters, table and caption, which are used for the table element node and the caption text, respectively. Have the function create the element node <caption>caption</caption> where caption is the value of the caption parameter, and then append that element node to the table parameter.
    7. Create the createTableColumns() function. The purpose of this function is to create the structure of the colgroup element. The function has two parameters: table, which represents the table element, and cols, which is an integer containing the number of columns in the column group. Use a for loop to generate the node structure <colgroup> <col /> <col class=”sortColumn” /> <col /> … </colgroup>
    where the number of nested col elements is equal to the value of the cols parameter. Note that Walter wants the column by which the table is sorted to be given the class name sortColumn. Therefore, within your for loop, test each index number to determine whether it equals the sortIndex variable. If it does, add the class attribute to the col element. Append the node structure to the table parameter.
    8. Create the createTableHead() function. The purpose of this function is to write the table header. The function has two parameters: table for the table element and cols for the number of columns in the header. Use a for loop to create the node structure <thead> <tr> <th id=”1sortcolumn”>head[1]</th> <th id=”2sortcolumn”>head[2]</th> … </tr> </thead> where head[1], head[2], etc., are the values from the head array global variable you declared in Step 4. Append the node structure to the table parameter.
    9. Create the createTableFoot() function. The purpose of this function is to write the table footer. The function has two parameters, table and cols, and creates the node structure
    <tfoot> <tr> <th colspan=”cols”> Stats compiled by SASR &copy; 2015. All rights reserved. </th> </tr> </tfoot> where cols is the value of the cols variable. (Hint: You must use the colSpan property to reference the colspan attribute.) Append the node structure to the table parameter.
    10. Create the createTableBody() function. The purpose of this function is to write the rows and columns of the table body. The function has three parameters: table representing the Web table, rows, which contains the integer value of the number of rows in the table body, and cols, which contains the integer value of the number of cells within each table row. Use a nested for loop to generate the node structure <tbody> <tr> <td class=”textCell”>stats[0][0]</td> <td class=”numCell”>stats[0][1]</td> … </tr> <tr> <td class=”numCell”>stats[1][0]</td> … </tr> … </tbody>
    where stats[0][0], stats[0][1], etc., are the values from the stats multidimensional array you declared in Step 4. Note that for each td element, you add a class attribute with the value textCell or numCell based on whether the value displayed in the cell is a number or a text string. Use the isNumeric() function provided in the table.js file to make this determination. Append the node structure to the table parameter.
    11. Create the makeStatsTable() function. The purpose of this function is to sort the statistical values, put the different parts of the table together, and append the table to the Web document. Add the following commands to the function:
    a. Declare a variable named rows equal to the length of the stats array.
    b. Declare a variable named cols equal to the length of the head array.
    c. Use the JavaScript sort method along with the colSort() function to sort the contents of the stats array.
    d. Create a table element named tableElem with the id statsTable.
    e. Call the createTableCaption(), createTableColumns(), createTableHead(), createTableFoot(), and createTableBody() functions using tableElem as the parameter value for the table parameter and caption, rows, and cols as the values for the caption, rows, and cols parameters, respectively, to construct the entire node structure of the Web table.
    f. Declare the statsBox variable, referencing the element in the Web document with the id statsBox.
    g. Replace the first child node of statsBox with the tableElem element node.
    12. Save your changes to the file, and then load nflstats.htm in your Web browser. Verify that the content of the Quarterbacks table is displayed on the page.
    13. Next, you’ll enable users to sort the table by different columns. Return to the table.js file in your text editor. Go to the createTableHead() function. For each th element node generated in your for loop, add an onclick event handler to run the changeDirection() function when clicked.
    14. Create the changeDirection() function. The purpose of this function is to either
    change the sorting direction of the currently selected column, or sort the table by a
    newly selected column. Add the following commands to the function:
    a. Use the parseInt() function to extract the index number from the currently selected column. (Hint: Use the this keyword.)
    b. If the index number is equal to the value of the sortIndex global variable you created in Step 4 (indicating that the user has clicked the current sort column), use the negation operator to change the Boolean value of the global sortDown variable from false to true or from true to false. Otherwise, change the value of the sortIndex variable to the index number of the currently selected column.
    c. Call the makeStatsTable() function to regenerate the statistics table.
    15. Save your changes to the file, and then reload nflstats.htm in your Web browser. Verify that you can change the sorting column by clicking each column heading, and that you can toggle the sorting direction by clicking each column heading in succession.
    16. Next, you’ll enable users to select different statistics tables to view in the Web page. Return to the table.js file in your text editor. Create the changeTable() function with a single parameter: statsCategory. The statsCategory parameter will contain a text string indicating the statistics table to view. Add the following commands to the function:
    a. Use the eval() function to change the values of the global variables caption, head, sortIndex, and stats to the value of the statsCategoryCaption, statsCategoryHead, statsCategorySort, and statsCategory variables, respectively, where statsCategory is the value of the statsCategory parameter.
    b. Change the value of the sortDown global variable to true.
    c. Call the makeStatsTable() function to regenerate the statistics table.
    17. Add informative comments to the code in your file and then close the file, saving your changes.
    18. Return to the nflstats.htm file in your text editor. Locate the input elements for the five table buttons, and then add an onclick attribute to each input button to run the command changeTable(stats) where stats is either qbStats, rbStats, wrStats, krStats, or prStats depending on whether the Quarterbacks, Running Backs, Wide Receivers, Kick Returners, or Punt Returners button is clicked.
    19. Save your changes to the file, and then reload nflstats.htm in your Web browser. Verify that you can load different statistics tables by clicking the five statistical category buttons.
    20. Submit your completed files to your instructor, in either printed or electronic form, as requested.
    Learn More
  7. New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 12 Case 2 The VoterWeb

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 12 Case 2 The VoterWeb

    Regular Price: $15.00

    Special Price: $12.00

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 12 Case 2 The VoterWeb


    VoterWeb is an online source for election news and results from national. state, and local races. Faye Summerall is one manager of the Web site development team. Faye wants to add horizontal bar charts to Web pages displaying election results. The length of each bar should correspond to the percentage of votes that a candidate receives in a given race. She has asked you to develop a JavaScript program that automatically writes the bar chat. Figure 12-37 shows a preview of the Web page for a series of Congressional races.


    The horizontal bar charts will be created within table rows. The length of each bar will be determined by the number of blank table cells it contains. For example, to display a horizontal bar representing 45% of the vote, you'll write 45 blank table cells. The color of each bar is determined by the background color of its table cells. To apply the background color, you'll add class attributes to the blank table cells. A style rule in the results. css style sheet will determine the background color for each class of table cells.
    The data for each election has been stored in arrays in an external file named votes.js. The file includes data from five elections for different Congressional seats. The names of the races have been stored in an array named race. The name1 array contains the candidate names for the first race, thename2 array contains the candidate names for the second race, and so on through the name5array. The party affiliations for the candidates in the first race have been stored in theparty1 array, for the second race in the party2 array, and so forth. The votes1 through votes5 arrays store the votes for each candidate in each of the five races.


    Complete the following:
    1. Using your text editor, open electtxt.htm and bartxt.js from the tutorial.12\case2 folder, enter your name and the datein the head section, and then save the files as election.htm and barchart.js, respectively.


    2. Open the votes.js ile from the tutorial.12\case2 folder in your text editor, study the file to become familiar with the different arrays and their contents, and then close the file. Return to theelection.htmfile in your text editor, and then add two script elements to the head section of the file pointing to thebarchart.js and votes.jsfiles. Save your changes to the document.


    3. Go to the barchart.jsfile in your text editor. Insert a function namedtotalvotes(). The purpose of this function is to calculate the sum of all the values within an array. The function has a single parameter, votes, representing one of the five vote arrays (vote1 through vote5). Add the following commands to the function:
    a. Declare a variable named total, setting its initial value to 0.
    b. Create a for loop that loops through each of the items in the votes array, adding that item's value to the total variable.
    c. After the for loop is completed, return the value of the total variable from the function.

    4. Insert another function named calcPercent(). The purpose of this function is to calculate a percentage, rounded to the nearest integer. The function has two parameters: item and sum. Have the function return the value of the item parameter divided by sum, multiplied by 100, and then rounded to the nearest integer. (Hint: Use the Math.round() method to round the calculated percentage.)


    5. Insert a function named createbar(). The purpose of this function is to write the blank table cells that make up each horizontal bar in the election results. The function has two parameters: partytype and percent. The partyType parameter will be used to store the party affiliation of the candidate (D, R, I, G, or L). The percent parameter will be used to store the percentage the candidate received in the election, rounded to the nearest integer. Add the following commands to the function:
    a. Create a switch statement that tests the value of the partyType parameter. If partyType equals D, store the following text string in a variable named bartext: <td class='dem'> </td> If partyType equals R, barText should equal the following: <td class='rep'> </td> If partyType equals I, barText should equal the following: <td class='ind'> </td>
    If partyType equals G, barText should equal the following: <td class='green'> </td> Finally, if partyType equals L, barText should equal the following: <td class='lib'> </td> Be sure to add a break statement after each case statement so browsers do not attempt to test additional cases after finding a match.
    b. Create a for loop in which the counter variable goes from 1 up through the value of the percent parameter in increments of 1. At each iteration, write the value of the barText variable to the Web document.


    6. Insert a function named showresults(). The purpose of this function is to show the results of a particular race. The function has four parameters: race, name, party, and votes. The race parameter will contain the name of the race. The name parameter will contain the array of candidate names. The party parameter will contain the array of party affiliations. Finally, thevotes parameter will contain the array of votes for each candidate in the race. Add the following commands to the function:
    a. Declare a variable named totalv equal to the value returned by the totalVotes() function using votes as the parameter value.
    b. Write the HTML code <h2>race</h2> <table> <tr> <th>Candidate</th> <th class='num'>Votes</th> <th class='num'>%</th> </tr> to the document, where race is the value of the race parameter.


    7. Next, within the showResults() function, add a for loop in which the counter variable starts at 0 and, while the counter is less than the length of the name array, increase the counter in increments of 1. At each iteration of the for loop, run the commands outlined in the following five steps:
    a. Write the HTML code <tr> <td>name (party)</td> <td class='num'>votes</td> where name, party, and votes are the entries in the name, party, and votes arrays, respectively, for the index indicated by the counter variable.
    b. Create a variable named percent equal to the value returned by the calcPercent() function. Use the current value from the votes array for the value of the item parameter, and use the value from totalV for the value of the sum parameter.
    c. Write the HTML code <td class='num'>(percent%)</td> where percent is the value of the percent variable.
    d. Call the createBar() function using the current value of the party array and percent as the parameter values.
    e. Write a closing </tr> tag to the document.


    8. After the for loop has completed within the showResults() function, write a closing </table> tag to the document.


    9. Write comments throughout your code to document your work.


    10. Save your changes to the file, and then return to theelection.htmfile in your text editor. Scroll down the document. After the Congressional Races h1 heading, insert a script element containing the following commands:
    a. Call the showresults() function using race[0], name1, party1, and votes1 as the parameter values.
    b. Repeat the previous command for the remaining four races, using race[1] through race[4] as the parameter values for the race parameter, party2 through party5 for the party parameter, name2 through name5 for the name parameter, and votes2 through votes5 for the votes parameter.


    11. Save your changes to the file, and then openelection.htm in your Web browser. Verify that the correct percentage appears for each candidate, and that a horizontal bar chart representing the percent value is displayed next to each candidate.


    12. Submit your completed Web site to your instructor, in either printed or electronic form, as requested.

    Learn More
  8. CIS363A Week 3 iLab 3 Create a Web Page Using CSS

    CIS363A Week 3 iLab 3 Create a Web Page Using CSS

    Regular Price: $20.00

    Special Price: $15.00

    CIS363A Week 3 iLab 3 Create a Web Page Using CSS


    A local recruiter wants you to make a Web page for his information technology staffing company. He wants a Web page that has informed recent graduates about careers as Web programmers and Web designers. Create a Web page that will give information about each of the positions mentioned. The page content should be as followed:
    Descriptions about each of the positions
    Skills and/or education required for these positions
    Salaries, benefits associated with these positions
    Professional organizations of which people who hold these positions are typical members


    This page must have at least five graphical elements. You must implement the following CSS features:
    Box Model
    Floating Elements
    Borders
    Remember that the recruiter wants this page to be well organized, informative, and attractive. Use colors and great graphics to make this Web page interesting so that he can attract more business.


    Software Citation Requirements
    This course uses open-source software which must be cited when used for any student work. Citation requirements are on the Open Source Applications page.
    Please review the installation instruction files to complete your assignment


    Deliverables
    Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions. (See the Syllabus section "Due Dates for Assignments & Exams" for due dates.)
    Submit a Week 3 Lab folder, including
    The HTML Web page
    Associated CSS files
    Images and multimedia (if any)


    Category Points
    Use of Box Model, bordering, and floating elements 15
    Completed Web page based on project specifications 15
    Correct External CSS file that attaches to each page 10
    Total 40


    Required Software
    Software Name 1
    Access the software at https://lab.devry.edu.
    Steps: 1, 2, and 3
    Software Name 2
    Access the software at https://devrydesktop.rkon.com.
    Steps: 4 and 5


    Lab Steps
    STEP 1: Gather Web Content
    Create written Web content about each of the positions.
    Gather all images that you will use.


    STEP 2: Create Your Web Page
    Create an informal page layout for the Web page.
    Create the Web page based on criteria mentioned.


    STEP 3: Submit Your Assignment
    Upon completion of this step, upload your site to the Web server and attach a copy of the zipped folder to the Dropbox.
    Submit your assignment to the Dropbox, located at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions.

    Learn More
  9. IT 270 HTML Form Module 6 Assignment

    IT 270 HTML Form Module 6 Assignment

    Regular Price: $20.00

    Special Price: $15.00

    IT 270 HTML Form Module 6 Assignment


    In this assignment you need to create an HTML page that meets the following requirements. The theme and content of the page can be of your choice. (Refer to Tutorial 13)


    1. Create an HTML form.
    2. Create and Initialize three arrays.
    3. Use for-loops to populate those arrays.
    4. Add an element to the end of one array.
    5. Remove an element from the end of another array.
    6. Add a new element to the beginning of one array.
    7. Add at least one additional array method of your choice.
    8. Convert an array to a string.
    9. Use the converted string, assign to a string variable, and use it to populate a form field.
    10. Create different functions to handle the operations of steps 4, 5, 6, and 7. (You can create additional array methods.)
    11. Create four or more buttons on the form with different event handlers to start the above functions upon clicking them.
    12. Create an additional button with an event handler to complete the operation in step 10.
    For additional details, refer to the IT 270 Assignments Rubric document in the Assignment Guidelines and Rubrics section of the course.



    Critical Elements Exemplary Proficient Needs Improvement Not Evident Value
    Design
    The design is clean and professional looking and has a high level of creativity.
    (27-30) Most of the design is clean and professional looking and has a moderate level of creativity.
    (24-26) The design is adequate but shows little creativity.
    (21-23) The design is poor and shows no creativity.
    (0-20) 30
    Integration and Application All relevant course and module concepts are correctly applied where required.
    (54-60) Most of the relevant course and module concepts are correctly applied where required.
    (48-53) Some of the relevant course and module concepts are correctly applied where required.
    (44-47) Does not correctly apply any of the course or module concepts where required.
    (0-43) 60
    Writing Mechanics No errors related to organization, grammar and style, and citations
    (9-10) Minor errors related to organization, grammar and style, and citations
    (8) Some errors related to organization, grammar and style, and citations
    (7) Major errors related to organization, grammar and style, and citations


    (0-6) 10
    Earned Total
    Comments: 100%

    Learn More
  10. IT 270 HTML5 Multimedia Assignmemt

    IT 270 HTML5 Multimedia Assignment

    Regular Price: $20.00

    Special Price: $15.00

    IT 270 HTML5 Multimedia Assignment


    Create an HTML webpage that meets the following requirements. The theme and content of the page can be of your choice.
    Use and integrate at least two different audio formats (sound clips).
    Use and integrate at least two different video formats (YouTube videos, Flash players, etc).
    Embed at least one Java applet.
    Use CSS3 to display and rotate an object on your page.

    Learn More

Items 11 to 20 of 63 total

per page
Page:
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5

Grid  List 

Set Ascending Direction