| 14 |
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 |
?>
|