테이블 행 마우스 오버시 제출 버튼 표시

Question

우선, Javascript 및 PHP의 초보자 인 것을 용서해주십시오.

둘째 : 일부 주문 정보가있는 표가 있으며 모든 행의 첫 번째 셀은 해당 행의 정보를 표시 할 두 번째 페이지로 전송하는 제출 버튼으로 구성됩니다.

작은 자바 스크립트 기능을 작성하여 누군가가 마우스를 사용할 때까지 제출 버튼이 숨겨 지도록했습니다. 하지만 내 문제는 버튼에 대한 제출 ID가 첫 번째 버튼에 할당되므로 마우스를 놓지 않고도 첫 번째 제출 버튼 만 표시된다는 것입니다.

표시 기능은 다음과 같다 :

function showButton(id) 
    { 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 
    } 

행은 다음과 같이 정의된다 :

tr onmouseover='showButton("submitButton");' 
        onmouseout='showButton("submitButton");'> 

새로운 행마다 반복하여 생성되는 버튼이다

input type='submit' id='submitButton' value='Submit' 
        style='cursor: pointer; display: none;' /> 

도움이 되었다면 크게 감사하겠습니다. 마우스 오버시 각 행 옆에 올바른 제출 버튼이 나타나기를 원합니다. 이 같은 쉽게 단지 CSS로 수행 할 수 있습니다

Answer 1

:

tr input { display: none; } 
tr:hover input { display: inline; }