Subversion Repositories qbpwcf-lib(archive)

Rev

Rev 915 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 liveuser 1
<?php
2
 
3
#指派命名空間爲qbpwcf
4
namespace qbpwcf;
5
 
6
#匯入外部套件
7
include("../allInOne.php");
8
 
9
#提示要測試的函式
10
echo "<hr>jquery::showOrHide - testCase 1<br>";
11
 
12
/*
13
 
14
#涵式說明:
15
#透過id讓元素點一下就消失的jquery涵式
16
#回傳的內容:
17
#jquery語法。
18
#必填的參數:
19
$conf["jqueryLocation"]="lib/jquery-2.2.2.min.js";#jquery套件的位置
20
$conf["elementId"]="test";#要套用在哪個id的元素。
21
$conf["triggerElementId"]="this";#效果的呈現要在哪個id的元素,若爲"this"則代表效果的呈現是在當前要套用的元素。
22
$conf["triggerCondition"]="click";#觸發的條件,"click"代表按一下滑鼠;"mouseenter"代表滑鼠移到該元素時
23
$conf["hideOrShow"]="hide()";#hide代表要隱藏;show代表要顯示。
24
echo jquery::showOrHide($conf)["content"];
25
unset($conf);
26
 
27
#要消失/出現的範例
28
echo "<div id=test>點我,我會消失;離開我,我會再度現身!</div>";
29
 
30
*/
31
 
32
#提示要測試的函式
33
echo "<hr>jquery::showOrHide - testCase 2 <br>";
34
 
35
/*
36
 
37
#涵式說明:
38
#透過id讓元素被劃過去就消失的jquery涵式
39
#回傳的內容:
40
#jquery語法。
41
#必填的參數:
42
$conf["jqueryLocation"]="lib/jquery-2.2.2.min.js";#jquery套件的位置
43
$conf["elementId"]="test2";#要套用在哪個id的元素。
44
$conf["triggerElementId"]="test2";#效果的呈現要在哪個id的元素,若爲"this"則代表效果的呈現是在當前要套用的元素。
45
$conf["triggerCondition"]="mouseenter";#觸發的條件,"click"代表按一下滑鼠;"mouseenter"代表滑鼠移到該元素時
46
$conf["hideOrShow"]="hide()";#hide代表要隱藏;show代表要顯示。
47
echo jquery::showOrHide($conf)["content"];
48
unset($conf);
49
 
50
#觸發id爲test的元素出現的範例
51
echo "<div id=test2 >移過來我會消失</div>";
52
 
53
*/
54
 
55
#提示要測試的函式
56
echo "<hr>jquery::showOrHide - testCase 3 <br>";
57
 
58
/*
59
 
60
#涵式說明:
61
#透過id讓元素點一下就出現或消失的jquery涵式
62
#回傳的內容:
63
#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
64
#$result["error"],錯誤訊息
65
#$result["content"],jquery語法
66
#$result["function"],當前執行的函數名稱 
67
#必填的參數:
68
$conf["jqueryLocation"]="lib/jquery-2.2.2.min.js";#jquery套件的位置
69
$conf["elementId"]="showSpace";#js的觸發對象要套用在哪個id的元素。
70
$conf["triggerElementId"]="hideSpace";#效果的呈現要在哪個id的元素,若爲"this"則代表效果的呈現是在當前要套用的元素。
71
$conf["triggerCondition"]="mouseenter";#觸發的條件,"click"代表按一下滑鼠;"mouseenter"代表滑鼠移到該元素時
72
$conf["hideOrShow"]="show()";#要執行的動作,"hide"代表要隱藏;"show"代表要顯示。
73
#參考資料:
74
#點擊觸發=>http://www.w3school.com.cn/jquery/event_click.asp
75
echo jquery::showOrHide($conf)["content"];
76
unset($conf);
77
 
78
#涵式說明:
79
#透過id讓元素點一下就出現或消失的jquery涵式
80
#回傳的內容:
81
#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
82
#$result["error"],錯誤訊息
83
#$result["content"],jquery語法
84
#$result["function"],當前執行的函數名稱 
85
#必填的參數:
86
$conf["jqueryLocation"]="lib/jquery-2.2.2.min.js";#jquery套件的位置
87
$conf["elementId"]="hideSpace";#js的觸發對象要套用在哪個id的元素。
88
$conf["triggerElementId"]="this";#效果的呈現要在哪個id的元素,若爲"this"則代表效果的呈現是在當前要套用的元素。
89
$conf["triggerCondition"]="click";#觸發的條件,"click"代表按一下滑鼠;"mouseenter"代表滑鼠移到該元素時
90
$conf["hideOrShow"]="hide()";#要執行的動作,"hide"代表要隱藏;"show"代表要顯示。
91
#參考資料:
92
#點擊觸發=>http://www.w3school.com.cn/jquery/event_click.asp
93
echo jquery::showOrHide($conf)["content"];
94
unset($conf);
95
 
96
echo "<span id=showSpace>移到我這可以顯示hidespace區塊的內容<br><span id=hideSpace>點我隱藏hidespace的內容</span><span>";
97
 
98
*/
99
 
