我不想張開眼: 2009

2009年12月28日星期一

php服務器變量_server

$_SERVER['DOCUMENT_ROOT']
當前運行腳本所在的文檔根目錄。在服務器配置文件中定義。
http://cnet.hk/bbs/redirect.php?tid=42849&goto=lastpost上面有很多祥解

2009年12月8日星期二

相簿美化

經看書做出一個美化的相簿，我覺得超看的。
相信自己的眼睛。
http://140.135.8.203/example/pic.html

2009年12月3日星期四

jQuery 手冊 - 選擇器

最近在看有關於使用jQuery感覺可以很輕鬆的使用javascript
http://jquery.shian.tw/?m=selectors

2009年12月1日星期二

主要製作方法可以看jquery這本書的範例
9-10.html

裡面有好多javascript的方法與屬性
有時常會忘記，因此下列幾的個我在看這9-10html的常忘記的幾項方法
1.
定義與方法:
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
例如:
<script type="text/javascript">

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))

</script>
輸出:

0
-1
6

2.

定義與方法:

removeChild()

javascript中用removeChild删除子节点(对象)

<TABLE>
<TR>
        <TD id=tn>要刪除的地方</TD>
</TR>
<TR>
        <TD>保留</TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

3.
定義與方法
substring(start,end)

返回位于 String 对象中指定位置的子字符串。
start
指明子字符串的起始位置，该索引从 0 开始起算。
end
指明子字符串的结束位置，该索引从 0 开始起算。
例如:
function SubstringDemo(){
   var ss;                         // 声明变量。
   var s = "The rain in Spain falls mainly in the plain..";
   ss = s.substring(12, 17);   // 取子字符串。
   return(ss);                     // 返回子字符串。
}

2009年11月30日星期一

重點在於如改變mouseover

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>動態新增</title>
<style>
<!--
.datalist{
    border:1px solid #0058a3;    /* 表格邊框 */
    font-family:Arial;
    border-collapse:collapse;    /* 邊框重疊 */
    background-color:#eaf5ff;    /* 表格背景色 */
    font-size:14px;
}
.datalist caption{
    padding-bottom:5px;
    font:bold 1.4em;
    text-align:left;
}
.datalist th{
    border:1px solid #0058a3;    /* 行名稱邊框 */
    background-color:#4bacff;    /* 行名稱背景色 */
    color:#FFFFFF;                /* 行名稱顏色 */
    font-weight:bold;
    padding-top:4px; padding-bottom:4px;
    padding-left:12px; padding-right:12px;
    text-align:center;
}
.datalist td{
    border:1px solid #0058a3;    /* 單元格邊框 */
    text-align:left;
    padding-top:4px; padding-bottom:4px;
    padding-left:10px; padding-right:10px;
}

.datalist tr:hover, .datalist tr.altrow{

background-color:#c4e4ff; /* 動態變色 */

}

-->
</style>
<script language="javascript">
window.onload=function(){
    var oTr = document.getElementById("member").insertRow(2);    //插入一行
    var aText = new Array();
    aText[0] = document.createTextNode("fresheggs");
    aText[1] = document.createTextNode("W610");
    aText[2] = document.createTextNode("Nov 5th");
    aText[3] = document.createTextNode("Scorpio");
    aText[4] = document.createTextNode("1038818");
    for(var i=0;i<aText.length;i++){
        var oTd = oTr.insertCell(i);
        oTd.appendChild(aText[i]);
    }
}
</script>
</head>
<body>
<table class="datalist" summary="list of members in EE Studay" id="member">
    <caption>Member List</caption>
    <tr>
        <th scope="col">Name</th>
        <th scope="col">Class</th>
        <th scope="col">Birthday</th>
        <th scope="col">Constellation</th>
        <th scope="col">Mobile</th>
    </tr>
    <tr>
        <td>isaac</td>
        <td>W13</td>
        <td>Jun 24th</td>
        <td>Cancer</td>
        <td>1118159</td>
    </tr>
    <tr>
        <td>girlwing</td>
        <td>W210</td>
        <td>Sep 16th</td>
        <td>Virgo</td>
        <td>1307994</td>
    </tr>
    <tr>
        <td>tastestory</td>
        <td>W15</td>
        <td>Nov 29th</td>
        <td>Sagittarius</td>
        <td>1095245</td>
    </tr>
    <tr>
        <td>lovehate</td>
        <td>W47</td>
        <td>Sep 5th</td>
        <td>Virgo</td>
        <td>6098017</td>
    </tr>
    <tr>
        <td>slepox</td>
        <td>W19</td>
        <td>Nov 18th</td>
        <td>Scorpio</td>
        <td>0658635</td>
    </tr>
    <tr>
        <td>smartlau</td>
        <td>W19</td>
        <td>Dec 30th</td>
        <td>Capricorn</td>
        <td>0006621</td>
    </tr>
    <tr>
        <td>whaler</td>
        <td>W19</td>
        <td>Jan 18th</td>
        <td>Capricorn</td>
        <td>1851918</td>
    </tr>
    <tr>
        <td>shenhuanyan</td>
        <td>W25</td>
        <td>Jan 31th</td>
        <td>Aquarius</td>
        <td>0621827</td>
    </tr>
    <tr>
        <td>tuonene</td>
        <td>W210</td>
        <td>Nov 26th</td>
        <td>Sagittarius</td>
        <td>0091704</td>
    </tr>
    <tr>
        <td>ArthurRivers</td>
        <td>W91</td>
        <td>Feb 26th</td>
        <td>Pisces</td>
        <td>0468357</td>
    </tr>
    <tr>
        <td>reconzansp</td>
        <td>W09</td>
        <td>Oct 13th</td>
        <td>Libra</td>
        <td>3643041</td>
    </tr>
    <tr>
        <td>linear</td>
        <td>W86</td>
        <td>Aug 18th</td>
        <td>Leo</td>
        <td>6398341</td>
    </tr>
    <tr>
        <td>laopiao</td>
        <td>W41</td>
        <td>May 17th</td>
        <td>Taurus</td>
        <td>1254004</td>
    </tr>
    <tr>
        <td>dovecho</td>
        <td>W19</td>
        <td>Dec 9th</td>
        <td>Sagittarius</td>
        <td>1892013</td>
    </tr>
    <tr>
        <td>shanghen</td>
        <td>W42</td>
        <td>May 24th</td>
        <td>Gemini</td>
        <td>1544254</td>
    </tr>
    <tr>
        <td>venessawj</td>
        <td>W45</td>
        <td>Apr 1st</td>
        <td>Aries</td>
        <td>1523753</td>
    </tr>
    <tr>
        <td>lightyear</td>
        <td>W311</td>
        <td>Mar 23th</td>
        <td>Aries</td>
        <td>1002908</td>
    </tr>
