qTip2动态生成弹出对话框

最新推荐文章于 2024-08-29 08:04:00 发布

xxg3053

最新推荐文章于 2024-08-29 08:04:00 发布

阅读量1.9k

点赞数

分类专栏：杂谈文章标签： stylesheet div button function table class

本文链接：https://blog.csdn.net/xxg3053/article/details/7403114

版权

杂谈专栏收录该内容

56 篇文章 0 订阅

订阅专栏

<script type='text/javascript'
	src='${ctx}/scripts/fullcalendar/jquery.qtip.js'></script>
<link rel='stylesheet' type='text/css'
	href='${ctx}/scripts/fullcalendar/jquery.qtip.css' />
<style type="text/css">
#ui-tooltip-modal {
	max-width: 420px;
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
}

#ui-tooltip-modal .ui-tooltip-content {
	padding: 10px;
}
</style>
<script type="text/javascript">
	function showAttachment(tdId, divId) {
		$('#' + tdId).qtip({
			content : {
				//text: $('div:hidden'),
				text : $('#' + divId),
				title : {
					text : '附件',
					button : true
				}
			},
			position : {
				my : 'top center',
				//target: 'mouse',
				viewport : $(window), // Keep it on-screen at all times if possible
				effect : false,
				adjust : {
					x : 3,
					y : 3
				}
			},
			show : {
				event : 'click',
				solo : true
			// Only show one tooltip at a time
			},
			//hide: {fixed: true },
			hide : 'unfocus',
			style : 'ui-tooltip-shadow'
		});
	}
	(function() {

		// remove layerX and layerY

		var all = $.event.props,

		len = all.length,

		res = [];

		while (len--) {

			var el = all[len];

			if (el != 'layerX' && el != 'layerY')
				res.push(el);

		}

		$.event.props = res;

	}());
</script>

		<td id="td1${indexanalysis.id}"><a href="#none"
							οnclick="showAttachment('td1${indexanalysis.id}', 'div1${indexanalysis.id}' )">
								指标1</a>
							<div id="div1${indexanalysis.id}" style="display: none;">
								<c:if test="${not empty indexanalysis.attachmentSet1}">
									<c:forEach items="${indexanalysis.attachmentSet1}"
										var="attachment" varStatus="state">
										<c:if test="${attachment.tableId == indexanalysis.id }">
											<table class="noborder">
												<tr id="attachment">
													<td>${state.count}：</td>
													<td colspan="3"><a title="下载"
														href="${ctx}/servlet/annex?id=${attachment.id}">${attachment.upfileFileName}</a>
													</td>
												</tr>
											</table>
										</c:if>
									</c:forEach>
								</c:if>
								<c:if test="${empty indexanalysis.attachmentSet1}">
								暂无附件
								</c:if>
							</div></td>