https://www.daiwa.jp/content/dam/daiwasecurities/resource/js/branch.js

1/* 文字コードはShift_JIS */
2
3/* 条件により、使用されるjavascript fileを判別 */
4var siten_form=document.forms["check_event_page"];
5if(siten_form != undefined){
6 event_search_flg = document.forms["check_event_page"].event_search_check.value;
7} else {
8 event_search_flg = "off";
9}
10 
11if(event_search_flg == 'on'){
12	document.write('<script type="text/javascript" src="/content/dam/daiwasecurities/resource/js/branch_event.js"></script>');
13} else {
14	document.write('<script type="text/javascript" src="/content/dam/daiwasecurities/resource/js/branch_data.js"></script>');
15}
16
17var BRANCH_URI_BASE = "/service/channel/brc/";
18
19/* エリアのセレクトボックスの生成 */
20function getAreaNameForSelect(){
21  for(i=0; i < areas.area.length; i++){
22    var areaEntity = areas.area[i].areaObj;
23    document.write('<option value="' + areaEntity.areaCode + '">');
24    document.write(areaEntity.areaName);
25    document.write('</option>');
26  }
27}
28
29/* お店のセレクトボックスの生成 */
30function getBranchNameForSelect(){
31  for(i=0; i < areas.area.length; i++){
32    var areaEntity = areas.area[i].areaObj;

33    document.write('<option value="">');
34    document.write('↓■' + areaEntity.areaName + '■');
35    document.write('</option>');
36    
37    /* 支店情報 */
38    for(j=0; j < areaEntity.branch.length; j++){
39      var branchEntity = areaEntity.branch[j];
40      document.write('<option value="' + branchEntity.branchCode + '">');
41      document.write(branchEntity.branchName);
42      document.write('</option>');
43    }
44  }
45}
46
47
48/* セレクトボックスでのエリア選択後 */
49function changeBranchByArea(formName){
50  var selectedAreaCode = formName.T_TENPO[formName.T_TENPO.selectedIndex].value;
51  
52  /* セレクトボックスの内容クリア */
53  for (var i = formName.TENPO.options.length - 1; i > -1; i--){
54    formName.TENPO.options[i] = null;
55  }
56  
57  if(selectedAreaCode != ""){
58    for(var i = 0; i < areas.area.length; i++){
59      if(areas.area[i].areaObj.areaCode == selectedAreaCode){
60        var areaEntity = areas.area[i].areaObj;
61        
62        /* 支店情報 */
63        for(j=0; j < areaEntity.branch.length; j++){
64          if(j==0){
65            formName.TENPO.options[j] = 
66            new Option("支店を選択してください","");
67          }
68          
69          var branchEntity = areaEntity.branch[j];
70          formName.TENPO.options[j+1] = 
71            new Option(branchEntity.branchName,branchEntity.branchCode);
72        }
73      }
74    }
75  } else {
76    
77    var count = 0;
78    for(var i = 0; i < areas.area.length; i++){
79      if(i==0){
80        formName.TENPO.options[count] = 
81        new Option("支店を選択してください","");
82        count++;
83      }
84      
85      var areaEntity = areas.area[i].areaObj;
86      formName.TENPO.options[count] = 
87        new Option('↓■' + areaEntity.areaName + '■',"");
88      count++;
89      
90      /* 支店情報 */
91      for(j=0; j < areaEntity.branch.length; j++){
92        var branchEntity = areaEntity.branch[j];
93        formName.TENPO.options[count] = 
94            new Option(branchEntity.branchName,branchEntity.branchCode);
95        count++;
96      }
97    }
98  }
99}
100
101
102/* セレクトボックスでの支店選択後のページ遷移 */
103function moveToBranch(formName){
104  var selectedBranchCode = formName.TENPO[formName.TENPO.selectedIndex].value;
105  if(selectedBranchCode != ""){
106    location.href = BRANCH_URI_BASE + selectedBranchCode + ".html";
107  }
108}
109function moveToBranch2(formName){
110  var selectedBranchCode = formName.TENPO[formName.TENPO.selectedIndex].value;
111  if(selectedBranchCode != ""){
112    window.open(BRANCH_URI_BASE + selectedBranchCode + ".html");
113  }
114}
115
116
117/* エリアのラジオボタンの生成 */
118function getAreaNameForRadio(){
119  var outputHtml="";
120  var trFlg = 0;
121  
122  outputHtml += '<table border="0" cellspacing="0" cellpadding="0">';
123  
124  for(i=0; i < areas.area.length; i++){
125    var areaEntity = areas.area[i].areaObj;
126    if(trFlg == 0){
127      outputHtml += '<tr>';
128      trFlg = 1;
129    }
130    outputHtml += '<td width="140">';
131    
132    outputHtml += '<input type="radio" name="area" value="'
133      + areaEntity.areaCode
134      + '" id="area' + areaEntity.areaCode + '" onClick="getBranchByArea(this.form);">';
135    outputHtml += '<label for="area' + areaEntity.areaCode + '">';
136    outputHtml += '<span class="mtxt">';
137    outputHtml += areaEntity.areaName;
138    outputHtml += '</span>';
139    outputHtml += '</label>';
140    
141    outputHtml += '</td>';
142    
143    if(((i+1) % 3) == 0 || ((i+1) == areas.area.length)){
144      outputHtml += '</tr>';
145      trFlg = 0;
146    }
147  }
148  
149  outputHtml += '</table>';
150  document.write(outputHtml);
151  
152}
153
154
155/* 支店のチェックボックスの生成 */
156function getBranchByArea(formName){
157  var selectedAreaCode = "";
158  var branchHtml = "";
159  var trFlg = 0;
160  
161  for(var i = 0; i < formName.area.length; i++){
162    if(formName.area[i].checked == true){
163      selectedAreaCode = formName.area[i].value;
164    }
165  }
166  

167  branchHtml += '<span class="mtxt">指定する開催支店にチェックをいれてください（複数選択可）　　</span><span class="stxtb">※任意</span>';
168  branchHtml += '<div class="p05">';
169  branchHtml += '<input type="checkbox" name="branch_all" id="branch_all" value="1" onClick="allCheck(\'branch_all\', \'branch[]\');"><label for="branch_all"><span class="mtxt">全ての支店を選択</span></label>';
170  branchHtml += '</div>';
171  branchHtml += '<table border="0" cellspacing="0" cellpadding="0" width="100%">';
172  
173  for(var j = 0; j < areas.area.length; j++){
174    if(areas.area[j].areaObj.areaCode == selectedAreaCode){
175      var areaEntity = areas.area[j].areaObj;
176      
177      for(var k = 0; k < areaEntity.branch.length; k++){
178        var branchEntity = areaEntity.branch[k];
179        
180        if(trFlg == 0){
181          branchHtml += '<tr>';
182          trFlg = 1;
183        }
184        
185        branchHtml += '<td>';
186        
187        
188        
189        branchHtml += '<input type="checkbox" id="branch';

190        branchHtml += branchEntity.branchCode;
191        branchHtml += '" name="branch[]" value="';
192        branchHtml += branchEntity.branchCode;
193        branchHtml += '" onClick="cancelAllBox(this,\'branch_all\');"><label for="branch';
194        branchHtml += branchEntity.branchCode;
195        branchHtml += '">';
196        
197        branchHtml += '<span class="mtxt">';
198        branchHtml += branchEntity.branchName
199        branchHtml += '　　　</span>';
200        
201        branchHtml += '</label>';
202        
203        branchHtml += '</td>';
204        
205        if(((k+1) % 3) == 0 || ((k+1) == areaEntity.branch.length)){
206          branchHtml += '</tr>';
207          trFlg = 0;
208        }
209        
210      }
211    }
212  }
213  
214  
215  
216  var branchList = document.getElementById("branchList");
217  branchList.innerHTML = branchHtml;
218}
219