Accueil Explorer Aide
Connexion
bscheibel
/
ui
Suivre 1
Voter 0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

first javascript

bscheibel il y a 5 ans
Parent
6575d374ea
commit
c1d603e001
2 fichiers modifiés avec 61 ajouts et 31 suppressions
Vue unifiée Afficher les stats Diff
  1. 36 23
      app/templates/show_image.html
  2. 25 8
      app/test.html

+ 36 - 23
app/templates/show_image.html
Voir le fichier 

@@ -13,7 +13,7 @@
 
             <p> <a href="http://localhost:5000/"> Upload another drawing </a> </p>
 
             <p> <a href="http://localhost:5000/"> Upload another drawing </a> </p>
 
         {% if filename %}
 
         {% if filename %}
 
         <div class="images">
 
         <div class="images">
 
-            <img src="{{ url_for('send_file', filename=filename) }}"/>
 
+            <img src="{{ url_for('send_file', filename=filename) }}" id="drawing"/>
 
             <div class="red" ></div>
 
             <div class="red" ></div>
 
         </div>
 
         </div>
 
         {% else %}
 
         {% else %}
 
@@ -67,42 +67,55 @@
 
 
 
 <script>
 
 <script>
 
 
 
+
 
+    let pos = $("#drawing").position();
 
+
 
     $(document).ready(function(){
 
     $(document).ready(function(){
 
 
 
         $("input[type=number]").on("change keyup input", function(){
 
         $("input[type=number]").on("change keyup input", function(){
 
 
 
-            // Print entered value in a div box
 
-            var coords = $(this).attr('data-coords');
 
-            var key = $(this).attr('name'));
 
+
 
+            var key = $(this).attr('name');
 
             $("#result").text($(this).val());
 
             $("#result").text($(this).val());
 
             $("#result").append($(this).attr('name'));
 
             $("#result").append($(this).attr('name'));
 
-            $("#result").append(coords);
 
 
 
         });
 
         });
 
 
 
-         $("input[type=checkbox]").on("change keyup input", function(){
 
+        $("input[type=checkbox]").on("change keyup input", function(){
 
 
 
-            // Print entered value in a div box
 
-            $("#result").text($(this).attr('name'));
 
+           // Print entered value in a div box
 
+           $("#result").text($(this).attr('name'));
 
 
 
         });
 
         });
 
-    });
 
 
 
-   </script>
 
-    <script type="text/javascript">
 
-    var key = "blub";
 
-    $(document).ready(function(key) {
 
-        $.ajax({
 
-            url: "http://127.0.0.1:7379/GET/" + key,
 
-            data: "format=json",
 
-            dataType: "json",
 
-            success: function(data)
 
-            {
 
-                $("#result").text(data.GET);
 
-            }
 
+
 
+
 
+        $("input#measurements").on("hover",function(){
 
+
 
+            // highlight values, does not work so far
 
+
 
+            var number = $(this).attr('name');
 
+            var coords = $(this).attr('data-coords');
 
+            highlight_areas(coords, pos)
 
+
 
         });
 
         });
 
-    });
 
 
 
 
 
-</script>
 
+      function highlight_areas(coords){
 
+
 
+       let x = pos.left;
 
+       let y = pos.top;
 
+       console.log(coords)
 
+
 
+        /*$('#yourdiv').append('<img src="/path/to/your/image.jpg"' + /
 
+        'style="width:auto;height:auto;position:absolute;' + /
 
+        'left:' + x + ';top:'+ y +'" />");*/
 
+
 
+
 
+        };
 
+
 
+     });
 
+
 
+   </script>
 
+
 
 </body>
 
 </body>

+ 25 - 8
app/test.html
Voir le fichier 

@@ -5,14 +5,7 @@
 
     <title>Title</title>
 
     <title>Title</title>
 
 </head>
 
 </head>
 
 <body>
 
 <body>
 
-        $("input#measurements").on("hover",function(){
 
 
 
-            // highlight values, does work so far
 
-
 
-            val number = $(this).attr('name');
 
-            $("#result").append(number));
 
-
 
-        });
 
 
 
 
 
 
 
@@ -27,4 +20,28 @@
 
 
 
         });
 
         });
 
 </body>
 
 </body>
 
-</html>
 
+</html>
 
+
 
+    <script>
 
+    function set_redis(key, value) {
 
+        $.ajax({
 
+            url: "http://127.0.0.1:7379/SET/" + key + "/" + value,
 
+            data: "format=json",
 
+            dataType: "json",
 
+            success: function(data)
 
+            {
 
+                $("#result").text(data.GET);
 
+            }
 
+        });
 
+    }
 
+
 
+    </script>
 
+    <script>
 
+
 
+
 
+
 
+    </script>
 
+
 
+
 
+
 
+