From 44cb71faa1da23c98aeb7ccf20b39a07df539b4e Mon Sep 17 00:00:00 2001 From: matt Date: Sat, 15 Mar 2008 16:53:36 +0000 Subject: [PATCH] Tooltips for media buttons. Hat tip: azaozz. git-svn-id: http://svn.automattic.com/wordpress/trunk@7311 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/css/colors-classic.css | 5 +++++ wp-admin/css/colors-fresh.css | 7 ++++++- wp-admin/images/tail.gif | Bin 0 -> 98 bytes wp-admin/js/common.js | 33 ++++++++++++++++++++++++++++++++ wp-admin/wp-admin.css | 21 ++++++++++++++++++++ wp-includes/script-loader.php | 2 +- 6 files changed, 66 insertions(+), 2 deletions(-) create mode 100644 wp-admin/images/tail.gif diff --git a/wp-admin/css/colors-classic.css b/wp-admin/css/colors-classic.css index 5c40b0cb0..8fe833a98 100644 --- a/wp-admin/css/colors-classic.css +++ b/wp-admin/css/colors-classic.css @@ -704,3 +704,8 @@ div#media-upload-error, .file-error, abbr.required, .widget-control-remove:hover #poststuff #titlewrap { border-color: #ccc; } + +#tTips p#tTips_inside { + background-color: #ddd; + color: #333; +} diff --git a/wp-admin/css/colors-fresh.css b/wp-admin/css/colors-fresh.css index 88581fa0b..57396b936 100644 --- a/wp-admin/css/colors-fresh.css +++ b/wp-admin/css/colors-fresh.css @@ -678,4 +678,9 @@ div#media-upload-error, .file-error, abbr.required, .widget-control-remove:hover .curtime { color: #666; -} \ No newline at end of file +} + +#tTips p#tTips_inside { + background-color: #ddd; + color: #333; +} diff --git a/wp-admin/images/tail.gif b/wp-admin/images/tail.gif new file mode 100644 index 0000000000000000000000000000000000000000..3f8e7d5ebcc498f3bc4ee8b028df74ac0f7a3411 GIT binary patch literal 98 zcmZ?wbhEHblw%NKn8?6z_wL>QV8Fn@p!k!8RfK_wK?lfY0Le2j8Bgh7dHOB?qB&cb x(u#9;9nPzL@I^v7lI!`@Rq5GHA0D19OuL-8F4*SL@2^Tu3L80Gv}9QstN{~ICaM4c literal 0 HcmV?d00001 diff --git a/wp-admin/js/common.js b/wp-admin/js/common.js index 9f05e55f5..0c2a9f27a 100644 --- a/wp-admin/js/common.js +++ b/wp-admin/js/common.js @@ -10,3 +10,36 @@ addLoadEvent( function() { jQuery('form').submit( function() { return wpAjax.validateForm( jQuery(this) ); } ); } }); + +(function(JQ) { + JQ.fn.tTips = function() { + + JQ('body').append('

'); + var TT = JQ('#tTips'); + + this.each(function() { + var el = JQ(this), txt; + + if ( txt = el.attr('title') ) el.attr('tip', txt).removeAttr('title'); + else return; + el.find('img').removeAttr('alt'); + + el.mouseover(function(e) { + txt = el.attr('tip'), o = el.offset();; + + clearTimeout(TT.sD); + TT.find('p').html(txt); + + TT.css({'top': o.top - 43, 'left': o.left - 5}); + TT.sD = setTimeout(function(){TT.fadeIn(150);}, 100); + }); + + el.mouseout(function() { + clearTimeout(TT.sD); + TT.css({display : 'none'}); + }) + }); + } +}(jQuery)); + +jQuery(function(){jQuery('#media-buttons a').tTips();}); diff --git a/wp-admin/wp-admin.css b/wp-admin/wp-admin.css index 71abe80fb..0179db5cd 100644 --- a/wp-admin/wp-admin.css +++ b/wp-admin/wp-admin.css @@ -1364,3 +1364,24 @@ ul.view-switch li.current { .tablenav .delete { margin-right: 20px; } + +#tTips { + display: none; + position: absolute; + margin: 0; + padding: 0 0 8px 0; + background-image: url(images/tail.gif); + background-repeat: no-repeat; + background-position: 15px bottom; + background-color: thansparent; +} + +#tTips p#tTips_inside { + margin: 0; + padding: 8px 12px; + text-align: center; + -moz-border-radius: 8px; + -khtml-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} diff --git a/wp-includes/script-loader.php b/wp-includes/script-loader.php index b45618833..d2867f9e4 100644 --- a/wp-includes/script-loader.php +++ b/wp-includes/script-loader.php @@ -11,7 +11,7 @@ class WP_Scripts { } function default_scripts() { - $this->add( 'common', '/wp-admin/js/common.js', false, '1.0' ); + $this->add( 'common', '/wp-admin/js/common.js', array('jquery'), '1.0' ); $this->add( 'sack', '/wp-includes/js/tw-sack.js', false, '1.6.1' ); $this->add( 'quicktags', '/wp-includes/js/quicktags.js', false, '3958' );