{inc:header.htm}
<style type="text/css">
#link_tit{background:#e6e6e6;border-bottom:1px solid #ddd}
#link_tit ul li{padding-left:8px;height:32px;line-height:32px;font-weight:bold}
#link_cont{position:relative;cursor:move}
#link_cont ul li{height:32px;line-height:32px;padding:6px 0 0 8px}
#link_cont ul li .inp{width:85%;vertical-align:top}
#link_cont ul:hover{background:#FFFFBB}
.link_l{float:left;width:20%}
.link_c{float:left;width:30%}
.link_r{float:left;width:15%}
</style>
<div class="nav">
    <ul class="cc">
        <li class="current"><a href="javascript:;">关键词列表</a></li>
        <li><a id="ready" href="javascript:;" onclick="link_ready()">添加关键词</a></li>
    </ul>
</div>
<div class="m">
	
	<div class="p c2">
		<div class="cc">
			<div id="link_tit">
				<ul class="cf">
					<li class="link_l">关键词</li>
					<li class="link_c">URL</li>
					<li class="link_c">替换次数</li>
					<li class="link_r">操作</li>
				</ul>
			</div>
			<div id="link_cont">
				{loop:$keywords $v $k}
				<ul class="cf" key="{$k}">
					<li class="link_l"><input type="text" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="inp name" value="{$v[name]}"></li>
					<li class="link_c"><input type="text" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="inp url" value="{$v[url]}"></li>
					<li class="link_c"><input type="text" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="inp count" value="{$v[count]}"></li>
					<li class="link_r"><a class="btn" onclick="link_del(this)" href="javascript:;">删除</a></li>
				</ul>
				{/loop}
			</div>
			{if:empty($keywords)}<div class="sky warning bnote" style="margin-top:8px"><i></i><b>暂无数据</b></div>{/if}
		</div>
	</div>
</div>
<script type="text/javascript">

//获取一列
function get_line(name, url,count, isDel, key) {
	var s = '<ul class="cf"'+ (key ? ' key="'+key+'"' : '') +'>';
	s += '<li class="link_l"><input type="text" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="inp name" value="'+ (!name ? '' : name) +'"></li>';
	s += '<li class="link_c"><input type="text" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="inp url" value="'+ (!url ? 'http://' : url) +'"></li>';
	s += '<li class="link_c"><input type="text" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="inp count" value="'+ (!count ? '2' : count) +'"></li>';
	s += '<li class="link_r">';
	s += isDel ? '<a class="btn" onclick="link_del(this)" href="javascript:;">删除</a>' : '<a class="btn" onclick="link_set(this)" href="javascript:;">确定</a> &nbsp; <a class="btn" onclick="link_cancel(this)" href="javascript:;">取消</a>';
	s += '</li></ul>';
	return s;
}

//获得焦点
function link_focus(obj) {
	var o = $(obj).parent().parent();
	o.find(".inp").each(function() {
		if(!$(this).attr("old")) $(this).attr("old", $(this).val());
	});
	o.find(".link_r").html('<a class="btn" onclick="link_set(this)" href="javascript:;">确定</a> &nbsp; <a class="btn" onclick="link_reducing(this)" href="javascript:;">取消</a>');
}

//失去焦点
function link_blur(obj) {
	var o = $(obj).parent().parent();
	if(!o.attr("change")) {
		o.find(".link_r").html('<a class="btn" onclick="link_del(this)" href="javascript:;">删除</a>');
	}
}

//内容改变
function link_change(obj) {
	$(obj).parent().parent().attr("change", 1);
}

//增加一列
function link_ready() {
	$("#link_cont").prepend(get_line());
}

//取消一列
function link_cancel(obj) {
	$(obj).parent().parent().slideUp(500, function(){ $(this).remove(); });
}

//还原修改
function link_reducing(obj) {
	var o = $(obj).parent().parent();
	o.find(".inp").each(function() {
		$(this).val($(this).attr("old"));
	});
	o.removeAttr("change");
}

//增加/编辑
function link_set(obj) {
	var o = $(obj).parent().parent();
	var name = o.find(".name").val();
	var url = o.find(".url").val();
	var count = o.find(".count").val();
	var key = o.attr("key");
	maybeAjax.postd("index.php?u=maybekeywords-set-ajax-1", {"name":name, "url":url,"count":count, "key":key}, function(data){
		maybeAjax.alert(data);
	});
}

//删除
function link_del(obj) {
	var o = $(obj).parent().parent();
	var name = o.find(".name").val();
	var key = o.attr("key");
	maybeAjax.confirm("删除不可恢复，确定删除“<font color='red'>"+name+"</font>”？", function(){
		maybeAjax.postd("index.php?u=maybekeywords-del-ajax-1", {"key":key}, function(data){
			maybeAjax.alert(data);
		});
	});
}


var keys = [];
$("#link_cont>ul").each(function(i){
	keys[i] = $(this).attr("key");
});

</script>
</body>
</html>