김명주

Add loading gif

...@@ -81,4 +81,9 @@ body ...@@ -81,4 +81,9 @@ body
81 float:left; 81 float:left;
82 left:35%; 82 left:35%;
83 margin:15px 0px 0px 0px; 83 margin:15px 0px 0px 0px;
84 +}
85 +#loading
86 +{
87 + position:relative;
88 + left:-25%;
84 } 89 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -7,11 +7,12 @@ ...@@ -7,11 +7,12 @@
7 <link rel="stylesheet" type="text/css" href="search_home.css" /> 7 <link rel="stylesheet" type="text/css" href="search_home.css" />
8 <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> 8 <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
9 <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 9 <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
10 +
10 </head> 11 </head>
11 <body> 12 <body>
12 <img class="box" id="left" src="metadata/image/wodi.png"> 13 <img class="box" id="left" src="metadata/image/wodi.png">
13 <img class="box2" id="right" src="metadata/image/sdao.png"> 14 <img class="box2" id="right" src="metadata/image/sdao.png">
14 - <div class="search"> 15 + <div class="search" id="a">
15 <input type="text" id="name" placeholder="카트라이더 닉네임 입력" /> 16 <input type="text" id="name" placeholder="카트라이더 닉네임 입력" />
16 <button id="OK"></button> 17 <button id="OK"></button>
17 </div> 18 </div>
...@@ -27,6 +28,11 @@ ...@@ -27,6 +28,11 @@
27 dataType: 'json', 28 dataType: 'json',
28 success: function(data){ 29 success: function(data){
29 if(data=="200"){ 30 if(data=="200"){
31 + const div_target=document.querySelector('#a');
32 + var obj=document.createElement('img');
33 + obj.id="loading";
34 + obj.src='metadata/image/loading.gif';
35 + div_target.append(obj);
30 window.location.href="/search/result"; 36 window.location.href="/search/result";
31 } 37 }
32 else{ 38 else{
......