<%@page trimDirectiveWhitespaces="true"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="gen" uri="http://help.jspgen.com/taglib/jstl"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />
<title>广告位</title>
<!-- 当前页面 -->
<link type="text/css" href="${config.statie}/images/adarea.css" rel="stylesheet">
<link type="text/css" href="${config.statie}ui/admin/images/admin.css" rel="stylesheet">
<style type="text/css">
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; overflow:auto;}
</style>
</head>
<body>
<div id="wrapper">
  <div class="area">
  	<h2>
      <i>广告预览</i>
    </h2>
    <div class="area-content">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table">
        <tr>
          <td align="center" valign="middle"><div class="adarea" style="margin:10px;width:${adarea.width}px;height:${adarea.height}px;">
              <div style="position:relative;width:${adarea.width}px;height:${adarea.height}px;"><a href="http://www.jspgen.com/" class="adarea-href" target="_blank"></a>
                <iframe id="view_adarea${adarea.id}" name="view_adarea${adarea.id}" src="${adarea.view}&index=1" width="${adarea.width}" height="${adarea.height}" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
              </div>
            </div></td>
        </tr>
        <tr class="border-top">
          <td align="center"><table border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td valign="top">&nbsp;代码：</td>
                <td valign="top">&nbsp;
                <pre id="pre" class="text small textarea general adarea-text">&lt;textarea class="adarea-ad" style=&quot;display:block;visibility:hidden;width:100%;height:100%;&quot;&gt;&lt;div style=&quot;position:relative;width:${adarea.width}px;height:${adarea.height}px;&quot;&gt;&lt;a href=&quot;http://www.jspgen.com/&quot; class=&quot;adarea-href&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;iframe id=&quot;adarea${adarea.id}&quot; name=&quot;adarea${adarea.id}&quot; src=&quot;${adarea.view}&index=1&quot; width=&quot;${adarea.width}&quot; height=&quot;${adarea.height}&quot; frameborder=&quot;0&quot; border=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; scrolling=&quot;no&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/textarea&gt;</pre></td>
                <td valign="top">&nbsp;&nbsp;<a href="javascript:void(0);" class="copy" title="复制">复制</a></td>
            </tr>
          </table></td>
        </tr>
      </table>
  </div>
</div>
<!-- 必备插件 -->
<script type="text/javascript" src="${config.statie}js/jquery.js"></script>
<script type="text/javascript" src="${config.statie}js/jquery.form.js"></script>
<script type="text/javascript" src="${config.statie}js/jquery.grapes.js"></script>
<script type="text/javascript" src="${config.statie}js/jquery.timers.js"></script>
<script type="text/javascript" src="${config.statie}js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="${config.statie}js/jquery.tablecolor.js"></script>
<!-- 日期插件 -->
<script type="text/javascript" src="${config.statie}js/datePicker/WdatePicker.js"></script>
<!-- 弹窗插件 -->
<script type="text/javascript" src="${config.statie}js/dialog/jquery.dialog.js?self=true"></script>
<script type="text/javascript" src="${config.statie}js/dialog/jquery.dialog.plugins.js"></script>
<!-- UI界面必备 -->
<script type="text/javascript" src="${config.statie}ui/js/jspgen.js"></script>
<script type="text/javascript" src="${config.statie}ui/js/jspgen.ajax.js"></script>
<script type="text/javascript" src="${config.statie}ui/js/jspgen.ready.js"></script>
<!-- 当前页面 -->
<script type="text/javascript">
// document.domain = "jspgen.com";// 调用
$(document).ready(function(){
	// 变量
	var $copy = $('.table a.copy');
	
	// 复制
	$copy.bind('click', function () {
		var $tr = $(this).closest('tr'), $url = $tr.find('#pre');
		var copy = grapes.copyText($url.val());
		if(!copy) grapes.selectText('pre');
		return ;
	});
	// 全选
	$('#pre').bind('click', function () {
		grapes.selectText('pre');
	});
});
</script>
</body>
</html>
