WebSVN – php-qbpwcf – Diff – /trunk/usr/lib64/qbpwcf/css.php

 <?php
 /*
 	QBPWCF, Quick Build PHP website Component base on Fedora Linux.
-    Copyright (C) 2014~2025 Min-Jhin,Chen
+    Copyright (C) 2014~2025 MIN ZHI, CHEN
     This file is part of QBPWCF.
     QBPWCF is free software: you can redistribute it and/or modify
     it under the terms of the GNU General Public License as published by
 		#初始化 data 屬性的內容
 		$dataAttr="";
 		#如果有設置 $conf["data"] 參數
 		if(isset($conf["data"])){
 			#依據每個元素
 			foreach($conf["data"] as $name => $value){
 				#串接 data 屬性
 				$dataAttr=$dataAttr."data-".$name."=\"".$value."\" ";
 				}#foreach end
 			}#foreach end
 		#初始化 id
 		$id="";
 				#取得style字串
 				$styleStr=$styleStr["content"];
 				}#if end
 			}#if end
 		#設置div起始標籤與class設定
 		$result["content"]="<span ".$styleStr." ".$conf["class"]." ".$conf["title"]." ".$dataAttr." ".$id.">";
 			}#if end
 		#反之
 		else{
 			#如果 $conf["textAlignCenter"] 為 "true"
 			if($conf["textAlignCenter"]==="true"){
 				#新增置中的屬性
 				$conf["styleAttr"][]="text-align";
 				#新增置中的屬性值
 				$conf["styleVal"][]="center";
 				}#if end
 			}#else end
 		#如果有style樣式要設定
 		if(count($conf["styleAttr"])>0 && count($conf["styleVal"])>0){
 	$conf["width"]="";
 	#可省略參數:
 	#$conf["between"],字串,宣單項目之間要相隔多少距離,$conf["width"],單位爲px.
 	#$conf["between"]="";
 	#$conf["top"],字串，選單項目距離上部的距離,預設不指定,單位爲px.
 	#$conf["top"]="";
 	#$conf["bgColor"],字串,選單的背景顏色,預設爲"#FFFFFF".
 	#$conf["bgColor"]="";
 	#參考資料:
 	#無.
 	#備註:
 	#無.
 	*/
 	public static function rwdMenu(&$conf){
 		#初始化要回傳的結果
 		$result=array();
 		#取得當前執行的函數名稱
 		$result["function"]=__FUNCTION__;
 			#回傳結果
 			return $result;
 			}#if end
 		#初始化要回傳的語法
 		$result["content"]="";
 		#寬度小於 $conf["width"] 要設置 inline 的 logo
 		#函式說明:
 		#響應式css樣式,依據瀏覽器的環境(寬度，高度...),使用指定的css樣式
 		#回傳結果:
 		#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 		$rwd=css::rwd($conf["css::rwd"]);
 		unset($conf["css::rwd"]);
 		#如果建立rwd區塊失敗
 		if($rwd["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"]=$rwd;
 			#回傳結果
 			return $result;
 			}#if end
 		#取得 css 語法
 		$result["content"]=$result["content"].$rwd["content"];
 		#寬度大於 $conf["width"]px logo 要 inline
 		#函式說明:
 		#響應式css樣式,依據瀏覽器的環境(寬度，高度...),使用指定的css樣式
 		#回傳結果:
 		$rwd=css::rwd($conf["css::rwd"]);
 		unset($conf["css::rwd"]);
 		#如果建立rwd區塊失敗
 		if($rwd["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"]=$rwd;
 			#回傳結果
 			return $result;
 			}#if end
 		#取得 css 語法
 		$result["content"]=$result["content"].$rwd["content"];
 		#寬度大於 $conf["width"] 要設置menu類別左邊位移.
 		#涵式說明
 		#響應式css樣式,依據瀏覽器的環境(寬度，高度...),使用指定的css樣式
 		#回傳結果:
 		#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 		$conf["css::rwd"]["target"]=array(".".$conf["otherEleClass"]);
 		#conf["styleAttr"],二維陣列字串,針對每個$conf["target"]要使用的css樣式屬性陣列.
 		$conf["css::rwd"]["styleAttr"]=array(array("display","position"));
 		#$conf["styleVal"],二維陣列字串,針對每個$conf["target"]要使用的css樣式數值陣列.
 		$conf["css::rwd"]["styleVal"]=array(array("inline","relative"));
 		#如果有設置 $conf["between"]
 		if(isset($conf["between"])){
 			#設置 margin-left 屬性
 			$conf["css::rwd"]["styleAttr"][0][]="margin-left";
 			#設置對應的數值
 			$conf["css::rwd"]["styleVal"][0][]=$conf["between"];
 			}#if end
 		#如果有設置 $conf["top"]
 		if(isset($conf["top"])){
 			#設置 top 屬性
 			$conf["css::rwd"]["styleAttr"][0][]="top";
 			#設置對應的數值
 			$conf["css::rwd"]["styleVal"][0][]=$conf["top"];
 			}#if end
 		$rwd=css::rwd($conf["css::rwd"]);
 		unset($conf["css::rwd"]);
 		#如果建立rwd區塊失敗
 		if($rwd["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"]=$rwd;
 			#回傳結果
 			return $result;
 			}#if end
 		#取得 css 語法
 		$result["content"]=$result["content"].$rwd["content"];
 		#寬度小於 $conf["width"] 要設置menu類別爲不顯示.
 		#涵式說明
 		#響應式css樣式,依據瀏覽器的環境(寬度，高度...),使用指定的css樣式
 		#回傳結果:
 		$rwd=css::rwd($conf["css::rwd"]);
 		unset($conf["css::rwd"]);
 		#如果建立rwd區塊失敗
 		if($rwd["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"]=$rwd;
 			#回傳結果
 			return $result;
 			}#if end
 		#取得 css 語法
 		$result["content"]=$result["content"].$rwd["content"];
 		#滑到與 focus a 時的樣式
 		#函式說明:
 		#創建針對html標籤的立即css樣式或限定套用類型的css樣式.
 		#回傳的結果：
 		$createApplyCssStyle=css::createApplyCssStyle($conf["css::createApplyCssStyle"]);
 		unset($conf["css::createApplyCssStyle"]);
 		#如果建立失敗
 		if($createApplyCssStyle["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"]=$createApplyCssStyle;
 			#回傳結果
 			return $result;
 			}#if end
 		#取得 css 語法
 		$result["content"]=$result["content"].$createApplyCssStyle["content"];
 		#menu bar
 		#函式說明:
 		#<div>區塊,裡面可以指定css的class樣式,可以指定提示文字.
 		#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 		#$result["functin"],字串,當前函數的名稱.
 		$divSection=css::divSection($conf["css::divSection"]);
 		unset($conf["css::divSection"]);
 		#如果建立div區塊失敗
 		if($divSection["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"]=$divSection;
 			#回傳結果
 			return $result;
 			}#if end
 		#$conf["firstEleId"],字串,選單的擡頭元素id.
 		#函式說明:
 		#將要執行的script語法透過該函式執行(會在程式外層用<script></script>包起來).
 		#$conf["script"],字串,要執行的javaScript語法.
 		$conf["javaScript::toScript"]["script"]=
