ajax 호출에서 반환 된 정보를 툴팁에 표시하는 방법

Question

데이터베이스에서 필요한 정보를 반환하는 JSP 파일을 만들었습니다. 또한이 jsp 파일을 호출하여 정보를 검색하는 코드를 작성했습니다. 그러나이 정보를 툴팁에 넣는 방법을 알기 위해 좋은 툴팁 라이브러리가 무료로 제공되지는 않습니다. 친절하게 좋은 javascript에서 툴팁의 무료 라이브러리를 제안합니다 (나는 jquery가 좋지 않다는 것을 알고 있지만, 나는 전체 코드를 배우고 변경할 필요가있다).

문제점 : 다른 도구 모음에서 마우스를 가져 가면이 도구 설명 내용을 표시해야합니다. (listview의 각 옵션은 다른 infrormation을가집니다) 각 옵션에 마우스를 움직일 때 JSP 페이지에 아약스 호출을 보내고 툴팁으로 의도 된 호출을 가져와야합니다.) 이제 자바 스크립트 코드를 사용하여 Ajax 호출을 작성하고 JSP에서 내용을 가져옵니다. 파일의 유일한 문제는 tootip 라이브러리를 사용하는 방법과 listview의 각 옵션에 대해 사용하는 방법입니다. 좋습니다.

Answer 1

qTIP 트릭을 수행합니다. 도서관에가. 필요한 태그에 맞게 구성하십시오. 나머지는 다음과 같이 수행 할 수 :

1. 제목 속성을 수정하는 자바 스크립트 AJAX 응답
2. 사용하세요.

document.getElementById(id).setAttribute('title', 'Ajax response here');

도서관 같은 무언가가 당신을 위해 나머지를 할 것입니다. var qTipTag = "a,label,input";에 대한 라이브러리 검색 내부 및 var qTipTag = "li,a,label,input";로 변경 :

//on mouseover call for an AJAX function and check this 
if(!document.getElemenyById(id).getAttribute){ 
    //the title is not set, use Ajax to retrive it an set it 
    tooltip.init(); //this is crucial for the tooltip to work 
} 

편집 :

는 AJAX의 문제가이 수표를 사용할 수있는 전화를 회피합니다. 이렇게하면 원하는 태그에 대한 툴팁 엔진이 시작됩니다.

여기에서 볼 수 있습니다. http://jsfiddle.net/DarkThrone/gu6T2/5/