2010-04-13 7 views
0

나는 테이블에 데이터의 일부 행을 표시하고 각 행 위에 마우스를 놓으면 div 요소 안에 두 개의 버튼이 나열되고 잠시 동안 표시됩니다. 그리고 동적으로 생성되고 표시되는 요소를 클릭하는 버튼을 클릭 할 때 호출해야하는 몇 가지 함수를 연관 시켰습니다.얼마 동안 동적으로 생성 된 요소를 표시하는 방법은 무엇입니까?

그래서 저는 요소를 동적으로 생성하고 스타일을 사용하여 원하는 위치에 배치하는 함수를 작성했습니다. . 그리고 나는이 동적으로 추가 된 요소들을 제거 할 또 다른 함수를 작성했습니다.

행의 mouseover 및 mouseout 이벤트에서이를 호출했습니다. 이제 마우스를 행에서 단추를 클릭하여 이동하면 마우스 출력 기능이 사라집니다.

그럼 어떻게해야합니까?

그리고 이러한 종류의 물건을 만드는 완벽한 방법은 무엇입니까?

+0

에 대해 동적으로 생성 된 요소를

체크 다음 링크를 숨기기위한 자바 스크립트의 setInterval을 기능 (이 버튼 id 또는 행 값을 기반으로하는 다른 것과 같은 인수가있을 것입니다.) 일단 행 밖으로 이동하면 버튼을 숨기고 버튼을 클릭하여 작업을 수행 할 수 있어야합니다. 이것은 정확히 내가 원하는 .. 만약 내가 이것을 수행 할 수있는 방법을 말해 줄 수있다. – Vijay

답변

2

사용의 setTimeout 또는 더 자세히 내가 행을 통해 이동하면, 삭제, 편집으로 두 개의 버튼을 나열 할 http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

+0

시간 제한을 사용할 수 있지만 행을 통해 마우스를 매우 빠르게 움직이는 경향이있는 경우 모든 생성 된 요소가 표시되고 시간 초과 후에만 숨겨집니다 (어색하게 보일 수 있음) – Vijay

관련 문제