2012-06-06 2 views
-2

내가 뭘 잘못했는지 도와주세요. ---XML 드롭 다운 목록에서 채워진 asp 드롭 다운 목록 툴팁 추가 방법

<asp:DropDownList ID="mCOUNTRY" runat="server" Width="205"  onmouseover="showHideTooltip()"> </asp:DropDownList> 

:

은 내가 광범위한 XML 목록 및 드롭 다운리스트 HTML 형식에서 채워진 ASP를 드롭 다운리스트 그게 전부가 한

<COUNTRY value="blah" title="blah">blah blah</COUNTRY> 

의 형식으로 국가의 XML 목록이 --showHideTooltip() -----

<script language="JavaScript"> 

function showHideTooltip() 
{ 
var obj = document.getElementById("mCOUNTRY"); 
obj.title[obj.selectedIndex].title; 
} 

</SCRIPT> 
</CODE> 
+0

문제, 특히, 당신은 당신의 코드가있는거야? showHideTooltip 함수가 호출 되었습니까? 아마도 디버깅을 시작하기 위해 커서를 올려 놓은 아이템의 selectedIndex 값을 표시하기 위해 경고를 추가 할 수 있습니다. 하지만 아무 요소를 보이거나 숨기고있는 코드에는 아무 것도 없습니다 ... –

+0

onmouseover 옵션에서 showHideTooltip()을 호출 한 후에도 응답이 없으면 표시되는 툴팁이 없습니다. 나는 이유를 이해하지 못한다. – user1282489

+0

당신은 무엇을하려고합니까? 마우스가 드롭 다운 목록의 항목 위에 올려 졌을 때 툴팁을 표시 하시겠습니까? xml에서 목록을 바인딩 할 때 도구 설명 특성을 할당 할 수 있습니까? –

답변

1

아래 당신은 01,231,298에이 게시물을보고하는 것 같아서 839,, 당신은이 SO answer에서 적응할 수있는, 또는 당신이 이런 식으로 뭔가 할 필요가있을 것이다이 SO answer

나는 생각 : 자바 스크립트에 대한이와

<div id="tooltip" style="display:none;">Content will go here</div> 
<asp:DropDownList ID="mCOUNTRY" runat="server" Width="205" 
onmouseover="showTooltip()" onmouseout="hide()"> </asp:DropDownList> 

<script language="JavaScript"> 
function showTooltip() { 
    var obj = document.getElementById("mCOUNTRY"); 
    var title = obj.title[obj.selectedIndex].title; 
    var tooltip = document.getElementById("tooltip"); 
    tooltip.innerHtml = title; 
    tooltip.style.visibility = 'visible'; 
    tooltip.style.left = event.screenX + 'px'; 
    tooltip.style.top = event.screenY + 'px'; 
} 

function hideTooltip(){ 
    document.getElementById("tooltip").style.visibility = 'hidden'; 
} 
</script> 

JQuery와 솔루션 (위에서 언급 한 것처럼 더 우아합니다)