내 프로젝트에서 Zend, PHP, AJAX, JQuery를 사용하고 있습니다. 질문은 내 웹 페이지의 링크를 마우스로 가리키면 브라우저의 상태 표시 줄에 링크를 표시하지 않도록 강제 할 수있는 방법입니다.웹 페이지의 링크를 마우스로 가리키면 브라우저의 상태 표시 줄에있는 링크를 숨기는 방법은 무엇입니까?
최상의 예가이 사이트에 있습니다.이 사이트에서 클릭 연결을 클릭하면 링크가 표시되지 않고 클릭 후 페이지를 새로 고치지 않고 투표 수가 증가했습니다.
감사
스택 오버플로에서는 링크가 아니기 때문에 주소가 표시되지 않습니다 (즉, 앵커가 아닙니다). onclick 이벤트 핸들러가있는 스팬, 이미지 또는 기타 요소입니다.
모든 브라우저에서 window.status = ""를 설정하는 구식 자바 스크립트 방법으로 상태 표시 줄 텍스트를 보장 할 수있는 유일한 방법입니다. 요즘에는 대부분의 브라우저에서 효과가 없습니다.
따라서, 예를 들어 ...
[Html]
<img id="clickme" src="myimage.png" alt="My Image" title="Vote">
[JavaScript (jQuery)]
$("#clickme").click(function() { alert("You clicked me"); });
한 세트 href와 함께 <a> 요소를 사용할 때 상태 표시 줄 강조 만 발생합니다.
순수한 JavaScript를 사용하여 링크를 열고 href 속성을 할당하지 않으면 상태 표시 줄에 아무 것도 나타나지 않습니다.
... 그리고 규칙 2를 위반하게됩니다. http://icant.co.uk/articles/pragmatic-progressive-enhancement/#build – Quentin
사실이지만 시나리오에 따라 OP에게는 문제가되지 않을 수도 있습니다. 나는 규칙을 위반하지 않고 이것을하는 확실한 방법을 보지 못합니다. –
당신은 이미지입니다, 옆에있는 투표까지 링크가 연결되지 않습니다 (소스보기)를 참조 할 수 있습니다. 이 링크를 클릭하면 데이터베이스를 업데이트하는 https://stackoverflow.com/posts/2207467/vote/ 링크에서 ajax 함수 호출이 실행됩니다.
예전 브라우저는 상태 표시 줄에 메시지를 보낼 수있는 window.status = "";과 비슷하게 표시되며, 마찬가지로 일반 메시지를 효과적으로 숨 깁니다.
이 기능은 대부분의 브라우저에서 더 이상 지원되지 않습니다. 더 구체적으로하는 앵커 요소 <a> 또는 - - 하이퍼 링크를 사용하는 경우
그래서, href 속성으로, 어떤 상태 표시 줄 주위에 점점이 없습니다.
HTML을 확인하면 투표가 "링크"가 링크가 아니며 onclick 이벤트에 할당 된 일부 자바 스크립트 이벤트 처리기가있는 이미지로 표시됩니다.
그래서 "득표"위로 마우스를 가져 가면 커서가 그 뾰족한 손가락으로 바뀝니 까? 그 이유는 CSS cursor 속성 때문입니다.
.vote img {
cursor:pointer;
}
CSS는 'all.css'스타일 시트에서 나온 것입니다.
제발 그렇게하지 마십시오. 비표준 행동에 짜증을 느끼는 사람들을 제외하고는 거의 사람들이 눈치 채지 못할 것입니다. 당신이 그것을 숨기기 위해 관리했다면, 사용자는 여전히 다른 방법을 통해 정보를 얻을 수 있습니다. – Quentin
보안상의 이유로 좋다고 생각했는데, 업 링크를 클릭하면 링크가 나타나지 않고 투표가 데이터베이스에 저장됩니다. 어쨌든 덕분에 – NAVEED