{"id":276,"date":"2018-01-13T19:20:00","date_gmt":"2018-01-13T19:20:00","guid":{"rendered":"https:\/\/the-js-source.flywheelsites.com\/?p=276"},"modified":"2021-09-29T18:15:28","modified_gmt":"2021-09-29T22:15:28","slug":"dhtml-tooltip-generator-3","status":"publish","type":"post","link":"https:\/\/javascriptsource.com\/dhtml-tooltip-generator-3\/","title":{"rendered":"DHTML Tooltip Generator 3"},"content":{"rendered":"\n
Sometimes the HTML \u201calt=\u201d isn\u2019t enough to relay the detail you\u2019d like it to. Here is a tooltip generator that will allow you to give your users more interactive tooltips. This script will allow you to create a custom DHTML tooltip box on your site.<\/p>\n\n\n\n
<!\u2013 STEP ONE: Paste this code into the BODY of your HTML document \u2013>\n\n<BODY>\n\n<!\u2013 This script and many more are available free online at \u2013>\n\n<!\u2013 The JavaScript Source!! http:\/\/javascriptsource.com \u2013>\n\n<!\u2013 Original: Spriteworks Developments \u2013>\n\n<!\u2013 Web Site: http:\/\/www.spriteworks.com \u2013>\n\n <SCRIPT language = \u201cjavascript\u201d>\n\n <!\u2013\n\n\n\n\n\n\n\n var ie = document.all ? 1 : 0\n\n\n\n var ns = document.layers ? 1 : 0\n\n\n\n\n\n\n\n\n\n\n\n if(ie){\n\n\n\n document.write(\u2018<style type=\u201dtext\/css\u201d>\u2019)\n\n\n\n\n\n\n\n document.write(\u2018.textfield {font-size:10pt; font-family:arial; color:#808080; font-weight:bold;}n\u2019)\n\n\n\n document.write(\u2018.hexfield {font-size:10pt; font-family:arial; color:#808080; font-weight:bold;}n\u2019)\n\n\n\n document.write(\u2018.buttons {border-style: solid; background-color: #808080; border-color: #000000; border-width: 1; color: #FFFFFF; font-size: 10pt; font-family: arial; font-weight: bold;}n\u2019)\n\n\n\n\n\n\n\n document.write(\u2018<\/style>\u2019)\n\n\n\n }\n\n\n\n\n\n\n\n \/\/\u2013> <\/SCRIPT>\n\n <CENTER>\n\n\t<SCRIPT language=\u201dJavaScript\u201d src=\u2019http:\/\/www.guistuff.com\/gens\/tooltip.js\u2019><\/SCRIPT>\n\n <\/CENTER>\n\n\n\n<p><center>\n\n<font face=\u201darial, helvetica\u201d size\u201d-2\u2033>Free JavaScripts provided<br>\n\nby <a href=\u201dhttps:\/\/javascriptsource.com\u201d>The JavaScript Source<\/a><\/font>\n\n<\/center><p><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"Sometimes the HTML \u201calt=\u201d isn\u2019t enough to relay the detail you\u2019d like it to. Here is a tool that will allow you to give your users more interactive tooltips. This script will allow you to create a custom DHTML tooltip box on your site.<\/p>\n","protected":false},"author":2,"featured_media":771,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[13],"tags":[],"class_list":{"0":"post-276","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-generators","8":"entry"},"featured_image_src":"https:\/\/javascriptsource.com\/wp-content\/uploads\/2018\/01\/DHTML-Tooltip-Generator-3-600x400.jpg","featured_image_src_square":"https:\/\/javascriptsource.com\/wp-content\/uploads\/2018\/01\/DHTML-Tooltip-Generator-3-600x526.jpg","author_info":{"display_name":"JavaScriptSource Editor","author_link":"https:\/\/javascriptsource.com\/author\/bkmacdaddybsa\/"},"_links":{"self":[{"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/posts\/276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/comments?post=276"}],"version-history":[{"count":3,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/posts\/276\/revisions"}],"predecessor-version":[{"id":772,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/posts\/276\/revisions\/772"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/media\/771"}],"wp:attachment":[{"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/media?parent=276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/categories?post=276"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javascriptsource.com\/wp-json\/wp\/v2\/tags?post=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}