dz分类信息发帖模板文本框鼠标点击显示出浮动图片提示！

东哥小网络 · 发表于 2016-12-17 22:20:14

本帖最后由东哥小网络于 2016-12-23 22:50 编辑

dz分类信息发帖模板文本框鼠标点击显示出浮动图片提示！

<script type="text/javascript">
_attachEvent(window, 'load', function () {
//下面的playurl替换为后台设置的分类信息字段变量名
var objVideoUrl = $('typeoption_playurl');
//下面divTooltipVideoUrl设置为提示图片所在层的ID
var divTooltipVideoUrlId = 'divTooltipVideoUrl';
if (objVideoUrl) {
objVideoUrl.onfocus = function () {
var offset = fetchOffset(objVideoUrl, 0);
if (!$('divTooltipVideoUrl')) {
var divTooltip = document.createElement('div');
divTooltip.id = 'divTooltipVideoUrl';
divTooltip.style.position = 'absolute';
//下面的图片static/image/geturltip.png替换为需要提示的图片路径
divTooltip.innerHTML = '<img src="static/image/geturltip.png" />';
document.body.appendChild(divTooltip);
}
$(divTooltipVideoUrlId).style.display = '';
$(divTooltipVideoUrlId).style.top = offset['top'] - $(divTooltipVideoUrlId).offsetHeight + 'px';
$(divTooltipVideoUrlId).style.left = offset['left'] - 6 + 'px';
};
objVideoUrl.onblur = function () {
$(divTooltipVideoUrlId).style.display = 'none';
};
objVideoUrl.onkeydown = function () {
$(divTooltipVideoUrlId).style.display = 'none';
};
}
});
</script>

复制代码

var objVideoUrl = $('typeoption_playurl'); 的 playurl 是你分类信息的变量名
var offset = fetchOffset(objVideoUrl, 0); 的 0 是你要显示的字段位置（用来在不同的分类信息文本框提示图片显示）
divTooltip.innerHTML = '<img src="static/image/geturltip.png" />'; 是 static/image/geturltip.png 是你要提示图片的链接

如果要用多个图片提示就重复上面这段代码，不同字段变量名和提示层ID改变下即可！

可能有的人不会就看这个图：

图里面的第一的代码 playurl1 和第二的代码 playurl2 是你后台需要显示的提示的对应的分类信息字段变量名称！
图里面的第一的代码 divTooltipVideoUrl1 和第二的代码 divTooltipVideoUrl2 这个名字随意，不要重复也不要跟页面上别的元素id冲突就得了
图里面的第一的代码是图片链接这个就不多说了！

代码加到 template/default/forum/post.htm 这个文件最下面

多个的话就重复上面这段代码，不同字段变量名和提示层ID改变下

东哥小网络 · 发表于 2016-12-23 22:53:43

己解决了，看上面的教程！

		自动登录	找回密码
密码			立即注册

[求助] dz分类信息发帖模板文本框鼠标点击显示出浮动图片提示！

本帖子中包含更多资源