(function ($) {
// ツールチッププラグイン
$.fn.easyToolTip = function (options) {
$(this).filter(function () {
// titleかaltを持っているものだけに絞る
return this.title || this.alt;
}).each(function () {
var self = $(this);
// titleがあればtitleを、なければaltをターゲットにする
var target = this.title ? 'title' : 'alt';
// ターゲットにした属性の値を保存する
var tipText = self.attr(target);
// toolTipを生成してbodyに追加しておく
$('.toolTip').remove();
var toolTip;
self.hover(function (e) {
// ブラウザのツールチップが表示されるのを防ぐために一時的にtitle(alt)を削除
self.attr(target, '');
var tooltipText = tipText.split("\r\n").join("
");
tooltipText = tooltipText.split("\n").join("
");
toolTip = $('
' + tooltipText + '
').hide();
$('.toolTip').remove();
$('body').append(toolTip);
// toolTipにテキストを入れて表示
toolTip
.stop(true, true)
.fadeIn(500)
.css({
position: 'absolute',
top: e.pageY - 40,
left: e.pageX + 20
})
//ツールチップは、対象の領域外になったときにけす
var $target = $(this);
var width = $target.width();
var height = $target.height();
var top = $target.offset().top;
var left = $target.offset().left;
$(document).bind('mousemove.move', function (e) {
// カーソルに追従させる
if (toolTip != undefined) {
toolTip.css({
top: e.pageY - 40,
left: e.pageX + 20
});
}
//領域内か計算し、領域外であれば、ツールチップを消して、titleを元に戻す
if ((e.pageY < (top - 10) || (top + height + 10) < e.pageY) || (e.pageX < (left - 10) || (left + width + 10) < e.pageX)) {
// title(alt)を元に戻す
self.attr(target, tipText);
// toolTipを非表示にする
if (toolTip != undefined) {
toolTip.stop(true, true).hide().remove();
}
$(document).unbind('mousemove.move');
//$(document).unbind('mousemove.move');
return false;
}
});
}, function (e) {
try {
// toolTipを非表示にする
if (toolTip != undefined) {
toolTip.stop(true, true).hide().remove();
}
} catch (e) {
}
});
});
}
})(jQuery);
function setToolTip(){
jQuery(function ($) {
// ツールチップの実行
$('div tr,div,thead').easyToolTip();
});
}
//アラーム履歴、 データ出力用
(function ($) {
// ツールチッププラグイン
$.fn.ToolTip = function (options) {
$(this).filter(function () {
// titleかaltを持っているものだけに絞る
return $(this).attr("class") == "AreaName";
}).each(function () {
var self = $(this);
var target = $(this.children[0]);
// ターゲットにした属性の値を保存する
var tipText = target.context.innerHTML;
// toolTipを生成してbodyに追加しておく
var toolTip;
self.hover(function (e) {
// ブラウザのツールチップが表示されるのを防ぐために一時的にtitle(alt)を削除
//self.attr(target, '');
toolTip = $('' + tipText + '
').hide();
$('body').append(toolTip);
var showflg = true;
// toolTipにテキストを入れて表示
toolTip
.stop(true, true)
.fadeIn(500)
.css({
position: 'absolute',
top: e.pageY - 40,
left: e.pageX + 15
})
}, function (e) {
// toolTipを非表示にする
try {
// toolTipを非表示にする
if (toolTip != undefined) {
toolTip.stop(true, true).hide().remove();
}
} catch (e) {
}
}).mousemove(function(e){
// カーソルに追従させる
if (toolTip != undefined) {
toolTip.css({
top: e.pageY - 40,
left: e.pageX + 15
});
}
});
});
}
})(jQuery);
function setSpanToolTip(){
jQuery(function ($) {
// ツールチップの実行
$('div').ToolTip();
});
}