You will write an html web page called editItem.html (or editItem.py), which links to an external Javascript file named ActionOnItem.js. The contents of editItem.html (or editItem.py) should include dropdownlist1, dropdownlist2 and a button. First Add items to the dropdown list using HTML code. Secondly, click the button MoveHere. You can add other form elements if you think are needed to complete this program with more relevant information. then you will write a .js file named ActionOnItem.js. In ActionOnItem.js file, you should write a function called moveItem( ) which receive itemName parameter and remove that item from dropdownlist1 and add that item to dropdownlist2. 1 √/* Below line is used for online Google font *,HN M +2 @import3 h2{4 background-color:5 padding: 30px 35px;6 margin: -10px -50px;7text-align:center;8border-radius: 10px 10px 0 0;910111213 border-top: 1px solid #ccc;14 margin-bottom: 40px;1516div.container{17width: 900px;18 height: 610px;19 margin:35px auto;202122div.main{23 width: 300px;24 padding: 10px 50px 25px;25border: 2px solid gray;26 border-radius: 10px;27 font-family: raleway;28 float:left;29 margin-top:50px;303132 width: 100%;33 height: 40px;34padding: 5px;35363738}hr{margin: 10px -50px;border: 0;}url(http://fonts.googlepis.com/css?family=Raleway);}font-family: 'Raleway', sans-serif;}#FEFFED;input[type=text],input[type=password]{margin-bottom: 25px;margin-top: 5px;border: 2px solid #ccc;color: #4f4f4f; 414243444546 font-weight: bold;47}48center{49 font-size: 32px;505152535455565758text-decoration: none;59 border: 1px solid Orgb(0, 143, 255);60background-color: rgb(0, 214, 255);61padding: 3px 20px;62 border-radius: 2px;63 color: black;64}6566 font-size: 16px;67 background: linear-gradient ( |#ffbc00 5%, |#ffdd7f 100%);686970 font-weight: bold;71 cursor: pointer;72 width: 100%;73 border-radius: 5px;74 padding: 10px 0;75outline: none;767778 background: linear-gradient( |#ffdd7f 5%,79label{color:#464646;text-shadow: 0 1px 0font-size: 14px;}.note{color: red;}.valid{color: green;}.back{input[type=button] {border: 1px solid #e5a900;color: #4E4D4B;}#fff;input[type=button]:hover{}#ffbc00 100%);

Answer: Solution: Here, I am attaching the HTML file and JavaScript file to move items from one…

Answered: You will write an html web page called…

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

You will write an html web page called editItem.html (or editItem.py), which links to an external Javascript file named ActionOnItem.js. The contents of editItem.html (or editItem.py) should include dropdownlist1, dropdownlist2 and a button. First Add items to the dropdown list using HTML code. Secondly, click the button MoveHere. You can add other form elements if you think are needed to complete this program with more relevant information. then you will write a .js file named ActionOnItem.js. In ActionOnItem.js file, you should write a function called moveItem( ) which receive itemName parameter and remove that item from dropdownlist1 and add that item to dropdownlist2.

1 √/* Below line is used for online Google font *,
HN M +
2 @import
3 h2{
4 background-color:
5 padding: 30px 35px;
6 margin: -10px -50px;
7
text-align:center;
8
border-radius: 10px 10px 0 0;
9
10
11
12
13 border-top: 1px solid #ccc;
14 margin-bottom: 40px;
15
16
div.container{
17
width: 900px;
18 height: 610px;
19 margin:35px auto;
20
21
22
div.main{
23 width: 300px;
24 padding: 10px 50px 25px;
25
border: 2px solid gray;
26 border-radius: 10px;
27 font-family: raleway;
28 float:left;
29 margin-top:50px;
30
31
32 width: 100%;
33 height: 40px;
34
padding: 5px;
35
36
37
38
}
hr{
margin: 10px -50px;
border: 0;
}
url(http://fonts.googlepis.com/css?family=Raleway);
}
font-family: 'Raleway', sans-serif;
}
#FEFFED;
input[type=text],input[type=password]{
margin-bottom: 25px;
margin-top: 5px;
border: 2px solid #ccc;
color: #4f4f4f;

41
42
43
44
45
46 font-weight: bold;
47
}
48
center{
49 font-size: 32px;
50
51
52
53
54
55
56
57
58
text-decoration: none;
59 border: 1px solid Orgb(0, 143, 255);
60
background-color: rgb(0, 214, 255);
61
padding: 3px 20px;
62 border-radius: 2px;
63 color: black;
64
}
65
66 font-size: 16px;
67 background: linear-gradient ( |#ffbc00 5%, |#ffdd7f 100%);
68
69
70 font-weight: bold;
71 cursor: pointer;
72 width: 100%;
73 border-radius: 5px;
74 padding: 10px 0;
75
outline: none;
76
77
78 background: linear-gradient( |#ffdd7f 5%,
79
label{
color:
#464646;
text-shadow: 0 1px 0
font-size: 14px;
}
.note{
color: red;
}
.valid{
color: green;
}
.back{
input[type=button] {
border: 1px solid #e5a900;
color: #4E4D4B;
}
#fff;
input[type=button]:hover{
}
#ffbc00 100%);

Expert Solution

Step by step

Solved in 2 steps with 10 images

SEE SOLUTION Check out a sample Q&A here

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