툴팁을 제거하십시오

Question

이미지 위로 마우스를 가져 가면 브라우저에 나타나는 기본 툴팁을 비활성화하는 방법이 있습니까? 제목이나 alt 태그를 제거하지 않아도됩니다. 또 다른 옵션은 특정 이미지 유형 (예 : JPG)과 다른 이미지 유형 (예 : PNG)에 대한 특정 텍스트를 표시하도록 툴팁을 만들 수 있습니까?

Answer 1

title 속성은 대부분의 브라우저에서 기본적으로 마우스 오버 텍스트로 사용됩니다. 내가 그들을 제거 볼 수있는 유일한 방법은 제목 특성을 제거하는 것입니다. 자바 스크립트는 이것을 할 수 있습니다. 나는이 작업을 수행하는 순수한 DOM의 방법이 확신 해요,하지만 난 조금 jQuery를 사용하고 있습니다 : 당신이 당신의 페이지에이 충실해야하는 경우

$(function() { // when the document becomes ready for manipulation 
    $("[title]").removeAttr('title'); // removes title from all things that have title 
    // your other options: 
    // all images who's src ends in .jpg  
    $("img[src$=.jpg]").attr('title','JPG Image'); 
    // all images who's src ends in .png 
    $("img[src$=.png]").attr('title','PNG Image'); 
} 

, 나는이 코드를 가지고 site.js 파일을 만드는 제안을 그 안에. 그런 다음 HTML 페이지에로드하도록 지시해야합니다.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"> </script> 
<script type="text/javascript" src="/js/site.js"> </script> 

응답 코멘트 : 어떻게 제로로 툴팁에 나타날 수있는 문자를 제한하는 방법에 대한 그래서 jQuery를위한 포함 건너 뛸 경우 - 당신은 (그리고 이미 jQuery를 가질 수있는 몇 가지 주요 사이트 서식 파일이 있어야합니다 ?

$("[title]").each(function() { 
    var $this = $(this); // shortcut for later 
    var title = $this.attr('title'); // get the title attribute 
    // if the length of our title was 10 characters or more, shorten it and set: 
    if (title.length>10) { 
     $this.attr('title', title.substring(0,10)); 
    } 
});