2009-11-04 4 views
0

나는 구현하고자하는 바에 대한 아이디어를 찾고 있습니다.asp.net을 마우스로 가리키면

표시 할 문자의 양을 최대 한도로 설정하려는 asp 레이블이 있습니다 (레이블에 삽입되는 총 문자의 글자 수 제한이 아니라 레이블에 표시되는 글자 수에 대한 최대 글자 수). 그런 다음 마우스를 가리키면 어떤 종류의 hoverbox/popup에 레이블에 삽입 된 모든 문자를 표시하고 싶습니다.

문제는 사용자가 소설을 입력하고 내 페이지에서 다른 요소를 밀어내는 것을 원하지 않는다는 것입니다.

감사합니다.

답변

4

코드 숨김을 통해 전체 텍스트와 텍스트 속성이있는 툴팁 속성을 실제 표시된 텍스트로 설정하는 것이 아마도 이것을 처리하는 가장 좋은 방법 일 것입니다.

var item = db.Items.... (select the item to display) 
myItemLabel.Text = item.Name.Substring(0, 10); 
myItemLabel.ToolTip = item.Name; 

더 나은 효과를 얻을 수있는 jQuery를 Tooltip 플러그인 (또는 유사한)와 함께이 결합.

myItemLabel.CssClass = "has-tooltip"; 

마크 업.

<script type="text/javascript" src="scripts/jquery-1.3.2.js"></script> 
<script type="text/javascript" src="scripts/jquery.tooltip.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $('.has-tooltip').tooltip(); 
}); 
</script> 
1

라벨 컨트롤에는 이것을 사용할 수있는 .TooTip 속성이 있습니다.

또는 레이블에 "숨김"(표시 : 없음;) 요소를 표시하려면 자바 스크립트를 작성해야합니다.

+0

.ToolTip - 그리고 그와 함께 갈 수있는 좋은 키워드 : 당신은 검색 할 경우, 당신은 당신이 찾고있는 무엇을 구현 한 사람들의 수를 찾아야한다 "자바 스크립트 툴팁"를 참조하십시오. – Tom

관련 문제