Versions Compared

Old Version 3

changes.mady.by.user Hugo

Saved on

compared with

New Version 4

changes.mady.by.user Ricy

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Use the following code to incorporate jQuery Tooltip into the form. Add a Custom HTML and add in the following code. Amend accordingly.

    Thai

    ใช้รหัสต่อไปนี้เพื่อรวม jQuery Tooltip ไว้ในแบบฟอร์ม เพิ่ม HTML ที่กำหนดเองและเพิ่มในรหัสต่อไปนี้ แก้ไขตาม

    Code Block
    <script type="text/javascript">
$(function() {

//customize your hints here by specifying form element ID on the left and message on the right
messages = { 'title' : 'Key in a suitable title',
            'remark' : 'Extra note goes here'};
 
//do not modify anything below here.
$( document ).tooltip({
      items: "input",
      content: function() {
        var element = $( this );
        if( messages[$(element).attr("name")] ){
          return messages[$(element).attr("name")];
        }else{
          return false;
        }
      }
    });
    
});
</script>

  2. The next time when someone hover over the field, the hint will show up.

    Thai

    ครั้งต่อไปเมื่อมีคนเลื่อนเมาส์ไปเหนือสนามคำใบ้จะปรากฏขึ้น


    Image Modified
     

Reference: http://api.jqueryui.com/tooltip/

...