2012-02-18 6 views
0

저는 처음부터 작성한 Java 응용 프로그램과 함께 MS 워드 문서에서 웹 사이트 (www.ibiblio.org/britishraj)의 모든 페이지를 생성합니다. 500 페이지 분량의 대형 책 35 권, 총 4 백만 단어 이상, 수천 개의 각주 및 수천 개의 이미지가있는 자동화 된 방식으로이 작업을 수행해야합니다.앵커 태그에 onmouseover 속성을 동적으로 추가합니다.

가능한 한 자바 스크립트가 없으면 내 HTML을 유지하면서 팝업 각주 및 팝업 이미지를 추가하고 싶습니다. 모든 각주 태그와 모든 이미지 태그에 onmouseover =를 추가하면됩니다. 테스트 파일에서 작업하고 있습니다.

< a class = "fnr"href = "#"onmouseover = "showfootnote (456, this);"/a >>

팝업을 표시 할 위치를 결정하려면 'this'를 사용해야합니다. 한 장당 100 장, 책 당 20 장, 35 권의 도서가있을 수 있습니다.

그래서 ... onmouseover 속성을 어떻게 동적으로 추가 할 수 있습니까? 페이지를로드하고 태그의 클래스에 따라 추가 속성을 추가 한 후 DOM을 반복하는 몇 가지 방법이 있다고 들었습니다 (clss = "fnr"). 또한 앵커 태그의 innerhtml 인 매개 변수로 숫자를 전달해야합니다 (이 경우 456).

나는 약간의 유사점을 보았지만 정확하게 필요한 것은 아닙니다. 나는 며칠 동안 그걸로 고투하고 성공하지 못했습니다. 내 자바 스크립트 기술이 부족합니다.

도움말/조언을 환영합니다.

.... 이제 JQuery가 쉽게이 작업을 수행 할 수 있다는 사실을 조금 알고 현명합니다. ....

답변

0

예를 들어, id = "myID"의 경우 태그에 ID를 넣으십시오 (쉽게 액세스 할 수 있도록). onmouseover 특성을 추가하려면 다음을 사용하십시오.

document.getElementById("myID").onmouseover=/*your function name*/; 

위의 내용은 DOM1과 호환됩니다. DOM2의 경우 addEventListener 메서드를 사용할 수 있습니다. Google it -_-.

는 지금까지 코드가 구체적으로 간다, 당신은 당신의 ID를 반복하고 위의 코드를 사용하는 경우

document.getElementById("myID").onmouseover=function(){showfootnote(456, document.getElementById("myID"));}; 

이 기능은 늘 변화 할 수 있습니다. :) 희망이 도움이됩니다.

관련 문제