Tooltip: Features and Ways to Create

A tooltip is a text message that occurs when you hover the mouse pointer over a control. Such messages can often be found on various Internet resources while filling out form fields, reading documents with an abbreviation, etc. Similar tips are also encountered for employees of various organizations when filling out documents and reports submitted electronically. Pop-up hints are created with one goal - to provide additional information and help the user to understand what he is dealing with. Creating them differs depending on where this item will be placed.

First let's try to understand how hints are created in the analytical field of activity, often using a variety of tables and graphs.

Example of creating a tooltip in the table:

- open the document in editable mode or in development mode;

- add a new control to it (this can be an image, a text box, a rectangle);

- Right-click the right mouse button on the computer mouse, select "Properties and Formatting" in the list that appears after this list, then a window with the same name opens;

- select the "General" option, located on the left, in the "Tooltip" field that appears after that, type the text we need, which will be displayed in it;

- click "OK" to finish editing the document.

The situation is completely different with the hints that are applied on the pages of sites. They are created by web developers, as a rule, those who make website layout, that is, translating its layout into languages that are understandable to any modern Internet browser. For such purposes, a special jquery library is most often used, pop-up help with it can be created quickly enough. This library as a separate document is easily and easily connected to the main html-document of the site page. Depending on the designer's intent, hints may differ in size, color, way of appearing on the user's screen. A standard tooltip is often used to attract the attention of visitors to any serious portals (medical, building) and is a small window with text inside it.

You can create a tooltip with cascading style sheets (css) without using the jquery library. Css is a formal language for describing the appearance of a document. With its help, the pages of the site take on a form that was originally conceived by the designer. Cascading style sheets allow you to change the appearance of any element of the page, its position relative to the browser window and other elements, make out these elements in accordance with the layout of the site, hide them and ensure their appearance as needed. The Css document, as a rule, is taken out of the main document of the site page and is connected to it using a special tag.

Tooltip: jquery or css?

Tips created with the use of css, can differ in the great originality of external design. At the same time, the use of jquery libraries allows you to apply special effects to the element. In addition, the library connection is a labor-intensive process and does not require a lot of time. How to create a tooltip on the page of a site, each specialist decides for himself. Moreover, the average user of this site, as a rule, does not think about how exactly the constituent elements were created. By the way, about the advantages of using jquery libraries, why reinvent the wheel, if you can just slightly improve what has already been invented?