Browse Source

创建投放>场景与分组切换(advertiser)

bao.zhang 9 years ago
parent
commit
842f785f27

+ 5 - 2
src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/operator-ad-group/create.ftl

@@ -44,7 +44,7 @@
 					<li class="navDiv_currentLi">媒体自投</li>
 				</ul>  
 	 		</div>
-	 		<form id="validateForm" action="" method="post">
+	 		<form id="validateForm" action="${ctx}/advertiser/main/ad/target/operator-ad-group/save" method="post">
 	 			<input type="hidden" id="adGroupId" name="id" value=""/>
 	 			<input type="hidden" id="advertiserId" name="advertiserId" value="${advertiserId!}"/>
 	 			<input type="hidden" id="orderId" name="orderId" value="${orderId!}"/>
@@ -52,6 +52,8 @@
 	 			<input type="hidden" name="agentId" value="${agentId!}"/>
 				<input type="hidden" name="zoneIdString" value="1,12"/>
 				<input type="hidden" name="selectedwifi" id="selectedwifi" value=""/>
+				<div id="hidden_class">
+				</div>
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-yes">*</span>投放名称:</label>
 					<input class="input-text" tabindex="1" id="adGroupName" name="adGroupName" type="text" value="" verify="unspecial/255/1/0"/><span class="spanVaildate"></span>
@@ -217,12 +219,13 @@
 						<#if placeList ??>
 						<#list placeList as place>
 						<div class="single_div">
-							<input class="single_div_checkbox" name="place" type="checkbox" value="${place.id!}"><span class="single_div_span">${place.name!}</span>
+							<input class="single_div_checkbox" name="place" type="checkbox" onclick="place_fun()" id="${place.id!}" value="${place.id!}"><span class="single_div_span">${place.name!}</span>
 						</div>
 						</#list>
 						</#if>
 					</div>
 				</div>
+				
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-no"></span>LBS定向:</label>
 					<a id="btn-toggle" class="btn2">LBS定向</a>

+ 42 - 4
src/main/webapp/assets/js/advertiser/operatoradGroup.js

@@ -374,6 +374,10 @@ $(document).ready(function(){
 		});
 	}
 	//默认广告位
+	var path = window.location.pathname;
+	if(path.indexOf("create") != -1){
+		
+	
 			//清空表格
 			var table = document.getElementById('uploadTable');
 		    var rowCount=table.rows.length;
@@ -400,6 +404,7 @@ $(document).ready(function(){
 					});
 		 			
 		 		})	
+	};
 	//选择广告位
 			$(".input-group input[name=position]").click(function(){
 				//清空表格
@@ -426,7 +431,6 @@ $(document).ready(function(){
 			 			$.each( data, function( key, val ) {
 							$("#uploadTable").append('<tr><td class="all-app-advertiser" onclick="td_click('+val.id+')" value='+val.id+'|'+val.name+' id="td_'+val.id+'">'+val.name+'</td></tr>');
 						});
-			 			
 			 		})	
 			})
 	//数据场景或分组
@@ -446,7 +450,7 @@ $(document).ready(function(){
 					$.getJSON( zone_url_place, function(data){
 			 			$.each( data, function( key, val ) {
 			 				//alert(val.name);
-							$(".input-checkboxsDiv").append('<div class="single_div"><input class="single_div_checkbox" name="place" type="checkbox" value="'+val.id+'"><span class="single_div_span">'+val.name+'</span></div>');
+							$(".input-checkboxsDiv").append('<div class="single_div"><input class="single_div_checkbox" name="place" onclick="place_fun()" type="checkbox" id="'+val.id+'" value="'+val.id+'"><span class="single_div_span">'+val.name+'</span></div>');
 						});
 			 			
 			 		})	
@@ -456,7 +460,7 @@ $(document).ready(function(){
 					$.getJSON( zone_url_adgroup, function(data){
 			 			$.each( data, function( key, val ) {
 			 				//alert(val.name);
-							$(".input-checkboxsDiv").append('<div class="single_div"><input class="single_div_checkbox" name="ad_groud_ed" type="checkbox" value="'+val.id+'"><span class="single_div_span">'+val.name+'</span></div>');
+							$(".input-checkboxsDiv").append('<div class="single_div"><input class="single_div_checkbox" onclick="ad_group_fun()" name="ad_group_ed" type="checkbox" id="'+val.id+'" value="'+val.id+'"><span class="single_div_span">'+val.name+'</span></div>');
 						});
 			 			
 			 		})	
@@ -464,6 +468,11 @@ $(document).ready(function(){
 			}
 			
 		})
+	//场景选择
+	
+	//
+	
+	
 	//位置
 	if($(".position-edit").html()){
 		var position = $("#edit-position").val();
@@ -479,6 +488,35 @@ $(document).ready(function(){
 	}
 });
 
+function place_fun(){
+	var input_length = $(".input-checkboxsDiv input[name=place]").length;
+	var get_place =  $(".input-checkboxsDiv input[name=place]");
+	var ad_group_id = "a"
+	$("#hidden_class").html("");
+	for(i=0;i<input_length;i++){
+		console.log(get_place[i]);
+		if(get_place[i].checked==true){
+			ad_group_id = ad_group_id+","+get_place[i].id;
+			alert(ad_group_id);
+		}
+	}
+	$("#hidden_class").append('<input type=hidden id="place" name="place"  value='+ad_group_id+'>');
+}
+function ad_group_fun(){
+	var input_length = $(".input-checkboxsDiv input[name=ad_group_ed]").length;
+	alert(input_length);
+	var get_place =  $(".input-checkboxsDiv input[name=ad_group_ed]");
+	var place_id = "b";
+	$("#hidden_class").html("");
+	for(i=0;i<input_length;i++){
+		console.log(get_place[i]);
+		if(get_place[i].checked==true){
+			place_id = place_id+","+get_place[i].id;
+			alert(place_id);
+		}
+	}
+	$("#hidden_class").append('<input type=hidden id="place" name="place" value='+place_id+'>');	
+}
 function td_click(a){
 	var ii = "#td_"+a;
 	//alert("ii"+ii);
@@ -491,7 +529,7 @@ function td_click(a){
 	var get_check_num = check_have.indexOf(ch_ad[0]);
 	//alert(get_check_num);
 	if(get_check_num == -1){
-	 $("#choosed_ad").append('<ul style="border-bottom:thin solid #b9c5d9;text-align:center;" id="ul'+ch_ad[0]+'">'+ch_ad[1]+'<image style="float:right;" id="images'+ch_ad[0]+'" onclick="cross('+ch_ad[0]+')" src="'+ctx+'/assets/images/cross.png"><input type="hidden" name="" id="'+ch_ad[0]+'"></ul>');
+	 $("#choosed_ad").append('<ul style="border-bottom:thin solid #b9c5d9;text-align:center;" id="ul'+ch_ad[0]+'">'+ch_ad[1]+'<image src="'+$("#ctx").val()+'/assets/images/cross.png"  style="float:right;" id="images'+ch_ad[0]+'" onclick="cross('+ch_ad[0]+')" ><input type="hidden" name="" id="'+ch_ad[0]+'"></ul>');
 	}
 }