按钮提示问题

blob.png

参数面板按钮,能否实现光标移动至按钮时进行提示(内容自定义),客户要求移动到光标时提示该按钮的具体功能说明!

集团项目明细汇总.cpt


FineReport 15310294538 发布于 2019-1-9 10:19 (编辑于 2019-1-9 16:07)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
1
cherishdqyLv7高级互助
发布于2019-1-9 14:47(编辑于 2019-1-9 16:53)

8.0用下面的代码:

setTimeout(function() {
    //id为fr-btn-按钮控件名称的大写
    $('div[id="fr-btn-SEARCH"]').attr('title','测试测绘师');
}, 1000);

9.0和10.0可使用下面的代码,可自定义提示样式:

setTimeout(function() {
	var oldTitle = null;
	//id为fr-btn-按钮控件名称的大写
	$('div[id="fr-btn-FORMSUBMIT0"]').bind('mouseover mouseout mousemove', function(event) {
		var left = event.pageX;
		var top = event.pageY;
		var ele = event.target;
		var title = '提示提示提示提示';

		var type = event.originalEvent.type;
		if (type == 'mouseover') {
			oldTitle = title;
			ele.title = '';
			if (title != null) {
				var showEle = $('', {
					text: title,
					class: 'showTitleBox'
				}).css({
					position: 'absolute',
					top: top + 20,
					left: left,
					border: '1px solid #767676',
					borderRadius: '5px',
					background: '#FFFFFF',
					color:'#575757',
					fontFamily:'黑体',
					fontSize:'10px',
					padding:'2px 2px 2px 2px'
				})
				showEle.appendTo('body');
			}
		} else if (type == 'mouseout') {
			ele.title = oldTitle;
			$('.showTitleBox').remove();
		} else if (type == 'mousemove') {
			$('.showTitleBox').css({
				top: top + 10,
				left: left
			})
		}
	})
}, 1000);

image.png

image.png

参考附件,代码在按钮的初始化事件中

查询按钮提示.cpt


  • 15310294538 15310294538(提问者) 我是8.0的 打不开这个模版
    2019-01-09 14:53 
  • cherishdqy cherishdqy 回复 15310294538(提问者) 回复已更新,你把代码拷到按钮的初始化事件里即可,这个只适用于查询按钮,不适用自定义按钮
    2019-01-09 14:57 
  • cherishdqy cherishdqy 回复 15310294538(提问者) 自定义按钮需要把第四行代码中的id改成fr-btn-控件名大写
    2019-01-09 15:00 
  • 15310294538 15310294538(提问者) 回复 cherishdqy 我根据你的方法设置了,光标移动上去还是没意思,也没有报错,模版上传了麻烦帮我看看
    2019-01-09 16:08 
  • cherishdqy cherishdqy 回复 15310294538(提问者) 8.0的代码改一下吧,用自带的title提示好了,我也看不出来为啥8.0不适用这个代码
    2019-01-09 16:52 
  • 3关注人数
  • 819浏览人数
  • 最后回答于:2019-1-9 16:53
    请选择关闭问题的原因
    确定 取消
    返回顶部