입력 필드 버튼에 대한 동적 툴팁을위한 최선의 방법

Question

현재 버튼에 툴팁을 사용하려는 html (php) 메뉴를 프로그래밍 중입니다. 버튼을 눌렀을 때 (method = POST를 통해) 나에게 전송하기 위해 양식을 사용하고자하므로 대신 사용하지 않습니다.

여기 내 문제는 그 툴팁을 만드는 것이 가장 좋은 방법인지 모르겠다는 것입니다. 특히 텍스트가 동적이되기를 원할 때 ... 지역화를 사용할 계획입니다. 따라서 이미지 사용은 문제가되지 않습니다.)

나는 조합으로 툴팁을 사용하는 방법을 알고 있지만, 표시된대로 확실하지 않습니다. 가장 좋은 방법은 버튼과 함께 툴팁을 사용하는 것입니다. 예제 소스 코드 (여기에 참고로 나는 사용자가 무슨 언어로 볼 수있는 sessionvariable을 사용하고 있습니다) :

<input type='button' value="<?php translate('Messages');?>" class='messages'> 
<input type='button' value="<?php translate('Logout');?>" class='logout'> 

TNX이 모든 도움

Answer 1

HTML5의 사양에 대한 글로벌 속성의 집합을 정의하는 거의 모든 요소가 지원됩니다. 여기에는 명세서에서 요소에 대한 추가 정보를 저장하는 데 사용되는 title 속성이 포함됩니다. 따라서 툴팁 텍스트를 title 속성으로 동적으로 출력 할 수 있습니다.이 속성은 자바 스크립트없이 롤오버에 표시됩니다. 또한 JavaScript를 사용하여 텍스트를 추출하고 사용자 정의 스타일 툴팁으로 출력하도록 선택하면 텍스트에 쉽게 액세스 할 수 있습니다.

<input type='button' value="<?php translate('Messages');?>" id="messages_btn" title="<?php translate("tooltip_messages")?>">" class='messages'> 

희망적입니다.