|
|
@@ -102,7 +102,6 @@
|
|
|
<div>
|
|
|
<h3 class="fs-subtitle">處理進度</h3>
|
|
|
<div id="myProgress">
|
|
|
-
|
|
|
<div id="myBar">0%</div>
|
|
|
</div>
|
|
|
</fieldset>
|
|
|
@@ -114,42 +113,8 @@
|
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
|
|
|
<script src="script_msg.js"></script>
|
|
|
-
|
|
|
- <style>
|
|
|
- #myProgress {
|
|
|
- width: 100%;
|
|
|
- background-color: #ddd;
|
|
|
- }
|
|
|
-
|
|
|
- #myBar {
|
|
|
- width: 10%;
|
|
|
- height: 30px;
|
|
|
- background-color: #04AA6D;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
- color: white;
|
|
|
- }
|
|
|
- </style>
|
|
|
- <body>
|
|
|
-
|
|
|
- <ul id='messages'>
|
|
|
- </ul>
|
|
|
- <script>
|
|
|
- var ws = new WebSocket('ws://www.choozmo.com:8888/progress');
|
|
|
- ws.onmessage = function(event) {
|
|
|
- console.log(event.data);
|
|
|
- var elem = document.getElementById("myBar");
|
|
|
- elem.style.width = event.data + "%";
|
|
|
- elem.innerHTML = event.data + "%";
|
|
|
- };
|
|
|
- function sendMessage(event) {
|
|
|
- var input = document.getElementById("messageText")
|
|
|
- ws.send(input.value)
|
|
|
- input.value = ''
|
|
|
- event.preventDefault()
|
|
|
- }
|
|
|
- </script>
|
|
|
|
|
|
+ <body>
|
|
|
|
|
|
</div>
|
|
|
|