100
#提示要測試的函式
101
echo "<hr>jquery::confirmClick - testCase 1 <br>";
102
 
103
/*
104
 
105
#函數說明:
106
#確認是否真的要執行點擊的動作,進而觸發表單,超連結.
107
#回傳結果:
108
#$result["status"],執行正確與否,"true"代表執行正確,"false"代表執行失敗.
109
#$result["error"],錯誤訊息陣列.
110
#$result["content"],JavaScript的語法.
111
#$result["function"],當前執行的函數名稱.
112
#必填參數:
113
#$conf["jqueryPosition"],字串,jquery的位置.
114
$conf["jqueryPosition"]="lib/jquery-2.2.2.min.js";
115
#$conf["triggerId"],字串,表單送出按鈕的id.
116
$conf["triggerId"]="confirmWindowTrigger";
117
#可省略參數:
118
#$conf["comment"],字串陣列,確認視窗的提示文字,每個元素代表一列內容.
119
#$conf["comment"]=array("");
120
var_dump(jquery::confirmClick($conf));
121
unset($conf);
122
 
123
#函式說明:
124
#放置按鈕
125
#回傳結果:
126
#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
127
#$result["function"],當前執行的函數.
128
#$result["error"],錯誤訊息陣列.
129
#$result["content"],按鈕語法. 
130
#必要的參數:
131
$conf["buttonDisplayValue"]="奇摩首頁";#爲按鈕上顯示的文字。
132
#可省略的參數:
133
#$conf["buttonStyleName"]="";#可省略,爲按鈕所要使用的css樣式類別名稱,預設的css樣式爲 __simpleButtonLinkDefaultButtonCssStyle 。
134
	#其屬性爲   "width","height","font-size","text-align"
135
	#其屬性值爲 "100%" ,  "50"  ,    "30"   ,   "center"
136
#$conf["buttonActionScriptFunction"]="";#可省略,爲按下按鈕時所要執行的javaScript函式或程式,預設不設定。
137
	#"document.forms.formName.submit()"爲傳送名爲testForm的表單內容
138
	#"window.print()"爲使用瀏覽器內建工具列印當前網頁
139
	#若搭配 javaScript 類別的 confirmWindow 函數的回傳結果,則會有確認視窗的效果.
140
#$conf["buttonBorder"]="";#可省略,爲IE9內會自動產生外框,此爲外框的厚度,屬性值爲正整數,預設爲0。
141
#$conf["disabled"]="true";#可省略,為按鈕的功能是否要取消,若為"true"則代表要取消,若為"false"則代表功能正常,預設為"false".
142
#$conf["tableStart"]="true";#爲是否要表格開始。"false"代表否,"true"代表是。預設爲"false"。
143
#$conf["tableClass"]="";#表格要套用的css樣式,若省略的話,則預設爲 __defaultTbaleCsssStyle 其屬性爲 table-layout:fixed word-break:break-all width:100% ,須搭配 $conf["tablStart"] 與 $conf["tableEnd"] 使用。
144
#$conf["trStart"]="true";#爲是否要以<tr>開頭,"true"表示"是"。也可以看作新的一列開始,預設為"false".
145
#$conf["trClass"]="__withoutBorder";#<tr>要套用的css樣式,預設為"__withoutBorder",亦即沒有框線的樣式;"__withBorder"則爲有框線的樣式
146
#$conf["tdStart"]="true";#爲是否要以<td>開頭,"true"表示"是"。也可以看成列裏面的元素開始,預設為"false".
147
#$conf["tdClass"]="__withoutBorder";#<td>要套用的css樣式,"__withoutBorder"爲沒有框線的樣式;__withBorder爲有框線的樣式
148
#$conf["tdEnd"]="true";#爲是否要以</td>結尾,"true"表示"是"。也可以看成列裏面的元素結束,預設為"false".
149
#$conf["trEnd"]="true";#爲是否要以</tr>結尾,"true"表示"是"。也可以看作該列結束,預設為"false".
150
#$conf["tableEnd"]="true";#爲是否要表格結束。"false"代表否,"true"代表是,預設爲"false"。
151
$conf["formStart"]="true";#爲是否要表單開始,如果爲"true"則代表要表單開始,預設為"false".
152
$conf["action"]="https://tw.yahoo.com";#爲表單要傳送到哪個頁面,須搭配$conf["formStart"]與$conf["formEnd"]參數使用
153
$conf["target"]="_blank";#為目標表單顯示的方式,若沒設定則預設爲"_self",其他可用的參數爲 "_blank"、"_parent"、"_top",也可以是iframe的名稱。須搭配$conf["formStart"]與$conf["formEnd"]參數使用
154
$conf["formEnd"]="true";#爲是否要表單結束,如果爲"true"則代表要表單結束,預設為"false".
155
#$conf["formId"],字串,表單的id.
156
#$conf["formId"]="confirmWindowTrigger";
157
#$conf["buttonId"],字串,按鈕的id.
158
$conf["buttonId"]="confirmWindowTrigger";
159
#參考資料來源:
160
#http://stackoverflow.com/questions/3014649/how-to-disable-html-button-using-javascript
161
var_dump(form::button($conf));
162
unset($conf);
163
 
164
*/
165
 
