New Perspectives on HTML and CSS
6th Edition
ISBN: 9781111526443
Author: Carey, Patrick
Publisher: Course Technology Ptr
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 12, Problem 4CP4
Program Plan Intro
To save the changes to the gi_qbs.html file and open the file gi_sort.js in the editor.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Web Programming
Lab - 10
Create a web page as shown below:
Enply San
Departa
Gader
De R ant
When click on Add Row button a new row appended to the table
When click on Delete Row button the last row will be deleted. Before deleting the last
row you need to check the number of rows should be greater than 2 than only the last row
will be deleted otherwise it will give an alert message.
Check below pictures
Employee Name
Phone
Department
Select Department OMale OFemale
Gender
Select Department OMale OFemale
Select Department vOMale OFemale
Select Department v OMale OFemale
Add Row
Delete Row
Submit
When clicked Add Row button 3 times
Employee Name
Gender
Department
Select Department ♥
Select Department
Phone
OMale OFemale
OMale OFemale
Add Row
Delete Row
Submit
When clicked Delete Row button 2 times
++ C O CeOPCIONDestepDena
A O senng G Gong OMAN OE
This page says
Empleyee Name
Phone
Thee houl e t oe
Departest
Eeled Depa
Ad Re
Delete RewSubet
When try to delete the last row
Create 3 new users (provide screenshots for each): Name: Thomas Jefferson Username: thomas Password: Monticello Name: Abraham Lincoln Username: abe Password: 4score&7years Name: Benjamin Franklin Username: ben Password: Early2bedEarly2rise b. Create 3 new groups: presidents (members: thomas, abe) continental_congress (members: thomas,ben) us_currency (members: thomas,ben,abe)
Create a simple contact us page using your own design (contact-page.php) for gettingcontact details of potential customers. Customer information needed are names, digital- address, email, telephone number and message. All fields must be validated using JavaScript only.4. Create a simple database with name nuksoftdb, create a table contactstb to store the contact details. Write appropriate php codes to connect to the database and insert records from the contact page into the database table.
Chapter 12 Solutions
New Perspectives on HTML and CSS
Ch. 12.2 - Prob. 1QCCh. 12.2 - Prob. 2QCCh. 12.2 - Prob. 3QCCh. 12.2 - Prob. 4QCCh. 12.2 - Prob. 5QCCh. 12.2 - Prob. 6QCCh. 12.3 - Prob. 1QCCh. 12.3 - Prob. 2QCCh. 12 - Prob. 1RACh. 12 - Prob. 2RA
Ch. 12 - Prob. 3RACh. 12 - Prob. 4RACh. 12 - Prob. 5RACh. 12 - Prob. 6RACh. 12 - Prob. 7RACh. 12 - Prob. 8RACh. 12 - Prob. 9RACh. 12 - Prob. 10RACh. 12 - Prob. 11RACh. 12 - Prob. 12RACh. 12 - Prob. 13RACh. 12 - Prob. 1CP1Ch. 12 - Prob. 2CP2Ch. 12 - Prob. 3CP2Ch. 12 - Prob. 4CP2Ch. 12 - Prob. 5CP2Ch. 12 - Prob. 4CP3Ch. 12 - Prob. 20CP3Ch. 12 - Prob. 3CP4Ch. 12 - Prob. 4CP4Ch. 12 - Prob. 5CP4Ch. 12 - Prob. 6CP4Ch. 12 - Prob. 7CP4Ch. 12 - Prob. 8CP4Ch. 12 - Prob. 9CP4Ch. 12 - Prob. 10CP4Ch. 12 - Prob. 11CP4Ch. 12 - Prob. 12CP4Ch. 12 - Prob. 13CP4Ch. 12 - Prob. 14CP4
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- To add a table column to a table view, use __________. Question 20 options: tableView.add(tableColumn) tableView.getItems().add(tableColumn) tableView.getChildren().add(tableColumn) tableView.getColumns().add(tableColumn)arrow_forwardTable rows are created by using which tag? Group of answer choices <tablerow> <row> <tr> <trow> this is for HTMLarrow_forwardQuestion1: create a: 1. View php page: This page should have an html table that displays the data from (users table) you created in Lab#7. 2. In the View php page you created, add two more columns in the view table, one allows editing of the row and one allows deleting the row.arrow_forward
- HTML Use repl.it to build a web page that contains a table that displays some set of data. For this exam, you may use your previous labs as a starting point, however, you must fork the repl (see instructions in previous lab) so that it does not alter your lab submission. You can choose the topic of the webpage and how you want to portray the table data. You must use the <table> element in HTML for your tabulated data. While you can choose any kind of table you choose, there are a few requirements: You must have at least 5 columns and 5 rows. You must have a header row THE BELOW IS JUST AN EXAMPLE - NOTHING IS REQUIRED EXCEPT THE TABLE If you are having difficulty coming up with an idea or just don’t feel like being creative, below is an example that you may use for your Exam: Create a table of assignments for the semester. You have the following data: Labs Lab 1, Lab 2, Lab 3, etc. Professional Accountability Exercises Reviews Exams Exam I, Exam II, and this exam…arrow_forwardGolden Pulps: Devan Ryan manages the website Golden Pulps, where he shares tips on collecting and fun stories from the “golden age of comic books”—a period of time covering 1938 through the early 1950s. Devan wants to provide online versions of several classic comic books, which are now in the public domain. He’s scanned the images from the golden age comic book, America’s Greatest Comics 001, published in March, 1941 by Fawcett Comics and featuring Captain Marvel. He’s written the code for the HTML file and wants you to help him develop a layout design that will be compatible with mobile and desktop devices. Flex Layout Styles Open the gp_layout.css file and go to the Flex Layout Styles section and insert a style rule to display the page body as a flexbox oriented as rows with wrapping. As always, include the latest -webkit browser extension in all of your flex styles. The page body content has two main elements. The section element with the ID #sheet contains the panels from the…arrow_forwardHere are what to display on your Pokémon's show page: The pokemon's name The image of the pokemon An unordered list of the Pokemon's types (eg. water, poison, etc). The pokemon's stats for HP, ATTACK, and DEFENSE. Routes Your app should use RESTful routes: Index GET /pokemon Show GET /pokemon/:id New GET /pokemon/new Edit GET /pokemon/:id/edit Create POST /pokemon Update PUT /pokemon/:id Destroy DELETE /pokemon/:id This is the module.js file module.exports = [ { id: "001", name: "Bulbasaur", img: "http://img.pokemondb.net/artwork/bulbasaur.jpg", type: [ "Grass", "Poison" ], stats: { hp: "45", attack: "49", defense: "49", spattack: "65", spdefense: "65", speed: "45" }, moves: { level: [{ learnedat: "", name: "tackle", gen: "V" }, { learnedat: "3", name: "growl", gen: "V" }, { learnedat: "7", name: "leech seed", gen: "V" }, {…arrow_forward
- HTML table created by PHP CSS to set background color to "lightblue" PHP: create strings representing numbers in various bases Behavior: The page will look like this. The items are decimal and hexadecimal numbers from 1-20. The items are hexadecimal results of multiplication. Sample output: HW02 - Multiplication Table Matrix 3 4 5 5 5 af 6 1234567 8 9 10 11 12 13 14 15 16 17 18 19 20 Multiply 123456789abcd ef 10 11 12 13 14 1 1 2 3 4 5 6 7 8 9 a b c d e f 10 11 12 13 14 22468 ac e 10 12 14 16 18 la lc le 20 22 24 26 28 3 3 6 9 cf 12 15 18 lb le 21 24 27 2a 2d 30 33|36|39|3c 4 4 8 C 10 14 18 lc 20 24 28 2c 30 34 ||38 ||3c||40||44||48||4c_||50 1419 le 23 28 2d 32 37 3c|41|46|4b|50|55|5a|5f|64 66 c 12 18 le 24 2a 30 36 3c 42 48|4e||54|5a 60 ||66 ||6c 72 78 7 7 e 15 lc 23 2a 31 38 3f 46 4d 54 5b ||62|69|70|77|7e||85 ||8c 8 8 10 18 20 28 30 38 40 48 50 58 60 68 70 78 80 88 90 98 a0 12 lb 24 2d 36 3f 48 51 5a 63 6c 75 7e 87 90 99 a2 ab b4 14 le 28 32 3c 46 50 5a 64 6e 78 82 8c 96 a0 laa b4…arrow_forwardI am trying to add Create button(which will allow users to add a new student in the table) and Edit buttons (Which will allow users to edit the information such as name and id and a score of students) to this HTML code and I am not sure how to do it. I am thinking that I might need to add some sort of an DATABASE so Can someone please help me with that?HERE IS MY HTML CODE: <!DOCTYPE html> <html> <style> table, th, td { border:1px solid black; border-collapse: collapse; } </style> <body> <h2>Student List</h2> <table style="width:100%"> <tr> <th>Student</th> <th>ID</th> <th>Score</th> <th>Edit Link</th> </tr> <tr> <td>Ranchoddas Chanchad</td> <td>1892</td> <td>99</td> <td> Edit button which let user edit the score of students. </td> </tr> </table> </body> </html>arrow_forwardTo span a cell across two rows and three columns, use the attribute: a. span = "2 3" b. span = "3 2" c. rows = "2" cols = "3" d. rowspan = "2" colspan = "3"arrow_forward
- Suppose there is a MySQL database named MyDatabase, the name of database server is DatabaseServer, User Name for the database server Abdullah and Password is “Farooqxy%”. There is one table named tbl_Projects (ProjectSID, ProjectTitle, ProjectSupervisor,CellNo,Email). You are required to design a HTML page to get the value for each of these attributes. Then finally post the data to next page and store the input data to database. Also, confirm Project Title should not be NULL, Email must be correct. Add Screen Shot of Creating database, Database Table and Sample Data. Write complete codearrow_forwardDevelop a simple To-Do List application in React Native. TextInput Text Flexbox ListView Images Buttons Animations View and/or WebView Libraries ActivityIndicator Picker Status bar Alert The To-Do app should consist of most of the above listed elements.arrow_forwardMatch each of the following forms of the axis command to their descriptions. V = axis ---Select-- --Select- cancels the effect of axis equal and axis square turns off all axis labeling, tick marks, and background sets the x and y limits of the plot to the specified values turns on all axis labeling, tick marks, and background returns a 4-element row vector containing the current limits of the plot makes the current axis box square sets the axis increments to be equal on both axes axis ([xmin xmax ymin ymax]) axis equal axis square axis normal axis off axis on -Select--- >arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L