+		"
 		//get logo element
 		var logo=document.getElementById('".$conf["firstEleId"]."');
 		//click logo trigger event
 		logo.addEventListener('click',function(){
 			//小畫面才要顯示
 			if(document.body.getBoundingClientRect().width<".(int)($conf["width"])."){
 				//get menu class
 				var menus=document.getElementsByClassName('".$conf["otherEleClass"]."');
 				//隱藏option
 				if(menus[0].style.display==='block' && menus[0].style.marginLeft==='unset'){
 					//each option
 					for(var i=0;i<menus.length;i++){
 						//restore menu style
 						menus[i].style.display='';
 						menus[i].style.marginLeft='';
 						}//for end
 					}//if end
 				//反之要顯示選項
 				else{
 					//each option
 					for(var i=0;i<menus.length;i++){
 						//顯現option
 						menus[i].style.display='block';
 						menus[i].style.marginLeft='unset';
 						}//for end
 					}//else end
 				}//if end
 			});//click evnet end
 		//當視窗大小改變,要觸發function
 		window.addEventListener('resize',function(){
 			//debug
 			if(window.qbpwcf.bug){
 				console.log(document.body.getBoundingClientRect().width);
 				}//if end
 			//get menu class
 			var menus=document.getElementsByClassName('".$conf["otherEleClass"]."');
 			//each option
 			for(var i=0;i<menus.length;i++){
 				//restore menu style
 				menus[i].style.display='';
 				menus[i].style.marginLeft='';
 				}//for end
 			});//resize event end
 		//初始畫面若寬於Logo+選項
 		if(document.body.getBoundingClientRect().width>=".(int)($conf["width"])."){
 			//get menu class
 			var menus=document.getElementsByClassName('".$conf["otherEleClass"]."');
 			//each option
 			for(var i=0;i<menus.length;i++){
 				//restore menu style
 				menus[i].style.display='';
 				menus[i].style.marginLeft='';
 				}//for end
 			}//if end
 		";
 		#可省略參數:
 		#$conf["onReady"],字串,是否要在網頁完全載入後再執行,"false"為不等載入完就先執行,預設為"true"要等載入完再執行.
 		#$conf["onReady"]="true";
 		#$conf["globalJs"],字串陣列,為要放入<script>標籤的js全域變數.
 		$toScript=javaScript::toScript($conf["javaScript::toScript"]);
 		unset($conf["javaScript::toScript"]);
 		#如果建立div區塊失敗
 		if($toScript["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"]=$toScript;
 			#回傳結果
 			return $result;
 			}#if end
 		#取得 script 語法
 		$result["content"]=$result["content"].$toScript["content"];
 		#設置執行正常
 		$result["status"]="true";
 		#取得 html 語法
 		$result["content"]=$result["content"].$divSection["content"];
 		#回傳結果
 		return $result;
 		}#function rwdMenu end
 	/*
 	#函式說明:
 	#將畫面分成數欄
 	#無.
 	#備註:
 	#無.
 	*/
 	public static function cols(&$conf=array()){
 		#初始化要回傳的結果
 		$result=array();
 		#取得當前執行的函數名稱
 		$result["function"]=__FUNCTION__;
 			#回傳結果
 			return $result;
 			}#if end
 		#初始化要回傳的語法
 		$result["content"]="";
 		#欄位計數
 		$colsc=count($conf["content"]);
 		#有分成幾個欄位
 		foreach($conf["content"] as $index => $col){
 			#函式說明:
 			#<div>區塊,裡面可以指定css的class樣式,可以指定提示文字.
 			#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 			#$result["functin"],字串,當前函數的名稱.
 			#$result["error"],陣列,錯訊訊息.
 			#$conf["textAlignCenter"]="true";
 			#$conf["data"],字串陣列,每個要設置的屬性data內容,例如array("option1"=>"A","option2"=>"B"),預設不使用.
 			#$conf["data"]=array();
 			$divSection=css::divSection($conf["css::divSection"]);
 			unset($conf["css::divSection"]);
 			#如果檢查參數失敗
 			if($divSection["status"]==="false"){
 				#設置執行不正常
 				$result["status"]="false";
 				#回傳結果
 				return $result;
 				}#if end
 			#串接語法
 			$result["content"]=$result["content"].$divSection["content"];
 			}#foreach end
 		#設置執行正常
 		$result["status"]="true";
 		#回傳結果
 		return $result;
 		}#function cols end
 	/*
 	#函式說明:
 	#建立永遠飄在上頭的選單，且分為左中右三塊，左邊藏東西的icon，中間是到首頁的Logo,右邊也是藏東西的icon.
 	$conf["content"]=array();
 	#可省略參數:
 	#$conf["style"],二維字串陣列,三個項目的樣式,預設為array(array("text-align:left;"),array("text-align:ceter;"),array("text-align:right"));
 	#$conf["style"]=""
 	#$conf["top"],字串，項目距離上部的距離,預設不指定,單位爲px.
 	#$conf["top"]="";
 	#$conf["bgColor"],字串,選單的背景顏色,預設爲"#FFFFFF".
 	#$conf["bgColor"]="";
 	#參考資料:
 	#無.
 	#備註:
 	#建構中...
 	*/
 	public static function menu3sec(&$conf){
 		}#function menu3sec end
 	/*
 	#函式說明:
 	#建立放置多個圖片與文字說明的內容,寬畫面會呈現一列多個圖示，小畫面會一列一個圖示.
 	#回傳結果:
 	#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 	#$result["error"],錯誤訊息.
 	#$result["function"],當前執行的函數名稱.
 	#$result["content"],語法.
 	#$result["argu"],使用的參數.
 	#必填參數:
 	#$conf["fileArgu"],字串,php變數__FILE__的內容,亦即該檔案在檔案系統的絕對路徑.
 	$conf["fileArgu"]=__FILE__;
 	#可省略參數:
 	#$conf["maxWidth"],字串,小於多少寬度要從span選單變成div選單,單位爲px,預設爲600px.
 	#$conf["maxWidth"]="600px";
 	#無.
 	#備註:
 	#無.
 	*/
 	public static function rwdIcon(&$conf){
 		#初始化要回傳的結果
 		$result=array();
 		#取得當前執行的函數名稱
 		$result["function"]=__FUNCTION__;
 			#回傳結果
 			return $result;
 			}#if end
 		#初始化要回傳的語法
 		$result["content"]="";
 		#如果沒有設置 comment
 		if( isset($conf["icon"]) && !isset($conf["comment"]) ){
 			#針對每個圖示
 			foreach($conf["icon"] as $index => $iconUrl){
 				#設置預設的 comment
 				$conf["comment"][$index]="icon";
 				}#if end
 			}#foreach end
 		#寬度小於 600px 要設置 block 的 product_list
 		#函式說明:
 		#響應式css樣式,依據瀏覽器的環境(寬度，高度...),使用指定的css樣式
 		#回傳結果:
 		#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 		$rwd=css::rwd($conf["css::rwd"]);
 		unset($conf["css::rwd"]);
 		#如果建立rwd區塊失敗
 		if($rwd["status"]==="false"){
 			#設置錯誤訊息
 			$result["error"]=$rwd;
 			#設置錯誤識別
 			$result["status"]="false";
 			#結束運行
 			return $result;
 			}#if end
 		#儲存 css 語法
 		$result["content"]=$result["content"].$rwd["content"];
 		#寬度大於 600px 要設置 inline-block 的 product_list
 		#函式說明:
 		#響應式css樣式,依據瀏覽器的環境(寬度，高度...),使用指定的css樣式
 		#回傳結果:
 		$rwd=css::rwd($conf["css::rwd"]);
 		unset($conf["css::rwd"]);
 		#如果建立rwd區塊失敗
 		if($rwd["status"]==="false"){
 			#設置錯誤訊息
 			$result["error"]=$rwd;
 			#設置錯誤識別
 			$result["status"]="false";
 			#結束運行
 			return $result;
 			}#if end
 		#儲存 css 語法
 		$result["content"]=$result["content"].$rwd["content"];
 		#建立 product_list_div hover 時會出現線條的樣式
 		#函式說明:
 		$createApplyCssStyle=css::createApplyCssStyle($conf["css::createApplyCssStyle"]);
 		unset($conf["css::createApplyCssStyle"]);
 		#如果建立失敗
 		if($createApplyCssStyle["status"]==="false"){
 			#設置錯誤訊息
 			$result["error"]=$createApplyCssStyle;
 			#設置錯誤識別
 			$result["status"]="false";
 			#結束運行
 			return $result;
 			}#if end
 		#儲存 css 語法
 		$result["content"]=$result["content"].$createApplyCssStyle["content"];
 		#初始化儲存 icon & comment
 		$iconGroup=array();
 		#如果有設置 icon
 		if(isset($conf["icon"])){
 			#針對每個icon
 			foreach($conf["icon"] as $index => $icon){
 				#圖片
 				#函數說明:
 				#用data:mimeType;base64,imgVar的形式來提供圖片的連結,亦即圖片儲存在變數裡面,本函式包含顯示圖片的語法.
 				#回傳結果:
 				#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 				#$result["error"],錯誤訊息
 				#$result["content"],圖片的連結資訊
 				#$result["function"],當前執行的函數名稱
 				#必填參數:
 				#$conf["imgPosition"],要轉存成2元碼的圖片檔案位置與名稱
 				$conf["img::data"]["imgPosition"]=$icon;
 				#$conf["fileArgu"],字串,php變數__FILE__的內容,亦即該檔案在檔案系統的絕對路徑.
 				$conf["img::data"]["fileArgu"]=$conf["fileArgu"];
 				#如果建立圖片失敗
 				if($data["status"]==="false"){
 					#設置錯誤訊息
 					$result["error"]=$data;
 					#設置錯誤識別
 					$result["status"]="false";
 					#結束運行
 					return $result;
 					}#if end
 				$iconDivSection=css::divSection($conf["css::divSection"]);
 				unset($conf["css::divSection"]);
 				#如果建立div區塊失敗
 				if($iconDivSection["status"]==="false"){
 					#設置錯誤訊息
 					$result["error"]=$iconDivSection;
 					#設置錯誤識別
 					$result["status"]="false";
 					#結束運行
 					return $result;
 					}#if end
 				#函式說明:
 				#<div>區塊,裡面可以指定css的class樣式,可以指定提示文字.
 				#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 				#$result["functin"],字串,當前函數的名稱.
 				#$result["error"],陣列,錯訊訊息.
 				$commentDivSection=css::divSection($conf["css::divSection"]);
 				unset($conf["css::divSection"]);
 				#如果建立div區塊失敗
 				if($commentDivSection["status"]==="false"){
 					#設置錯誤訊息
 					$result["error"]=$commentDivSection;
 					#設置錯誤識別
 					$result["status"]="false";
 					#結束運行
 					return $result;
 					}#if end
 				#函式說明:
 				#<div>區塊,裡面可以指定css的class樣式,可以指定提示文字.
 				#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 				#$result["functin"],字串,當前函數的名稱.
 				#$result["error"],陣列,錯訊訊息.
 				$divSection=css::divSection($conf["css::divSection"]);
 				unset($conf["css::divSection"]);
 				#如果建立div區塊失敗
 				if($divSection["status"]==="false"){
 					#設置錯誤訊息
 					$result["error"]=$divSection;
 					#設置錯誤識別
 					$result["status"]="false";
 					#結束運行
 					return $result;
 					}#if end
 				#儲存 icon & comment 語法
 				$iconGroup[]=$divSection["content"];
 				}#foreach end
 			}#if end
 		#background
 		#函式說明:
 		#<div>區塊,裡面可以指定css的class樣式,可以指定提示文字.
 		#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 		#$result["functin"],字串,當前函數的名稱.
 		#$conf["contentArray"],字串陣列,要放入的內容陣列.
 		$conf["css::divSection"]["contentArray"]=$iconGroup;
 		#可省略參數
 		#$conf["id"],字串,div區塊的id.
 		#$conf["id"]="";
 		#如果有設置 bgImg
 		if(isset($conf["bgImg"])){
 			#$conf["styleAttr"],字串陣列,給div區段要套用的style樣式屬性.
 			$conf["css::divSection"]["styleAttr"]=array("background-image","text-align");
 			#$conf["styleVal"],字串陣列,給div區段要套用的style樣式數值.
 			$conf["css::divSection"]["styleVal"]=array("url('".$conf["bgImg"]."')","center");
 			}#if end
 		#反之為背景顏色
 		else{
 			#$conf["styleAttr"],字串陣列,給div區段要套用的style樣式屬性.
 			$conf["css::divSection"]["styleAttr"]=array("background-color","text-align");
 			#$conf["styleVal"],字串陣列,給div區段要套用的style樣式數值.
 			$conf["css::divSection"]["styleVal"]=array($conf["bgColor"],"center");
 			}#else end
 		#$conf["class"],字串,div區段要套用的css樣式.
 		#$conf["class"]="bgStyle product_list";
 		#$conf["title"],陣列,滑鼠移到上面時要顯示的內容,每個元素代表一列內容.
 		#$conf["title"]=array();
 		#$conf["oneScreenSize"],字串,div區塊是否要占一個螢幕的大小,預設為"false"不設定,"true"為設定成一個螢幕的大小.
 		$divSection=css::divSection($conf["css::divSection"]);
 		unset($conf["css::divSection"]);
 		#如果建立div區塊失敗
 		if($divSection["status"]==="false"){
 			#設置錯誤訊息
 			$result["error"]=$divSection;
 			#設置錯誤識別
 			$result["status"]="false";
 			#結束運行
 			return $result;
 			}#if end
 		#儲存語法
 		$result["content"]=$result["content"].$divSection["content"];
 		#設置成功識別
 		$result["status"]="true";
 		#回傳結果
 		return $result;
 		}#function rwdIcon end
 	/*
 	#函式說明:
 	#建立rwd的一列內容.
 	#無.
 	#備註：
 	#參數 $conf["maxWidthWidths"] 的元素總只能都設100,要不然排版會亂掉.
 	*/
 	public static function rwdInlineBlock(&$conf){
 		#初始化要回傳的結果
 		$result=array();
 		#取得當前執行的函數名稱
 		$result["function"]=__FUNCTION__;
 			#回傳結果
 			return $result;
 			}#if end
 		#如果未指定 $conf["minWidthWidths"]
 		if(!isset($conf["minWidthWidths"])){
 			#初始化儲存每個div的寬度
 			$conf["minWidthWidths"]=array();
 			#每個div的寬度一致且總和小於90
 			$eachDivWidth=(int)(90/count($conf["target"]));
 			#有幾個 $conf["target"] 就執行幾次
 			foreach($conf["target"] as $target){
 				#儲存 div 的寬度
 				$conf["minWidthWidths"][]=$eachDivWidth;
 				}#foreach end
 			}#if end
 		#如果未指定 $conf["maxWidthWidths"]
 		if(!isset($conf["maxWidthWidths"])){
 			#初始化儲存每個div的寬度
 			$conf["maxWidthWidths"]=array();
 			#每個div的寬度皆為100
 			$eachDivWidth="100";
 			#有幾個 $conf["target"] 就執行幾次
 			foreach($conf["target"] as $target){
 				#儲存 div 的寬度
 				$conf["maxWidthWidths"][]=$eachDivWidth;
 				}#foreach end
 			}#if end
 		#初始化要回傳的語法
 		$result["content"]="";
 		#初始化儲存 inline block 的 div 的陣列
 		$inlineBlockDiv=array();
 		#初始化儲存 div 的 class 清單
 		$divClassList=array();
 		#初始化儲存每個 div 的樣式屬性
 		$minStyleAttrs=array();
 		#初始儲存每個 div 的樣式數值
 		$minStyleVals=array();
 		#初始化儲存每個 div 的樣式屬性
 		$maxStyleAttrs=array();
 		#初始儲存每個 div 的樣式數值
 		$maxStyleVals=array();
 		#用於左右對稱的最左邊空div
 		#函式說明:
 		#<div>區塊,裡面可以指定css的class樣式,可以指定提示文字.
 		#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 		#$result["functin"],字串,當前函數的名稱.
 		#$conf["textAlignCenter"],字串,div區塊是否要置中,預設為$conf["oneScreenSize"]的值,"false"為不置中,"true"代表要置中.
 		#$conf["textAlignCenter"]="";
 		#$conf["data"],字串陣列,每個要設置的屬性data內容,例如array("option1"=>"A","option2"=>"B"),預設不使用.
 		#$conf["data"]=array();
 		$divSection=css::divSection($conf["css::divSection"]);
 		unset($conf["css::divSection"]);
 		#如果建立div失敗
 		if($divSection["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#回傳結果
 			return $result;
 			}#if end
 		#儲存 divSection
 		$inlineBlockDiv[]=$divSection["content"];
 		#儲存 div class
 		$divClassList[]=".".$conf["classHead"]."-left";
 		#儲存 div style attr
 		$minStyleAttrs[]=array("width");
 		#儲存 div style attr
 		$maxStyleAttrs[]=array("width");
 		#針對每個 $conf["target"]
 		foreach($conf["target"] as $index=>$target){
 			#函式說明:
 			#<div>區塊,裡面可以指定css的class樣式,可以指定提示文字.
 			#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 			#$result["functin"],字串,當前函數的名稱.
 			#$result["error"],陣列,錯訊訊息.
 			#$conf["textAlignCenter"],字串,div區塊是否要置中,預設為$conf["oneScreenSize"]的值,"false"為不置中,"true"代表要置中.
 			#$conf["textAlignCenter"]="";
 			#$conf["data"],字串陣列,每個要設置的屬性data內容,例如array("option1"=>"A","option2"=>"B"),預設不使用.
 			#$conf["data"]=array();
 			$divSection=css::divSection($conf["css::divSection"]);
 			unset($conf["css::divSection"]);
 			#如果建立div失敗
 			if($divSection["status"]==="false"){
 				#設置執行不正常
 				$result["status"]="false";
 				#回傳結果
 				return $result;
 				}#if end
 			#儲存 divSection
 			$inlineBlockDiv[]=$divSection["content"];
 			#儲存 div class 到 divClassList
 			$divClassList[]=".".$conf["classHead"]."-".$index;
 			#儲存 div style attr
 			$minStyleAttrs[]=array("width","padding");
 			#初始儲存每個 div 的樣式數值
 			$minStyleVals[]=array($conf["minWidthWidths"][$index]."vw",$conf["padding"]);
 			#儲存 max div style arrt
 			$maxStyleAttrs[]=array("width","padding");
 			#初始儲存每個 max div 的樣式數值
 			$maxStyleVals[]=array($conf["maxWidthWidths"][$index]."vw",$conf["padding"]);
 			}#foreach end
 		#函式說明:
 		#<div>區塊,裡面可以指定css的class樣式,可以指定提示文字.
 		#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 		#$result["functin"],字串,當前函數的名稱.
 		#$result["error"],陣列,錯訊訊息.
 		#$conf["textAlignCenter"],字串,div區塊是否要置中,預設為$conf["oneScreenSize"]的值,"false"為不置中,"true"代表要置中.
 		#$conf["textAlignCenter"]="";
 		#$conf["data"],字串陣列,每個要設置的屬性data內容,例如array("option1"=>"A","option2"=>"B"),預設不使用.
 		#$conf["data"]=array();
 		$divSection=css::divSection($conf["css::divSection"]);
 		unset($conf["css::divSection"]);
 		#如果建立div失敗
 		if($divSection["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#回傳結果
 			return $result;
 			}#if end
 		#串接 row div 語法
 		$result["content"]=$result["content"].$divSection["content"];
 		#初始化儲存寬度比例
 		$width=0;
 		#加總大於 minWidth 每個 div 項目的寬度
 		for($i=0;$i<count($conf["minWidthWidths"]);$i++){
 			#加總寬度
 			$width=$width+$conf["minWidthWidths"][$i];
 			}#for end
 		#如果小於100
 		if($width<100){
 			#取得左邊空div的vw
 			$leftEmptyDivWidth=((100-$width)/2)."vw";
 			}#if end
 		#反之
 		else{
 			#設置執行不正常
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"][]="minWidthWidths加總不得大於100";
 			#回傳結果
 			return $result;
 			}#else end
 		#first+$minsStyleVals;
 		#函式說明:
 		#將多個一維陣列串聯起來,key從0開始排序.
 		#回傳的結果：
 		#$result["status"],"true"表執行正常,"false"代表執行不正常.
 		$conf["arrays::mergeArray"]["inputArray"]=array(array(array($leftEmptyDivWidth)),$minStyleVals);
 		#可省略的參數:
 		#$conf["allowRepeat"],字串,預設為"true",允許重複的結果;若為"false"則不會出現重複的元素內容.
 		#$conf["allowRepeat"]="true";
 		$mergeArray=arrays::mergeArray($conf["arrays::mergeArray"]);
 		unset($conf["arrays::mergeArray"]);
 		#如果合併陣列失敗
 		if($mergeArray["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#回傳結果
 			return $result;
 			}#if end
 		#儲存合併好的陣列
 		$minsStyleVals=$mergeArray["content"];
 		#設置rwd的寬度與樣式
 		#函式說明:
 		#響應式css樣式,依據瀏覽器的環境(寬度，高度...),使用指定的css樣式
 		#回傳結果:
 		#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 		#conf["styleAttr"],二維陣列字串,針對每個$conf["target"]要使用的css樣式屬性陣列.
 		$conf["css::rwd"]["styleAttr"]=$minStyleAttrs;
 		#conf["styleVal"],二維陣列字串,針對每個$conf["target"]要使用的css樣式數值陣列.
 		$conf["css::rwd"]["styleVal"]=$minsStyleVals;
 		$rwd=css::rwd($conf["css::rwd"]);
 		unset($conf["css::rwd"]);
 		#如果合併陣列失敗
 		if($rwd["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			$result["error"]=$rwd;
 			#回傳結果
 			return $result;
 			}#if end
 		#串接 css語法
 		$result["content"]=$result["content"].$rwd["content"];
 		#初始化儲存寬度比例
 		$width=0;
 		#加總小於 maxWidth 每個 div 項目的寬度
 		for($i=0;$i<count($conf["maxWidthWidths"]);$i++){
 			#加總寬度
 			$width=$width+$conf["maxWidthWidths"][$i];
 			}#for end
 		#如果小於100
 		if($width<100){
 			#取得左邊空div的vw
 			$leftEmptyDivWidth=((100-$width)/2)."vw";
 			}#if end
 		#反之
 		else{
 			#設置左邊空div的vw為0vw
 			$leftEmptyDivWidth="0vw";
 			}#else end
 		#$first+$maxStyleVals
 		#函式說明:
 		#將多個一維陣列串聯起來,key從0開始排序.
 		#回傳的結果：
 		#$result["status"],"true"表執行正常,"false"代表執行不正常.
 		#$result["error"],錯誤訊息陣列.
 		$conf["arrays::mergeArray"]["inputArray"]=array(array(array($leftEmptyDivWidth)),$maxStyleVals);
 		#可省略的參數:
 		#$conf["allowRepeat"],字串,預設為"true",允許重複的結果;若為"false"則不會出現重複的元素內容.
 		#$conf["allowRepeat"]="true";
 		$mergeArray=arrays::mergeArray($conf["arrays::mergeArray"]);
 		unset($conf["arrays::mergeArray"]);
 		#如果合併陣列失敗
 		if($mergeArray["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			#回傳結果
 			return $result;
 			}#if end
 		#儲存合併好的陣列
 		$maxStyleVals=$mergeArray["content"];
 		#設置rwd的寬度與樣式
 		#函式說明:
 		#響應式css樣式,依據瀏覽器的環境(寬度，高度...),使用指定的css樣式
 		#回傳結果:
 		#$result["status"],字串,執行否正常,"true"代表正常,"false"代表不正常.
 		#conf["styleAttr"],二維陣列字串,針對每個$conf["target"]要使用的css樣式屬性陣列.
 		$conf["css::rwd"]["styleAttr"]=$maxStyleAttrs;
 		#conf["styleVal"],二維陣列字串,針對每個$conf["target"]要使用的css樣式數值陣列.
 		$conf["css::rwd"]["styleVal"]=$maxStyleVals;
 		$rwd=css::rwd($conf["css::rwd"]);
 		unset($conf["css::rwd"]);
 		#如果合併陣列失敗
 		if($rwd["status"]==="false"){
 			#設置執行不正常
 			$result["status"]="false";
 			$result["error"]=$rwd;
 			#回傳結果
 			return $result;
 			}#if end
 		#串接 css語法
 		$result["content"]=$result["content"].$rwd["content"];
 		#設置執行正常
 		$result["status"]="true";
 		#回傳結果
 		return $result;
 		}#function rwdInlineBlock end
 	/*
 	#函式說明:
 	#建立qbpwcf專屬的css類別樣式
 		#儲存css類別樣式
 		$result["content"]=$result["content"].$createCssStyle["content"];
 		#__defaultTextNoWrapStyle
 		#設置預設的不段行且過長用點點點表示的css樣式
 		#涵式說明：
 		#創建 css 樣式
 		#回傳的結果：
 		#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 		#$result["css"],css設定內容
 		#$result["function"],當前執行的函數
 		#$result["error"],涵式錯誤訊息，若爲""則表示沒有錯誤
 		#必填的參數：
 		$conf["css::createCssStyle"]["cssStyleName"]="__defaultTextNoWrapStyle";#為該 css 樣式的名稱，不能以數字開頭。
 		$conf["css::createCssStyle"]["attributes"]=array("font-size","margin-left","margin-right","margin-top","margin-bottom","white-space","overflow","text-overflow","width");#為屬性名稱，須為陣列值
 		$conf["css::createCssStyle"]["content"]=array("30px","auto","auto","auto","auto","nowrap","hidden","ellipsis","100%");#為屬性值，須為陣列值
 		$createCss=css::createCssStyle($conf["css::createCssStyle"]);
 		unset($conf["css::createCssStyle"]);
 		#如果建立預設css樣式失敗
 		if($createCss["status"]=="false"){
 			#設置執行失敗識別
 			$result["status"]="false";
 			#設置錯誤訊息
 			$result["error"]=$createCss;
 			#回傳結果
 			return $result;
 			}#if end
 		#串聯css樣式
 		$result["content"]=$createCss["content"].$result["content"];
 		#__qbpwcf_inputRadioWithBorder
 		#函式說明:
 			}#if end
 		#儲存css類別樣式
 		$result["content"]=$result["content"].$createCssStyle["content"];
 		#函式說明:
 		#創建 css 樣式,前面會自動加上「.」.
 		#回傳的結果：
 		#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 		#$result["css"],css設定內容
 			}#if end
 		#儲存css類別樣式
 		$result["content"]=$result["content"].$createCssStyle["content"];
 		#函式說明:
 		#創建 css 樣式,前面會自動加上「.」.
 		#回傳的結果：
 		#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 		#$result["css"],css設定內容
 			}#if end
 		#儲存css類別樣式
 		$result["content"]=$result["content"].$createCssStyle["content"];
 		#函式說明:
 		#創建 css 樣式,前面會自動加上「.」.
 		#回傳的結果：
 		#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 		#$result["css"],css設定內容
 			}#if end
 		#儲存css類別樣式
 		$result["content"]=$result["content"].$createCssStyle["content"];
 		#函式說明:
 		#創建 css 樣式,前面會自動加上「.」.
 		#回傳的結果：
 		#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 		#$result["css"],css設定內容
 			}#if end
 		#儲存css類別樣式
 		$result["content"]=$result["content"].$createCssStyle["content"];
 		#函式說明:
 		#創建 css 樣式,前面會自動加上「.」.
 		#回傳的結果：
 		#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 		#$result["css"],css設定內容
 			}#if end
 		#儲存css類別樣式
 		$result["content"]=$result["content"].$createCssStyle["content"];
 		#函式說明:
 		#創建針對html標籤的立即css樣式或限定套用類型的css樣式.
 		#回傳的結果：
 		#$result["status"],執行是否正常,"true"代表正常;"false"代表不正常.
 		#$result["error"],涵式錯誤訊息陣列
 			}#if end
 		#儲存css類別樣式
 		$result["content"]=$result["content"].$createApplyCssStyle["content"];
 		#函式說明:
 		#創建針對html標籤的立即css樣式或限定套用類型的css樣式.
 		#回傳的結果：
 		#$result["status"],執行是否正常,"true"代表正常;"false"代表不正常.
 		#$result["error"],涵式錯誤訊息陣列
 		#回傳結果
 		return $result;
 		}#function qbpwcfStyle end
 	/*
 	#函式說明:
 	#建立bootstap樣式的hr
 	#回傳結果:
 	#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 	#無.
 	#備註:
 	#無.
 	*/
 	public static function hr(&$conf=array()){
 		#初始化要回傳的結果
 		$result=array();
 		#取得當前執行的函數名稱
 		$result["function"]=__FUNCTION__;
 			#回傳結果
 			return $result;
 			}#if end
 		#如果要透明
 		if($conf["opacity"]==="true"){
 			#設置為 0.0
 			$conf["opacity"]="0.0";
 			}#if end
 		#反之
 		else{
 			#設置為 1.0
 			$conf["opacity"]="1.0";
 			}#else end
 		#hr html 語法
 		$result["content"]="<hr class='__qbpwcf_hr' style='color:".$conf["color"].";opacity:".$conf["opacity"]."' >";
 		#設置執行正常
 		$result["status"]="true";
 		#回傳結果
 		return $result;
 		}#function hr end
 	/*
 	#函式說明:
 	#建立div的frame
 	#回傳結果:
 	#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 	#無.
 	#備註:
 	#無.
 	*/
 	public static function frame(&$conf=array()){
 		#初始化要回傳的結果
 		$result=array();
 		#取得當前執行的函數名稱
 		$result["function"]=__FUNCTION__;
 			#回傳結果
 			return $result;
 			}#if end
 		#函式說明:
 		#將要執行的script語法透過該函式執行(會在程式外層用<script></script>包起來).
 		#回傳結果:
 		#$result["status"],執行是否正常,"true"為正常,"false"為不正常.
 		#$result["error"],錯誤訊息陣列
 		#$conf["script"],字串,要執行的javaScript語法.
 		$conf["javaScript::toScript"]["script"]=
+		"
 			//若變數不存在
 			if(window.qbpwcf===undefined){
 				//初始化為空物件
 				window.qbpwcf={};
 				}//if end
 			//若變數不存在
 			if(window.qbpwcf.css===undefined){
 				//初始化為空物件
 				window.qbpwcf.css={};
 				}//if end
 			//若變數不存在
 			if(window.qbpwcf.css.frame===undefined){
 				//初始化為空物件
 				window.qbpwcf.css.frame={};
 				}//if end
 			//初始化儲存 div frame 物件
 			window.qbpwcf.css.frame.content={};
 			//建立 div
 			divFrame=document.createElement('div');
 			//設置 frame 的高度
 			divFrame.style.height='".$conf["vh%"]."vh';
 			divFrame.style.overflowY='auto';
 			divFrame.style.overflowX='hidden';
 			//取得要放置於 iframe 上方的標題
 			title=document.getElementById('".$conf["titleId"]."');
 			//複製一份
 			fakeTitle=title.cloneNode(true);
 			//隱藏資料表的抬頭
 			title.style.opacity=0.0;
 			//原始標題的樣式
 			titleComStyle=getComputedStyle(title.children[0].children[0]);
 			//標題要放在相位置距離高度有 -XXpx的地方
 			titleTop=parseInt(titleComStyle.height)+parseInt(titleComStyle.borderTopWidth)+parseInt(titleComStyle.borderBottomWidth)+parseInt(titleComStyle.paddingTop)+parseInt(titleComStyle.paddingBottom);
 			//標題要放在相位置距離左邊有 -XXpx的地方
 			titleLeft=parseInt(titleComStyle.borderLeftWidth);
 			//設置假的title樣式，像是真的表格 title
 			fakeTitle.style.position='relative';
 			fakeTitle.style.top=titleTop+'px';
 			fakeTitle.style.left=titleLeft+'px';
 			fakeTitle.style.backgroundColor='".$conf["titleBgColor"]."';
 			//儲存要放置的 divFrameTitle
 			window.qbpwcf.css.frame.title=fakeTitle;
 			//取得要放入 iframe 的內容
 			container=document.getElementById('".$conf["containerId"]."');
 			//放置 container 到 divFrame 裡面
 			divFrame.appendChild(container);
 			//取得要放置 divFrame 地方, divFrame 會 appendChild 該元素
 			placeHolder=document.getElementById('".$conf["placeHolderId"]."');
 			//如果隱藏的資料表抬頭為 <thead>
 			if(title.tagName==='THEAD'){
 				//如果不是 Firefox 瀏覽器
 				if(navigator.userAgent.includes('Firefox')===false){
 					//砍掉之
 					title.remove();
 					}//if end
 				}//if end
 			//儲存要放置的 divFrame
 			window.qbpwcf.css.frame.content=divFrame;
 			//儲存放置 divFame 的動作
 			window.qbpwcf.css.frame.print=function(){
 				//放置標題到 placeHolder
 				placeHolder.appendChild(window.qbpwcf.css.frame.title);
 				//放置divFrame到placeHolder的動作
 				placeHolder.appendChild(window.qbpwcf.css.frame.content);
 				}//functino end
 		";
 		#可省略參數:
 		#$conf["onReady"],字串,是否要在網頁完全載入後再執行,"false"為不等載入完就先執行,預設為"true"要等載入完再執行.
 		#$conf["onReady"]="true";
 		#$conf["globalJs"],字串陣列,為要放入<script>標籤的js全域變數.
 		#$conf["jsFunciton"]=array();
 		#參考資料:
 		#http://stackoverflow.com/questions/9899372/pure-javascript-equivalent-to-jquerys-ready-how-to-call-a-function-when-the
 		$toScript=javaScript::toScript($conf["javaScript::toScript"]);
 		unset($conf["javaScript::toScript"]);
 		#如果執行失敗
 		if($toScript["status"]==="false"){
 			#設置執行失敗
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"]=$toScript;
 			#回傳結果
 			return $result;
 			}#if end
 		#取得js的內容
 		$result["content"]=$toScript["content"];
 		#設置執行正常
 		$result["status"]="true";
 		#回傳結果
 		return $result;
 		}#function frame end
 	/*
 	#函式說明:
 	#建立不會重複的class名稱.
 	#回傳結果:
 	#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 	#無.
 	#備註:
 	#無.
 	*/
 	public static function uuidClassName(){
 		#初始化要回傳的結果
 		$result=array();
 		#取得當前執行的函數名稱
 		$result["function"]=__FUNCTION__;
 		#函式說明:
 		#使用 linux 的 uuid 指令來產生 uuid 字串
 		#回傳結果:
 		#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 		#$result["error"],錯誤訊息.
 		#參考資料:
 		#無.
 		#備註:
 		#無.
 		$uuid=cmd::uuid();
 		#如果執行失敗
 		if($uuid["status"]==="false"){
 			#設置執行失敗
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"]=$uuid;
 			#回傳結果
 			return $result;
 			}#if end
 		#函式說明:
 		#處理字串避免網頁出錯
 		#回傳結果:
 		#$result["status"],執行是否正常,"true"代表正常,"false"代表不正常.
 		#$result["function"],當前執行的函數.
 		#$result["content"],爲處理好的字串.
 		#$result["error"],錯誤訊息陣列.
 		#$result["argu"],使用的參數.
 		#必填參數:
 		#$conf["stringIn"],字串,爲要處理的字串
 		$conf["stringProcess::correctCharacter"]["stringIn"]=$uuid["content"];
 		#可省略參數:
 		#$conf["selectedCharacter"],字串陣列,爲被選擇要處理的字串/字元，須爲陣列值。若不設定則預設爲要將這些字串作替換 ("<",">","=","//","'","$","%","&","|","/*","*","#","\"").特殊字元，「\n」代表換行，「\t」代表tab鍵的間隔
 		#無.
 		#備註:
 		#無.
 		$correctCharacter=stringProcess::correctCharacter($conf["stringProcess::correctCharacter"]);
 		unset($conf["stringProcess::correctCharacter"]);
 		#如果執行失敗
 		if($correctCharacter["status"]==="false"){
 			#設置執行失敗
 			$result["status"]="false";
 			#設置執行錯誤
 			$result["error"]=$correctCharacter;
 			#回傳結果
 			return $result;
 			}#if end
 		#設置結果
 		$result["content"]=$correctCharacter["content"];
 		#設置執行正常.
 		$result["status"]="true";
 		#回傳結果
 		return $result;
 		}#funcrion uuidClassName end
 	}#class css end
 /*
 針對特定標籤的css樣式=>http://www.w3schools.com/cssref/pr_dim_height.asp
 使用class 套用 css 樣式
 	animation-iteration-count: infinite;
 	animation-direction: "normal";
 	animation-delay: 3s;
 	animation-timing-function: linear;
+}
 @keyframes flashing
+{
 %
+	{
 		border-color:blue;
 		border-style:dashed;

Subversion Repositories php-qbpwcf

(root)/trunk/usr/lib64/qbpwcf/css.php – Rev 207 → 226