166
#提示要測試的函式
167
echo "<hr>jquery::confirmClick - testCase 2 <br>";
168
 
169
/*
170
 
171
#函數說明:
172
#確認是否真的要執行點擊的動作,進而觸發表單,超連結.
173
#回傳結果:
174
#$result["status"],執行正確與否,"true"代表執行正確,"false"代表執行失敗.
175
#$result["error"],錯誤訊息陣列.
176
#$result["content"],JavaScript的語法.
177
#$result["function"],當前執行的函數名稱.
178
#必填參數:
179
#$conf["jqueryPosition"],字串,jquery的位置.
180
$conf["jqueryPosition"]="lib/jquery-2.2.2.min.js";
181
#$conf["triggerId"],字串,表單送出按鈕的id.
182
$conf["triggerId"]="confirmWindowTrigger";
183
#可省略參數:
184
#$conf["comment"],字串陣列,確認視窗的提示文字,每個元素代表一列內容.
185
#$conf["comment"]=array("");
186
var_dump(jquery::confirmClick($conf));
187
unset($conf);
188
 
189
#涵式說明:
190
#放置超鏈結
191
#回傳的結果:
192
#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
193
#$result["error"],錯誤訊息
194
#$result["content"],語法
195
#$result["function"],當前執行的函數名稱
196
#必填的參數:
197
#$conf["position"],字串,爲要連結到的位置	
198
$conf["position"]="http://www.yahoo.com.tw";
199
#$conf["linkName",字串,爲連結的顯示名稱
200
$conf["linkName"]="奇摩首頁";
201
#可省略的參數:
202
#$conf["method"],字串,爲點選連結後,新畫面要如何呈現,可省略預設爲"_self",可用的選項有 _top(覆蓋目前的視窗來顯現新內容) _parent _self _blank(跳新視窗)
203
$conf["method"]="_blank"; 
204
#$conf["class"],字串,爲要套用的css超連節樣式,可省略。
205
#$conf["class"]="";
206
#$conf["id"],字串,超連結的id.
207
$conf["id"]="confirmWindowTrigger";
208
var_dump(link::show_link($conf));
209
unset($conf);
210
 
211
*/
212
 
