How to Add the Tip Info in the Tooltip Container


show more Adding the tip info provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Tooltip with jQuery show less
please wait ...

Adding the tip info

Now in order for us to be able to have content show up in the tooltip, we need to put some data into the HTML file that we can actually pull from. So in the HTML file, we are going to start by adding some of that data into the anchor link that's inside of the article, now not inside of the aside, but inside of the first paragraph, inside of the article. And the linked text says text-based tooltip. So this anchor link here, right now we are pointing to a pound sign which is just a self link. Now inside of here we want to add some additional attributes. So we are going to start by adding some data attributes, which is fully compliant with HTML5 and is the recommended way for putting data onto an HTML element that's not seen by the public, but gives us the ability to access that through JavaScript.

So inside of the anchor tag, after the href attribute, let's hit a space and the first data item we are going to put in here is going to be data-tip-type, equals, two quotes. We are goi...

Adding the tip info
Video duration: 2m 26s 54m 23s Intermediate

Viewers:

Adding the tip info provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Tooltip with jQuery

Subjects:
Developer Web
Software:
jQuery
Author:
please wait ...