Mar 4

omgitskuei · Mar 4, 2021 · fd4c2e7 · fd4c2e7
1 parent 0bc0170
commit fd4c2e7
Show file tree

Hide file tree

Showing 67 changed files with 2,146 additions and 47 deletions.
diff --git a/JavascriptDev/src/main/resources/static/css/images/browsermsg_icon_1.png b/JavascriptDev/src/main/resources/static/css/images/browsermsg_icon_1.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/browsermsg_icon_2.png b/JavascriptDev/src/main/resources/static/css/images/browsermsg_icon_2.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/browsermsg_icon_3.png b/JavascriptDev/src/main/resources/static/css/images/browsermsg_icon_3.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/browsermsg_pc_pic.png b/JavascriptDev/src/main/resources/static/css/images/browsermsg_pc_pic.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/camera_pic.png b/JavascriptDev/src/main/resources/static/css/images/camera_pic.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/card_pic.png b/JavascriptDev/src/main/resources/static/css/images/card_pic.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/down_arrow_select.png b/JavascriptDev/src/main/resources/static/css/images/down_arrow_select.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/flag_04.png b/JavascriptDev/src/main/resources/static/css/images/flag_04.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/flag_05.png b/JavascriptDev/src/main/resources/static/css/images/flag_05.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/flag_cn.png b/JavascriptDev/src/main/resources/static/css/images/flag_cn.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/flag_tw.png b/JavascriptDev/src/main/resources/static/css/images/flag_tw.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/flag_us.png b/JavascriptDev/src/main/resources/static/css/images/flag_us.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_good.png b/JavascriptDev/src/main/resources/static/css/images/icon_good.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_link.png b/JavascriptDev/src/main/resources/static/css/images/icon_link.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_link_hover.png b/JavascriptDev/src/main/resources/static/css/images/icon_link_hover.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_marvel.png b/JavascriptDev/src/main/resources/static/css/images/icon_marvel.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_question.png b/JavascriptDev/src/main/resources/static/css/images/icon_question.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_question_on.png b/JavascriptDev/src/main/resources/static/css/images/icon_question_on.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_1.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_1.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_1_active.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_1_active.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_2.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_2.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_2_active.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_2_active.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_3.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_3.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_3_active.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_3_active.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_4.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_4.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_4_active.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_4_active.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_5.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_5.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_5_active.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_5_active.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_6.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_6.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_schedule_6_active.png b/JavascriptDev/src/main/resources/static/css/images/icon_schedule_6_active.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_speaker.png b/JavascriptDev/src/main/resources/static/css/images/icon_speaker.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_speaker_hover.png b/JavascriptDev/src/main/resources/static/css/images/icon_speaker_hover.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_title_arrow.png b/JavascriptDev/src/main/resources/static/css/images/icon_title_arrow.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/icon_true.png b/JavascriptDev/src/main/resources/static/css/images/icon_true.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/input_checkbox.png b/JavascriptDev/src/main/resources/static/css/images/input_checkbox.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/input_checkbox_checked.png b/JavascriptDev/src/main/resources/static/css/images/input_checkbox_checked.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/input_radio_off.png b/JavascriptDev/src/main/resources/static/css/images/input_radio_off.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/input_radio_on.png b/JavascriptDev/src/main/resources/static/css/images/input_radio_on.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/loading.gif b/JavascriptDev/src/main/resources/static/css/images/loading.gif
diff --git a/JavascriptDev/src/main/resources/static/css/images/logo.png b/JavascriptDev/src/main/resources/static/css/images/logo.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/main_pic.png b/JavascriptDev/src/main/resources/static/css/images/main_pic.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/msg_pic_01.png b/JavascriptDev/src/main/resources/static/css/images/msg_pic_01.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/msg_pic_02.png b/JavascriptDev/src/main/resources/static/css/images/msg_pic_02.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/msg_pic_03.png b/JavascriptDev/src/main/resources/static/css/images/msg_pic_03.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/msg_pic_04.png b/JavascriptDev/src/main/resources/static/css/images/msg_pic_04.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/msg_pic_05.png b/JavascriptDev/src/main/resources/static/css/images/msg_pic_05.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/msg_pic_06.png b/JavascriptDev/src/main/resources/static/css/images/msg_pic_06.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/pic_001.png b/JavascriptDev/src/main/resources/static/css/images/pic_001.png
diff --git a/JavascriptDev/src/main/resources/static/css/images/schedule_line.png b/JavascriptDev/src/main/resources/static/css/images/schedule_line.png
diff --git a/JavascriptDev/src/main/resources/static/js/JavaScriptLab/Lab17/03Mouseoverout.html b/JavascriptDev/src/main/resources/static/js/JavaScriptLab/Lab17/03Mouseoverout.html
@@ -5,19 +5,35 @@
     <title>03Mouseoverout.html</title>
 </head>
 <body>
