shop/admin/templates/seller_shop_header.htm

<!-- $Id: brand_info.htm 14216 2008-03-10 02:27:21Z testyang $ -->
{include file="merchants_pageheader.htm"}

<link rel="stylesheet" type="text/css" href="styles/spectrum-master/spectrum.css">
<script type="text/javascript" src="styles/spectrum-master/jquery-1.9.1.js"></script>
<script type="text/javascript" src="styles/spectrum-master/spectrum.js"></script>

<div class="main-div">
<form method="post" action="index.php" name="theForm" enctype="multipart/form-data">
<table cellspacing="1" cellpadding="3" width="100%">
  <tr>
    <td class="label" style="width:5%;">头部色调</td>
    <td>
    	<label><input name="headtype" type="radio" value="0" {if $shopheader_info.headtype eq 0}checked="checked"{/if} onchange="get_headtype(this.value)" />图片</label>
        <label><input name="headtype" type="radio" value="1" {if $shopheader_info.headtype eq 1}checked="checked"{/if} onchange="get_headtype(this.value)" />颜色</label>
    </td>
  </tr>
  <tr style="display:{if $shopheader_info.headtype eq 1}none{/if}" id="headbgImg">
    <td class="label" style="width:5%;"></td>
    <td><input name="img_url" type="file" />{if $shopheader_info.headbg_img}<a href="{$shopheader_info.headbg_img}" target="_blank">查看</a>{/if}</td>
  </tr>
  <tr style="display:{if $shopheader_info.headtype eq 0}none{/if}" id="shopColor">
    <td class="label" style="width:5%;"></td>
    <td style="position:relative;">
    	<input type="text" name="shop_color" maxlength="40" size="15" value="{$shopheader_info.shop_color}" id="wincolor" />
        <input type="button" value="选色" class="go_color" />
        <input type='text' id="full" style="display:none"/>
    </td>
  </tr>
  <tr>
  	<td colspan="2" height="10"></td>
  </tr> 
  <tr>
    <td class="label" style="width:5%;">头部内容</td>
    <td>
    {$FCKeditor}
    </td>
  </tr>
  <tr>
    <td colspan="2" align="center"><br />
      <input type="submit" class="button" value="{$lang.button_submit}" />
      <input type="hidden" name="act" value="{$form_action}" />
      <input type="hidden" name="id" value="{$shop_info.id}" />
      <input type="hidden" name="seller_theme" value="{$shop_info.seller_theme}" />
    </td>
  </tr>
</table>
</form>
</div>

<script type="text/javascript">
//选色 start
$(function(){
	$('.sp-palette-buttons-disabled').hide();
	
	$('.go_color').click(function(){
		$('.sp-palette-buttons-disabled').show();
	});
	
	$('.sp-choose').click(function(){
		$('.sp-palette-buttons-disabled').hide();
		var sp_color = $('.sp-input').val();
		$('#wincolor').val(sp_color);
	});
})

$("#update").click (function() {
	console.log($("#full").spectrum("option", "palette"));
	$("#full").spectrum("option", "palette", [
		["red", "green", "blue"]    
	]);
});

$("#full").spectrum({
	color: "#FFF",
	flat: true,
	showInput: true,
	className: "full-spectrum",
	showInitial: true,
	showPalette: true,
	showSelectionPalette: true,
	maxPaletteSize: 10,
	preferredFormat: "hex",
	localStorageKey: "spectrum.demo",
	move: function (color) {
		
	},
	palette: [
		["rgb(0, 0, 0)", "rgb(67, 67, 67)", "rgb(102, 102, 102)",
		"rgb(204, 204, 204)", "rgb(217, 217, 217)","rgb(255, 255, 255)"],
		["rgb(152, 0, 0)", "rgb(255, 0, 0)", "rgb(255, 153, 0)", "rgb(255, 255, 0)", "rgb(0, 255, 0)",
		"rgb(0, 255, 255)", "rgb(74, 134, 232)", "rgb(0, 0, 255)", "rgb(153, 0, 255)", "rgb(255, 0, 255)"], 
		["rgb(230, 184, 175)", "rgb(244, 204, 204)", "rgb(252, 229, 205)", "rgb(255, 242, 204)", "rgb(217, 234, 211)", 
		"rgb(208, 224, 227)", "rgb(201, 218, 248)", "rgb(207, 226, 243)", "rgb(217, 210, 233)", "rgb(234, 209, 220)", 
		"rgb(221, 126, 107)", "rgb(234, 153, 153)", "rgb(249, 203, 156)", "rgb(255, 229, 153)", "rgb(182, 215, 168)", 
		"rgb(162, 196, 201)", "rgb(164, 194, 244)", "rgb(159, 197, 232)", "rgb(180, 167, 214)", "rgb(213, 166, 189)", 
		"rgb(204, 65, 37)", "rgb(224, 102, 102)", "rgb(246, 178, 107)", "rgb(255, 217, 102)", "rgb(147, 196, 125)", 
		"rgb(118, 165, 175)", "rgb(109, 158, 235)", "rgb(111, 168, 220)", "rgb(142, 124, 195)", "rgb(194, 123, 160)",
		"rgb(166, 28, 0)", "rgb(204, 0, 0)", "rgb(230, 145, 56)", "rgb(241, 194, 50)", "rgb(106, 168, 79)",
		"rgb(69, 129, 142)", "rgb(60, 120, 216)", "rgb(61, 133, 198)", "rgb(103, 78, 167)", "rgb(166, 77, 121)",
		"rgb(91, 15, 0)", "rgb(102, 0, 0)", "rgb(120, 63, 4)", "rgb(127, 96, 0)", "rgb(39, 78, 19)", 
		"rgb(12, 52, 61)", "rgb(28, 69, 135)", "rgb(7, 55, 99)", "rgb(32, 18, 77)", "rgb(76, 17, 48)"]
	]
});
//选色 end

function get_headtype(val){
	if(val == 1){
		$('#headbgImg').hide();
		$('#shopColor').show();
	}else{
		$('#headbgImg').show();
		$('#shopColor').hide();
	}
}
</script>
{include file="pagefooter.htm"}