213
#提示要測試的函式
214
echo "<hr>jquery::confirmClick - testCase 1 <br>";
215
 
216
/*
217
 
218
#涵式說明:
219
#建立特定元素的jquery on click事件
220
#回傳結果:
221
#$result["status"],執行正確與否,"true"代表執行正確,"false"代表執行失敗.
222
#$result["error"],錯誤訊息陣列.
223
#$result["content"],JavaScript的語法.
224
#$result["function"],當前執行的函數名稱.
225
#必填參數:
226
#$conf["trigger"],字串,要設定click事件的目標(selector),可以為ID("#element_id"),class(".trigger"),tag("div"),tag&attr("div[data-action=nextPage]"),combine tag&class("div.flip").
227
$conf["trigger"]="div.onClick";
228
#$conf["content"],字串,click事件觸發後,要做的事情.
229
$conf["content"]="alert($(this).toSource());";		
230
#可省略參數:
231
#$conf["jqueryPath"],字串,jquery的位置,預設不指定.
232
#$conf["jqueryPath"]="";
233
#$conf["fileArgu"],字串,php變數__FILE__的內容,亦即該檔案在檔案系統的絕對路徑,請與參數"jqueryPath"一起設置,預設為當前檔案的位置.
234
#$conf["fileArgu"]=__FILE__;
235
#參考資料:
236
#selector=>https://api.jquery.com/category/selectors/
237
#備註:
238
#建構中... 	
239
$onClick=jquery::onClick($conf);
240
unset($conf);
241
 
242
#如果建立失敗
243
if($onClick==="false"){
244
 
245
	#印出內容
246
	var_dump($onClick);
247
 
248
	#結束程式
249
	exit;
250
 
251
	}#if end
252
 
253
#印出事件套用的目標
254
echo "<div class=\"onClick\">Click me!</div>";
255
 
256
#印出語法
257
echo $onClick["content"];
258
 
259
*/
260
 
261
#提示要測試的函式
262
echo "<hr>jquery::confirmClick - testCase 2 <br>";
263
 
264
/*
265
 
266
#涵式說明:
267
#建立特定元素的jquery on click事件
268
#回傳結果:
269
#$result["status"],執行正確與否,"true"代表執行正確,"false"代表執行失敗.
270
#$result["error"],錯誤訊息陣列.
271
#$result["content"],JavaScript的語法.
272
#$result["function"],當前執行的函數名稱.
273
#$result["importJS"],匯入js的語法,必定含有<script></script>標籤.
274
#必填參數:
275
#$conf["trigger"],字串,要設定click事件的目標(selector),可以為ID("#element_id"),class(".trigger"),tag("div"),tag&attr("div[data-action=nextPage]"),combine tag&class("div.flip").
276
$conf["trigger"]="div.onClick";
277
#$conf["content"],字串,click事件觸發後,要做的事情.
278
$conf["content"]="alert($(this).toSource());";		
279
#可省略參數:
280
#$conf["jqueryPath"],字串,jquery的位置,預設不指定.
281
#$conf["jqueryPath"]="";
282
#$conf["fileArgu"],字串,php變數__FILE__的內容,亦即該檔案在檔案系統的絕對路徑,請與參數"jqueryPath"一起設置,預設為當前檔案的位置.
283
#$conf["fileArgu"]=__FILE__;
284
#$conf["noScriptTag"],字串,是否不要<script></script>,"true"代表不要,"false"代表不用,預設為"false".
285
$conf["noScriptTag"]="true";
286
#參考資料:
287
#selector=>https://api.jquery.com/category/selectors/
288
$onClick=jquery::onClick($conf);
289
unset($conf);
290
 
291
#如果建立失敗
292
if($onClick==="false"){
293
 
294
	#印出內容
295
	var_dump($onClick);
296
 
297
	#結束程式
298
	exit;
299
 
300
	}#if end
301
 
302
#印出事件套用的目標
303
echo "<div class=\"onClick\">Click me!</div>";
304
 
305
#印出匯入js的語法
306
#echo $onClick["importJS"];
307
 
308
#印出語法
309
echo $onClick["content"];
310
 
311
*/
312
 
313
?>