</table>
</body>
</html>

2009年11月29日星期日

mouseover and click

http://140.135.8.203/analysis/11_29.php
主要是運用ajax方法
滑鼠移到圖片與點擊圖片時將次數傳到server儲存
所以重整時還是會有累積的效果，正常網頁必須要因該需要重新刷新頁面(因該吧-.-)。

2009年11月20日星期五

javaScript 的一些方法

1.
javaScript substr和substring的差異如下：

String.substr(N1,N2) ：從N1(指定位置)截取N2（所要截取之字元長度）
String.substring(N1,N2) ：從N1(指定位置)截取到N2(指定位置）

PS. javascript的起始位置是０

2.
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行

参数解释：
window.open 弹出新窗口的命令；
'page.html' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； js脚本结束

2009年11月3日星期二

jquery

最近在找ajax發現了這網站，有教學影片感覺不錯。
http://www.jqueryajax.com/jquery522

2009年10月26日星期一

何謂DOM？它與『動態網頁』有何關係？

DOM（Document Object Model）是一個文件物件模型，也可以說是一種API（應用程式介面；Application Program Interface）的標準。當我們將文件視為一個文件物件（DOM），我們就就可以透過程式語言（例如script）呼叫DOM物件，來對該文件做資料的存取，並且利用程式將取得的物件資料做更進一步的應用。

DOM其實會將文件載入一個樹狀的資料結構，稱之為DOM Tree。並且透過各種方法（DOM被實作成一個物件）達到瀏覽DOM Tree的目的。

我們可以將DOM tree內的資料讀出並顯示於網頁中，因此當文件內容改變時，DOM tree的內容也隨之改變，故顯示於網頁中的資料也就會跟著改變，而達到動態網頁的目的（HTML網頁內容並未改變，但顯示結果卻能改變）。

2009年10月24日星期六

Google code

最近在網站google上逛到的因該有幫助的API
google api excample

產業實習報告

產業實習敘述

9/22
今天我們去了仁愛醫院參加第一次的田野調查，非常感謝淑芳老師給我們這機會去觀察學員們在工作上面的情形
第一個地方式鮮果吧，在鮮果吧地方淑芳老師跟我們講解了一下目前的營運概況，以及每一位學員在自己的工作崗位上負責的情況
，可能是學員發現我們一起在觀看他們，所以學員們好像會特別緊張，之後怡婷就輔員也針對目前每問學員在工作場域上
的情形大概的敘述，基本上學員上大概有3點問題，1.學員在食物可能有浪費的情形，例如:學員可能再切水果或是削水果方面上，
可能會無心的浪費掉一些其實可以食用的水果，2.學員的穩定性，像今天我們一群人在看他們所以可能對他們來講會有一些壓力，
所以在講話方面會突然的有一些大聲，3.學員的服藥狀況，怡婷就輔員說有時他們可能不是故意不服藥，而是有時會忘記服藥，
除了一些個案，所以在這方面我想因該可以想一些點子幫忙。
接下來就是去咖啡廳，在那地方淑芳老師特別的帶我們去後面的廚房觀看他們工作的的狀況，也聊到每一位在咖啡廳工作的情形，
在每一位學員的背後都有他們的故事，而淑芳老師就要依照每一位學員的故事和個性，以不同方式的去教導每一位學員，說真的
就輔員其實沒我們想像中的容易，之後最屌的淑芳老師還帶我們去體驗一下做奶泡，聽完之後感覺很簡單，之後實作時發現超難
尤其是水溫要高達100度讓我手有一點發抖，也讓我發現學員們在工作時的每一位認真的表情，像淑芳老師在結帳的時候
突然問了一帳目對嗎?學員又開始重新的核對帳目，怕有何閃失如果以一般人來講可能還沒有如此的工作態度吧!

9/23
第二天我們就直接去美食工廠，親身體驗一下學員們做麵包的辛苦，經由純美老師的教導我們開始慢慢的學做揉麵包以及秤食材
其中揉麵包真的是不簡單，雖然一開始柔的不是很均勻，可是後來我們看看請學員們教我們柔之後也慢慢的進入狀況，在那邊一個上午
我的媽呀!我覺得非常累真的腳好酸可能是我太廢了，我還問一下光甫學員說你們都不會累嗎?他們說不會阿，做麵包是最輕鬆的說，
真是讓我很驚訝，不過這段時間也讓我學到很多平常應該很難接觸到的事情，後來到中午淑芳老師約光甫學員跟我們去咖啡廳聊天，
在我們近距離跟學員聊天中，我發現其實學員並沒有我想像中的那一樣，總感覺有一點小題大作，可能我沒有看到學員生病的現象吧，
後來淑芳老師說其實我們可以從一些小細節中看出他們的狀況。

9/29
第三次所以我們決定還是在美食廚房那裏多體驗一下並請觀察他們的工作狀況，這次我們是做月餅，包餡真的太難了越包越糟，
後來我只好負責秤料給他們包餡，再挖餡料時一位學員我忘記叫啥名字了，很好心的教我怎樣挖出餡料不會浪費，讓我發現學員教我的方法
好厲害，接下來可能是我們包太遭了，一直出餡真的非常抱歉哈，後來我們也跟兩位年輕的就輔老師一起討論一下學員的狀況，並且和威廷就輔老師
討論一下，下禮拜要去戶外就業的學員狀況，已事先了解學員的狀況。

10/2
第四次我們這次提早去看一下，咖啡屋的開店作業，並且了解一下學員在開店作業上所需要做的流程，之後10點到鮮果吧裡面
由怡婷就輔員幫忙我們介紹一下工作的流程，之後學員們還帶我們了解一下製作果汁的步驟，還榨了幾杯果汁給我們喝，還有了解一下
每一位學員的工作分配，之後中午我們跟淑芳老師和一位學員一起用餐，發現其實學員常常有時候一緊張期時會忘記接下來要做甚麼
或者只能站在那邊等候人發號司令，其實這裡對彥儒之後要研究的工作提醒因該會有比較大的幫助於他們。

10/6
這一次我們就出去拜訪了，威廷就輔員跟我們提到的余先生在支持性就業上的困難之個案，去到那邊之後我發現其實在工作方面
我覺得基本上來可以，可能比較困難在於因為他是管理停車場收票，有時可能提票口機故障常常要出去製作故障告示，導致工作量會變龐大
再加上我覺得余先生的責任感比較重，所以我覺得常常會跟客人會有發生一些口角。

訂閱：文章 (Atom)

我不想張開眼

2009年12月28日星期一

php服務器變量_server

2009年12月8日星期二

相簿美化

2009年12月3日星期四

jQuery 手冊 - 選擇器

2009年12月1日星期二

製作帶自動提示的文字方塊

2009年11月30日星期一

重點在於如改變mouseover

2009年11月29日星期日

mouseover and click

2009年11月20日星期五

javaScript 的一些方法

2009年11月3日星期二

jquery

2009年10月26日星期一

何謂DOM？它與『動態網頁』有何關係？

2009年10月24日星期六

Google code

產業實習報告

產業實習敘述

標籤

網誌存檔

關於我自己

我的最愛

2009年12月28日 星期一

2009年12月8日 星期二

2009年12月3日 星期四

2009年12月1日 星期二

2009年11月30日 星期一

2009年11月29日 星期日

2009年11月20日 星期五

2009年11月3日 星期二

2009年10月26日 星期一

2009年10月24日 星期六

標籤

網誌存檔

關於我自己

我的最愛

2009年12月28日星期一

2009年12月8日星期二

2009年12月3日星期四

2009年12月1日星期二

2009年11月30日星期一

2009年11月29日星期日

2009年11月20日星期五

2009年11月3日星期二

2009年10月26日星期一

2009年10月24日星期六