+    <!-- Star 1, change on mouseover/mouseout -->
     <img id="idimg" src="Images/star.gif" />
-    <script>        
-        document.getElementById("idimg").onmouseover=mouseover;
-        document.getElementById("idimg").onmouseout=mouseout;      
-
+    <script>
+        var star1 = document.getElementById("idimg");
+        star1.onmouseover=mouseover;
+        star1.onmouseout=mouseout;      
         function mouseover() {
             this.src="Images/chngstar.gif";
         }
-
-
         function mouseout() {
             this.src="Images/star.gif";
         }
     </script>
+
+    <hr>
+
+    <!-- Star 2, change on onclick-->
+    <img id="idimg2" src="Images/star.gif" />
+    <script>
+        var clickOnOff = true;
+        document.getElementById("idimg2").onclick=clicked; 
+        function clicked() {
+            clickOnOff = !clickOnOff;
+            if(clickOnOff) {
+                this.src="Images/star.gif";
+            } else {
+                this.src="Images/chngstar.gif";
+            }
+        }
+    </script>
 </body>
 </html>
diff --git a/JavascriptDev/src/main/resources/static/notes/css/bootstrap.css b/JavascriptDev/src/main/resources/static/notes/css/bootstrap.css
@@ -0,0 +1,164 @@
+
+.modal-open {
+  overflow: hidden;
+}
+
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  overflow: hidden;
+  outline: 0;
+}
+
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 0.5rem;
+  pointer-events: none;
+}
+
+.modal.fade .modal-dialog {
+  transition: -webkit-transform 0.3s ease-out;
+  transition: transform 0.3s ease-out;
+  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
+  -webkit-transform: translate(0, -25%);
+  transform: translate(0, -25%);
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+}
+
+.modal.show .modal-dialog {
+  -webkit-transform: translate(0, 0);
+  transform: translate(0, 0);
+}
+
+.modal-dialog-centered {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: calc(100% - (0.5rem * 2));
+}
+
+.modal-content {
+  position: relative;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  width: 100%;
+  pointer-events: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  outline: 0;
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000;
+}
+
+.modal-backdrop.fade {
+  opacity: 0;
+}
+
+.modal-backdrop.show {
+  opacity: 0.5;
+}
+
+.modal-header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 1rem;
+  border-bottom: 1px solid #e9ecef;
+  border-top-left-radius: 0.3rem;
+  border-top-right-radius: 0.3rem;
+}
+
+.modal-header .close {
+  padding: 1rem;
+  margin: -1rem -1rem -1rem auto;
+}
+
+.modal-title {
+  margin-bottom: 0;
+  line-height: 1.5;
+}
+
+.modal-body {
+  position: relative;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 1rem;
+}
+
+.modal-footer {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  padding: 1rem;
+  border-top: 1px solid #e9ecef;
+}
+
+.modal-footer > :not(:first-child) {
+  margin-left: .25rem;
+}
+
+.modal-footer > :not(:last-child) {
+  margin-right: .25rem;
+}
+
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+@media (min-width: 576px) {
+  .modal-dialog {
+    max-width: 500px;
+    margin: 1.75rem auto;
+  }
+  .modal-dialog-centered {
+    min-height: calc(100% - (1.75rem * 2));
+  }
+  .modal-sm {
+    max-width: 300px;
+  }
+}
+
+@media (min-width: 992px) {
+  .modal-lg {
+    max-width: 800px;
+  }
+}