Browse Source

fixed conflict

master
alicestrt 4 years ago
parent
commit
ce69065a36
  1. 11008
      static/js/jquery-1.12.4.js
  2. 18706
      static/js/jquery-ui.js
  3. 2
      templates/base.html
  4. 33
      templates/hello.html

11008
static/js/jquery-1.12.4.js

File diff suppressed because it is too large

18706
static/js/jquery-ui.js

File diff suppressed because it is too large

2
templates/base.html

@ -18,5 +18,7 @@
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="../static/js/jquery-1.12.4.js"></script>
<script src="../static/js/jquery-ui.js"></script>
</body> </body>
</html> </html>

33
templates/hello.html

@ -1,21 +1,16 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}Hello{% endblock %} {% block title %}Hello{% endblock %}
{% block body %} {% block body %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div class="row"> <div class="row">
<div class="col-md-9"> <div class="col-md-9">
<div class="map_area">Map area <div class="map_area">Map area
<div class="row"> <div class="row">
<div class="col-md-9"> <div class="col-md-1 col-sm-4">
<div id="show1"><audio controls>
<source src="../static/audio/myths.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio></div>
<svg id="first_circle angela" onclick="scrolldiv()"> <svg id="first_circle" onclick="scrolldiv()">
<circle cx="50" cy="50" r="2rem" stroke="green" stroke-width="4" fill="yellow" /> <circle cx="50" cy="50" r="2rem" stroke="green" stroke-width="4" fill="yellow" />
<a href="#" >Angela<text x="50" y="50" text-anchor="middle">hello </text></a> <text id="angela" x="50" y="50" text-anchor="middle">hello </text>
</svg> </svg>
</div> </div>
<div class="col-md-1 col-sm-4"> <div class="col-md-1 col-sm-4">
@ -29,7 +24,7 @@
</div> </div>
</div> </div>
<div class="col-md-10"> <div class="col-md-9">
<audio controls> <audio controls>
<source src="../static/audio/myths.mp3" type="audio/mpeg"> <source src="../static/audio/myths.mp3" type="audio/mpeg">
Your browser does not support the audio tag. Your browser does not support the audio tag.
@ -41,6 +36,10 @@
<div class="col-md-10"> <div class="col-md-10">
<div class="image_area"> <div class="image_area">
<p>image</p> <p>image</p>
<div id="show1"><audio controls>
<source src="../static/audio/HNI_Soundinstall_3tracks_together1.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio></div>
<img src="../static/images/test_small.jpeg" alt="poem"> <img src="../static/images/test_small.jpeg" alt="poem">
</div> </div>
</div> </div>
@ -81,17 +80,17 @@
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
$("#angela").click(function() {
$("#show1").fadeIn()
console.log("around")
});
function scrolldiv() { function scrolldiv() {
var elem = document.getElementById("ele"); var elem = document.getElementById("ele");
elem.scrollIntoView(); elem.scrollIntoView();
} }
</script> </script>
<script type="text/javascript">
$("#angela").click(function(){
$("#show1").fadeIn()
console.log("around")gi
});
</script>
{% endblock %} {% endblock %}

Loading…
Cancel
Save