123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405 |
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta name="viewport" content="width=device-width; initial-scale=1.0;">
- <title>{lang xj_event:huodbm}</title>
- <link rel="stylesheet" href="source/plugin/xj_event/mobileui/jquery.mobile-1.4.5.css">
- <script src="source/plugin/xj_event/mobileui/jquery.js"></script>
- <script src="source/plugin/xj_event/mobileui/jquery.mobile-1.4.5.js"></script>
- <script>
- var tabCounter = {$tabCounter},weinum = {$tabCounter},cj=0; //cj 是动态生成的表单是否已套用jquerymobile样式
- var event_number_max = {$items[event_number_max]};
- $(function(){
-
-
- $("#sumbitbtn").click(function(){
- var postjson = [];
- var a = false;
- for(var i=1;i<=tabCounter;i++){
- if($('#tabs-'+i).html()){
- var json = {};
- $('#tabs-'+i+' input').each(function(index) {
- if($(this).attr('type')=='text' || $(this).attr('type')=='hidden'){
- json[$(this).attr('name')] = $(this).val();
- }
- if($(this).attr('type')=='checkbox'){
- if($(this).is(':checked')){
- var checkboxname = $(this).attr('name').replace('[]','');
- if(json[checkboxname]){
- json[checkboxname] = json[checkboxname] + ',' + $(this).val();
- }else{
- json[checkboxname] = $(this).val();
- }
- }
- }
- if( $(this).attr('type')=='radio'){
- if($(this).is(':checked')){
- json[$(this).attr('name')] = $(this).val();
- }
- }
- if($(this).attr('type')=='date'){
- json[$(this).attr('name')] = $(this).val();
- }
- });
- $('#tabs-'+i+' select').each(function(index) {
- json[$(this).attr('name')] = $(this).val();
- });
- //判断是否有空的数据
- if(JSON.stringify(json).indexOf('""')>-1){
- a = true;
- }
- $('#tabs-'+i+' textarea').each(function(index) {
- json[$(this).attr('name')] = $(this).val();
- });
- //alert(JSON.stringify(json));
- postjson.push(json);
- }
- }
- //判断是否有空的数据
- if(a){
- confirmDialog('{lang xj_event:hbqndxxwtxwz}');
- $("#popupBasic").popup('open');
- return;
- }
- var postdata = JSON.stringify(postjson);
- $('#sumbitbtn').hide();
- $.ajax({
- cache: false,
- type: "POST",
- url: 'plugin.php?id=xj_event:event_join_modify&tid={$tid}&action=modifyfull&formhash={$_G[formhash]}',
- data: postdata,
- dataType: 'json',
- async: true,
- error: function(request) {
- alert("Connection error");
- $('#sumbitbtn').show();
- },
- success: function(json) {
- if(json.full == 1){
- confirmDialog(json.message);
- if(json.url){
- window.parent.parent.location.href=json.url;
- }else{
- window.parent.parent.location.href='forum.php?mod=viewthread&tid={$tid}';
- }
- return true;
- }else if(json.full == 2){
- confirmDialog(json.message);
- $('#sumbitbtn').show();
- return false;
- }
- }
- });
- });
- $("#addbtn").click(function(){
- if(weinum<=event_number_max){
- $("#join_content").append('<div data-role="collapsible" id="tabs-'+tabCounter+'"><h3><b>{lang xj_event:di}'+weinum+'{lang xj_event:wei}</b><span onClick="deletejoin('+tabCounter+');" class="ui-btn ui-btn-inline ui-icon-delete ui-btn-icon-notext" style="float:right; border:0px;"></span></h3><p>'+$('#bmtemplate').html()+'</p></div>');
- $("#join_content").collapsibleset("refresh");
- if(cj==0){
- $(".join_text").textinput();
- $(".myuserfield_text").textinput();
- $("select").selectmenu();
- $("textarea").textinput();
- $(".pc").checkboxradio();
- cj=1;
- }
- tabCounter++;
- weinum++;
- }
- });
-
- //地区选择
- var residecity;
- $("body").on("click",".residecity", function () {
- residecity = $(this);
- $.ajax({
- cache: false,
- type: "POST",
- url: 'plugin.php?id=xj_event:city&level=1&mobile=yes',
- dataType: 'html',
- async: true,
- error: function(request) {
- alert("Connection error");
- },
- success: function(html) {
- residecity.hide();
- residecity.next().html(html);
- $("#province").selectmenu();
- }
- });
-
- });
- $("body").on("change","#province",function(){
- var province = $(this).val();
- $.ajax({
- cache: false,
- type: "POST",
- url: 'plugin.php?id=xj_event:city&level=2&province='+province,
- dataType: 'html',
- async: true,
- error: function(request) {
- alert("Connection error");
- },
- success: function(html) {
- residecity.next().html(html);
- $("#province").selectmenu();
- $("#city").selectmenu();
- }
- });
- // alert($(this).find("option:selected").text());
- });
- $("body").on("change","#city",function(){
- var city = $(this).val();
- var province = $("#province").val();
- $.ajax({
- cache: false,
- type: "POST",
- url: 'plugin.php?id=xj_event:city&level=2&province='+province+'&city='+city,
- dataType: 'html',
- async: true,
- error: function(request) {
- alert("Connection error");
- },
- success: function(html) {
- residecity.next().html(html);
- $("#province").selectmenu();
- $("#city").selectmenu();
- $("#county").selectmenu();
- }
- });
- });
- $("body").on("change","#county",function(){
- var county = $(this).val();
- var province = $("#province").val();
- var city = $("#city").val();
- $.ajax({
- cache: false,
- type: "POST",
- url: 'plugin.php?id=xj_event:city&level=3&province='+province+'&city='+city+'&county='+county,
- dataType: 'html',
- async: true,
- error: function(request) {
- alert("Connection error");
- },
- success: function(html) {
- if(html.indexOf('<!--end-->')>-1){
- residecity.prev().html($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text());
- residecity.prev().prev().val($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text());
- residecity.next().html('');
- residecity.show();
- }else{
- residecity.next().html(html);
- $("#province").selectmenu();
- $("#city").selectmenu();
- $("#county").selectmenu();
- $("#town").selectmenu();
- }
- }
- });
- });
- $("body").on("change","#town",function(){
- residecity.prev().html($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text() + $("#town").find("option:selected").text());
- residecity.prev().prev().val($("#province").find("option:selected").text() + $("#city").find("option:selected").text() + $("#county").find("option:selected").text() + $("#town").find("option:selected").text());
- residecity.next().html('');
- residecity.show();
- });
-
-
- //单选列表
- $('#join_content').on("click",".xjselect span",function(){
- $(this).siblings('span').css("background-color","#ccc");
- $(this).css("background-color","#48bd46");
- $(this).siblings('input').attr('value',$(this).attr('data-value'));
- });
- });
- function deletejoin(id){
- $("#tabs-"+id).remove();
- weinum = 1;
- $("#join_content b").each(function(index) {
- $(this).html('{lang xj_event:di}'+weinum+'{lang xj_event:wei}');
- weinum++;
- //alert($(this).children("div").children("h3").children("a").children("span").html());
- });
- event.stopPropagation();
- }
- function confirmDialog(text) {
- var popupDialogId = 'popupDialog';
- $('<div data-role="popup" id="'+popupDialogId+'" class="ui-content" data-theme="a">\
- <p>'+text+'</p>\
- </div>')
- .appendTo($.mobile.pageContainer);
- var popupDialogObj = $('#' + popupDialogId);
- popupDialogObj.trigger('create');
- popupDialogObj.popup();
- popupDialogObj.popup('open');
- }
- </script>
- </head>
- <body>
- <div data-role="page" id="pageone">
- <!--{if !$Appbyme && !$magapp && !$QianFan}-->
- <div data-role="header">
- <h1>{lang xj_event:huodbm}</h1>
- </div>
- <!--{/if}-->
- <div data-role="content">
- <a href="plugin.php?id=xj_event:event_join&action=cannel&tid={$tid}&formhash={$_G[formhash]}" data-ajax="false" data-role="none" style=" display:block; text-decoration:none;margin:5%; background-color:#18c148; padding:10px; font-size:18px; color:#FFF; text-align:center;font-family:'Microsoft YaHei';text-shadow:none; font-weight:normal;">{lang xj_event:qxbm}</a>
-
-
- <div data-role="collapsible-set" id="join_content" class="joinitem">
- <!--{loop $apply $key $value}-->
- <!--{eval $i = $key+1}-->
- <div data-role="collapsible" <!--{if $i == 1}-->data-collapsed="false"<!--{/if}--> id="tabs-{$i}">
- <h3><b>{lang xj_event:di}{$i}{lang xj_event:wei}</b></h3>
- <p>
- <!--{if $setting[session]}-->
- <div data-role="fieldcontain">
- <label for="select-native-1">{lang xj_event:huodongcc}:</label>
- <div class="xjselect">
- <input type="hidden" name="session" value="{$value[session]}">
- <!--{loop $setting[session] $s_key $s_value}-->
- <span style="font-size: 14px; padding: 3px 12px; color:#fff; border-radius: 4px; margin-bottom: 5px; margin-right: 5px; float: left; font-weight: normal; text-shadow: none; background-color:<!--{if $value[session] == $s_key}-->#48bd46<!--{else}-->#ccc<!--{/if}-->;" data-value="{$s_key}">{$s_value}</span>
- <!--{/loop}-->
- <div style="clear:both;"></div>
- </div>
- </div>
- <!--{/if}-->
- <!--{if $setting[cost]}-->
- <div data-role="fieldcontain">
- <label for="select-native-2">{lang xj_event:baominglx}:</label>
- <select name="costclass" id="select-native-2">
- <!--{loop $setting[cost] $cvalue}-->
- <option value="{$cvalue[id]}" <!--{if $cvalue[id] == $value[ufielddata][costclass]}-->selected<!--{/if}-->>{$cvalue[cost_name]}</option>
- <!--{/loop}-->
- </select>
- </div>
- <!--{/if}-->
-
-
-
-
- <!--{if !empty($selectuserfield)}-->
- <!--{loop $selectuserfield $fieldid}-->
- <!--{if $settings[$fieldid][available]}-->
- <div data-role="fieldcontain">
- <label for="textarea-1">$settings[$fieldid][title]</label>
- <!--{if $settings[$fieldid][formtype] != 'file'}-->
- <!--{if $settings[$fieldid][formtype] == 'checkbox'}-->
- $value[ufielddata][$fieldid]
- <!--{elseif $fieldid == 'residecity'}-->
- <!--{eval
- echo str_replace('value=""><span></span>','value="'.$value[ufielddata][$fieldid].'"><span>'.$value[ufielddata][$fieldid].'</span>',$htmls[$fieldid]);
- }-->
- <!--{elseif $settings[$fieldid][formtype] == 'select'}-->
- {eval
- $tmphtml = str_replace('value=""','value="'.$value[ufielddata][$fieldid].'"',$htmls[$fieldid]);
- echo str_replace('data-value="'.$value[ufielddata][$fieldid].'" style="background-color:#ccc;','data-value="'.$value[ufielddata][$fieldid].'" style="background-color:#48bd46;',$tmphtml);
- }
- <!--{else}-->
- <!--{eval
- echo str_replace('value=""','value="'.$value[ufielddata][$fieldid].'"',$htmls[$fieldid]);
- }-->
- <!--{/if}-->
- <!--{else}-->
- <input id="activitypic_$fieldid" type="text" tabindex="1" value="" placeholder="{lang xj_event:qsrtpdz}" class="px" name="$fieldid" onblur="if(!this.value.match(/^https?:\/\/.+\/.+\.(jpg|png|gif|jpeg|bmp)$/i)){ $('showerror_$fieldid').innerHTML='{lang xj_event:tpdzcw}';}else{ $('showerror_$fieldid').innerHTML=' ';}">
- <!--{/if}-->
- </div>
- <!--{/if}-->
- <!--{/loop}-->
- <!--{/if}-->
-
- <!--{if !empty($myuserfield)}-->
- <!--{loop $value[myuserfield] $val}-->
- <div data-role="fieldcontain">
- <label for="textarea-1">{$val[title]}</label>
- {$val[html]}
- </div>
- <!--{/loop}-->
- <!--{/if}-->
-
-
-
- <div data-role="fieldcontain">
- <label for="textarea-1">{lang xj_event:liuyan}</label>
- <textarea name="message" maxlength="100" id="textarea-1">{$value[bmmessage]}</textarea>
- </div>
- </p>
- </div>
- <!--{/loop}-->
- </div>
-
- <button class="ui-btn ui-icon-plus ui-btn-icon-left" id="addbtn">{lang xj_event:zenjiayiren}</button>
- <div style="height:20px;"></div>
- <button class="ui-btn ui-icon-edit ui-btn-icon-left" id="sumbitbtn">{lang xj_event:tijiaobaomin}</button>
- </div>
- </div>
- <div id="bmtemplate" style="display:none;">
- <!--{if $setting[session]}-->
- <div data-role="fieldcontain">
- <label for="select-native-1">{lang xj_event:huodongcc}:</label>
- <div class="xjselect">
- <input type="hidden" name="session" value="">
- <!--{loop $setting[session] $key $value}-->
- <span style="font-size: 14px; padding: 3px 12px; color:#fff; border-radius: 4px; margin-bottom: 5px; margin-right: 5px; float: left; font-weight: normal; text-shadow: none; background-color: #ccc;" data-value="$key">$value</span>
- <!--{/loop}-->
- <div style="clear:both;"></div>
- </div>
- </div>
- <!--{/if}-->
- <!--{if $setting[cost]}-->
- <div data-role="fieldcontain">
- <label for="select-native-2">{lang xj_event:baominglx}:</label>
- <select name="costclass" id="select-native-2">
- <!--{loop $setting[cost] $cvalue}-->
- <option value="{$cvalue[id]}" <!--{if $cvalue[id] == $value[ufielddata][costclass]}-->selected<!--{/if}-->>{$cvalue[cost_name]}</option>
- <!--{/loop}-->
- </select>
- </div>
- <!--{/if}-->
-
- <!--{if !empty($selectuserfield)}-->
- <!--{loop $selectuserfield $fieldid}-->
- <!--{if $settings[$fieldid][available]}-->
- <div data-role="fieldcontain">
- <label for="textarea-1">$settings[$fieldid][title]</label>
- <!--{if $settings[$fieldid][formtype] != 'file'}-->
- $htmls[$fieldid]
- <!--{else}-->
- <input id="activitypic_$fieldid" type="text" tabindex="1" value="" placeholder="{lang xj_event:qsrtpdz}" class="px" name="$fieldid" onblur="if(!this.value.match(/^https?:\/\/.+\/.+\.(jpg|png|gif|jpeg|bmp)$/i)){ $('showerror_$fieldid').innerHTML='{lang xj_event:tpdzcw}';}else{ $('showerror_$fieldid').innerHTML=' ';}">
- <!--{/if}-->
- </div>
- <!--{/if}-->
- <!--{/loop}-->
- <!--{/if}-->
-
- <!--{if !empty($myuserfield)}-->
- <!--{loop $myuserfield $value}-->
- <div data-role="fieldcontain" class="myuserfield">
- <label for="textarea-1">{$value[title]}</label>
- {$value[html]}
- </div>
- <!--{/loop}-->
- <!--{/if}-->
-
-
-
-
-
-
- <div data-role="fieldcontain">
- <label for="textarea-1">{lang xj_event:liuyan}</label>
- <textarea name="message" maxlength="100" id="textarea-1"></textarea>
- </div>
- </div>
- </body>
- </html>
|