버튼과 텍스트가 원래 위치로 돌아갑니다.

사용자가 검색 상자에 내용을 입력하면 제안 사항이 나타납니다.버튼과 텍스트가 원래 위치로 돌아갑니다.

제안 사항이 나타나면 상대으로 설정하면 버튼과 텍스트가 아래로 밀려납니다.

그러나 사용자가 검색 상자에서 단어를 삭제하고 제안 목록이 사라지면 제안 목록 아래의 버튼과 텍스트가 원래 위치로 다시 이동하지 않았습니다.

제안 목록 아래의 버튼과 텍스트를 사용자가 검색 창에서 단어를 삭제할 때 원래 위치으로 다시 이동 시키려면 어떻게해야합니까?

이 내 현재 코드 : 사전에

<?php 
include 'script_suggestion.php'; 
include 'script_close_suggestion_box.php'; 
?> 
<html> 
    <head> 
     <title> 
      Brandon's Search Engine 
     </title> 
     <style type="text/css"> 
      #suggestion { 
       border: 1px solid black; 
       visibility: hidden; 
       position: relative; 
       background-color: transparent; 
       z-index: 10; 
      } 
      .suggestion a { 
       font-size: 12pt; 
       color: black; 
       text-decoration: none; 
       display: block; 
       width: 648px; 
       height: auto; 
       text-align: left; 
       padding: 10px; 
      } 
      .suggestion a:hover { 
       background-color: #dddddd; 
       width: 644px; 
       padding: 2px; 
      } 
     </style> 
    </head> 
    <body> 
     <form method="GET" action="search.php" name="q"> 
      <table align="center"> 
       <div> 
        <h1><center>Brandon's Search Engine</center></h1> 
       </div> 
       <div align="center"> 
        <input type="text" name="q" id="q" class="q" style="height: 27px; width: 650px; padding: 2px" placeholder="Search Now" 
          onkeyup="getSuggestion(this.value)" autocomplete="off" autoFill="on" onblur="closeBox()"/> 

        <script>document.getElementById('q').focus()</script> 
        <div id="suggestionBox" style="visibility: collapse;"> 
         <div id="suggestion" style="width: 645px; text-align: left; padding: 2px;"> 
         </div> 
        </div> 
       </div> 
       <br /> 
       <div align="center"> 
        <input type="submit" value="Search" name="submit" style="height: auto; width: 60px; padding: 2px" /> 
        <input type="reset" value="Clear" onclick="closeBox()" style="height: auto; width: 50px; padding: 2px" /> 
       </div> 
       <div align="center"> 
        Can't find your site? <br /> Insert <a href="insert.php">here</a>. 
       </div> 
      </table> 
      <input type="hidden" name="page" value="1" /> 
     </form> 
    </body> 
</html>

감사합니다.

당신의 onKeyUp에있는 함수에

출처

2014-01-14 HFial1964

, 당신은 텍스트 값을 확인할 수 있습니다 그리고 당신의 요소의 빈 변화 CSS의 위치가 원래 있었다면 :

내가 도울 수 있도록 노력하겠습니다

function getSuggestion(value){ 
     if(!value.length()){ 
      //change to original place 
     } 
     . 
     . 
     . 
}

출처

2014-01-14 07:00:13 user3161975

당신이 나를를 표시 할 수 있습니다 예? – HFial1964

onkeyup 함수에서 무엇을합니까? IF 버튼은 상대 위치가 있습니다. suggestionBox가 숨겨 졌을 때 원래 위치로 되돌아옵니다. – user3161975

버튼과 텍스트가 원래 위치로 돌아갑니다.

답변

관련 문제