shofan code sharing

[Hyperion interactive reporting] sendsql指令

2012-01-04T10:25:00.001+08:00

在本機開發時，sendsql一切都正常，delete, insert, update都蠻正常的。
但是一上傳到workspace，就好像發瘋一樣，速度變慢不說，資料庫似乎也不會更新。

程式碼寫的樣子大致如下：
for()
{
var sqlcmd = "update xxx";
section[aaa].sendsql(ocefile,id,pw,sqlcmd);
section[aaa].process();
}

如果我要更新23筆資料，sendsql也就要執行23次。
這樣速度會變得很緩慢。

想說那來用Stored procedures試試好了，但Hyperion interactive reporting要使用ODBC連線。
研究了很久，也做出ODBC的連線檔，但在Hyperion interactive reporting仍然都還是反灰的狀況。

困擾了很久，問題一直無法解決。
後來不知道從哪裡看來 pl/sql 的寫法，發現只要修改sqlcmd就好了，程式如下：

var sqlcmd = "Begin "
for()
{
sqlcmd += "update xxx;";
}
sqlcmd += " end;"

section[aaa].sendsql(ocefile,id,pw,sqlcmd);

這個方式就是在sqlcmd頭尾加上begin end。
for迴圈裡面就只是在組字串，最後一次丟到sendsql裡執行，連process()都省了。

不過這個方式只解決了處理速度慢的問題。
資料庫沒有更新的問題，沒想到是在end前，加一個commit;就可以了。
sqlcmd += "commit; end;"

但在本機直接執行bqy的話，不加commit也會更新。
也不知道是甚麼原因，總之最後放在workspace上的可以快速和即時更新資料庫了。

[Hyperion interactive reporting] timmer 及時更新

2011-11-10T15:37:00.003+08:00

最近接觸了Hyperion 的IR報表，碰到了個棘手的問題。
就是我打算將儀表板的表格圖示，隔一段時間更新一次，讓儀錶板上的資料永遠是最新的。
但雖然IR報表的程式碼是用javascript，但卻不能使用timer的功能。

後來在某大陸網站，有提到說可以使用後端資料庫觸發的方式，來讓前端的儀表板更新。
(不過沒詳述是怎麼做到的)

後來查了些資料，找到了這個brio query的管理手冊。
https://apps.state.or.us/tech/brio/admingui.pdf

發現原來Hyperion interactive reporting是從brio query轉變過來的。
開發介面大同小異。
不同的是，brio query似乎還有安裝一套管理程序在server端，前面提到的觸發方式可能就是這樣去實現的。

但IR沒這玩意阿...該怎麼辦？

最後還是找不出解決方法...
後來用C#開發了個滑鼠自動點擊程式，設定好timer去按儀錶板上的按鈕來更新。
就先勉強湊合著用了。

[google api] 離線版 google map

2010-11-24T18:28:00.001+08:00

要把原來線上版的google map改為離線版。
這個突然的需求真是把我搞昏了。

用想像(或嘴砲)的好像都很簡單，但實際執行起來真的很有難度。
我把架構拆解為3個部分：

1.圖資資料庫
2.地圖控制元件
3.web網頁

1.圖資資料庫：
手上並沒有任何現成的資料庫。
所以就把來源端指向google map的資料庫了。
老話一句，用想像的(或嘴砲)很簡單：阿就去把圖檔下載回來就好了阿！

好，去哪下？google當然沒有大門敞開直接地圖資料就讓你抓。
不過是有一些工具可以抓，像是gMapMaker，但抓下來的格式是mgm檔。
很好...似乎是只能餵給MGmap(手機的應用程式)來用。

嗯...資料來源搞不定。

2.地圖控制元件：
google map API只有提供線上的，頂多也只能抓到一個main.js檔。
但其他模組的js是動態連，詳細存放位置...不明，圖片存放位置....不明。

不過還是有高手把這些js檔都抓下來了，成為一個離線開發包。
(用firebug一個一個慢慢找找出來的...真是有耐心)
抓下來測試了一下基本的功能，似乎是可以(不過加入marker位置好像有很大的偏差)
但最重要的，沒有地圖檔阿！！這又回歸到了圖資資料庫的問題。

3.web網頁：
說來說去就是要放在web網頁上。
目前好像沒看過這樣做的(離線又是網頁)，比較多都是開發AP做離線功能的。
至於AP要怎麼開發...目前沒有研究。

總結三項問題：
沒資料庫、元件半殘→使用不能。

當然，還是要找尋出路。
今日搞了一整天最後的想法是：使用Static Maps API。

操作了一下，其實功能還ok...
組合出一個網址就會產生圖片了。

所以解決方案是：
1.圖資資料庫：
寫個程式批次組出網址，餵給Static Maps API，然後抓圖。

2.地圖控制元件：
很單純，就根據檔名秀圖。

這樣似乎.........是可行的方案。
只是要看使用者(?)接不接受了...

[javascript] 又是lightbox 燈箱

2010-11-04T15:21:00.001+08:00

雖然上次找到了可以插入頁面的lightbox，功能還蠻強大的。
但是反而要調整大小以及位置的時候有點不知所措，程式碼落落長，不太容易修改。

今天找到了一個很簡單使用的 lightbox-gone-wild：
http://particletree.com/features/lightbox-gone-wild/

用起來實在是很簡單。
但很可惜我嵌入有使用AJAX物件的aspx頁面，就會發生錯誤。
目前也不知道該怎麼解決，所以只好繼續找了。

最後找到一個總算ok的 greybox：
http://orangoo.com/labs/greybox/examples.html

(透過下列網站的整理找到的：)
http://hi.baidu.com/phpasp/blog/item/0a9f337adfcac8ea2f73b369.html

[javascript] 與 asp 之間中文cookie的轉換

2010-11-04T09:57:00.000+08:00

這次是要在 client 端 javascript 中寫入中文cookie，然後在 server 端讀出。

client端寫入cookie：

document.cookie = encodeURI("cookie=中文測試")

server端讀取cookie(VB)

Dim temp = Server.UrlDecode(Request.Cookies("test").Value)

最後temp取出來是中文沒問題，不會是亂碼。

[javascript] lightbox 燈箱

2010-11-03T17:59:00.000+08:00

又要做燈箱了，記得以前碩一剛寫網頁的時候弄得我很頭痛。
搜尋了一下，有用javascript寫出來的效果。

http://www.shadowbox-js.com/

使用方法也很簡單，只要建立一個連結就可以了。
連結可以是圖片或是另一個頁面(正是我要的)。

只是現在碰到的問題是，我是要在google map上的mark click事件呼叫。
所以在mark click事件中我要模擬點擊了轉換的連接。

document.getElementById("Link").click();

只要這樣就好了，比想像中簡單多了。

[javascript] 取得asp控制項

2010-11-01T17:54:00.000+08:00

沒想到一個 treeview 就搞了我兩三天。

本來是利用下列這段作為與 javascript觸發事件的連結：

tree.Attributes.Add("onClick", "toLatLng('" & tree.SelectedValue & "')")

之後再 javascript 中利用以下程式碼取得值(之前的網誌有提)

  1 var obj = window.event.srcElement;
  2 var treeView = document.getElementById("tree");
  3 
  4 var text = obj.innerText;
  5 var address = obj.title;

但是問題來了，這樣一次只能標記一個位置，那如果要標記多個點要怎麼辦？

也就是我要顯示 selectNode 底下的葉節點(最深層節點)

寫了一個遞迴函式來讀取：

  1     Sub RenderMark(ByVal aNode As TreeNode)
  2         Dim tempNode As TreeNode
  3 
  4         If aNode.ChildNodes.Count = 0 Then
  5             Dim text As String = aNode.Text
  6             Dim address As String = aNode.ToolTip
  7 
  8             '呼叫javascript finction(但不會立刻呼叫, 換別的作法)
  9             'ScriptManager.RegisterClientScriptBlock( _
 10             'Me, _
 11             'GetType(Page), _
 12             '"ToggleScript", _
 13             '"toLatLng('" & address & "','" & text & "' );",
 14             'True)
 15 
 16             gTextString = gTextString & text & ","
 17             gAddressString = gAddressString & address & ","
 18 
 19         Else
 20             For Each tempNode In aNode.ChildNodes
 21                 RenderMark(tempNode)
 22             Next
 23         End If
 24 
 25     End Sub

接著來說明內容：

  8             '呼叫javascript finction(但不會立刻呼叫, 換別的作法)
  9             'ScriptManager.RegisterClientScriptBlock( _
 10             'Me, _
 11             'GetType(Page), _
 12             '"ToggleScript", _
 13             '"toLatLng('" & address & "','" & text & "' );",
 14             'True)

註解掉的這部分，是asp後端呼叫 javascript函式的一個方法。

按照流程好像是正確，但實際跑起來的結果，是不會立刻呼叫 javascript的，要等後端的程式跑完才會呼叫。

結果不論在遞迴中呼叫了幾百次，最後javascript函式也只會執行一次。

所以只好換個方式。

改採取"先在後端把treeview節點資料存成array，再透過javascript來取得array資料，然後在javascript中跑迴圈"

簡單來說，就是後端宣告了一個array，然後要在前端javascript中取得這個array來用。

這邊資料也蠻多的，但是這邊我一直試不出來。

後來想說那乾脆動態宣告label，把值存在label中，再用document.getElementById("label")取。

結果還是會有些問題，因為label會顯示出來(如果設成visible=false就取不到了，因為網頁原始碼就不會有)

最後只好用傳參數，把資料用 ","隔開，之後在 javascript 利用 string.split來取。

結果發現意外的簡單，之前試了一堆方法感覺是做心酸的...

[ASP] treeview控制項2

2010-10-28T14:23:00.000+08:00

上篇是利用xml檔案與treeview進行binding。
若是動態建立treeview該如何建立？

主要參考了這位大大的寫法：
http://blog.blueshop.com.tw/topcat/archive/2005/12/07/15393.aspx

資料表的部分我目前還沒建。
不過應該也會依照同樣的格式。

寫法是先將資料讀入至dataset後，存為session。
之後在另一個function中讀取session後，利用遞迴的方式建出樹來。

我改寫如下(其實也沒改甚麼)
第一個function為讀取資料：

  1 Function LoadData() 
  2         Dim connStr As String
  3         Dim conn As SqlConnection
  4         Dim da As SqlDataAdapter
  5         Dim ds As DataSet
  6         Dim dt As DataTable
  7  
  8         Dim command As String
  9  
 10         Try 
 11             '建立連線 
 12             connStr = "" 
 13             conn = New SqlConnection(connStr)
 14             conn.Open() 
 15  
 16             '填入dataset 
 17             command = "" 
 18             da = New SqlDataAdapter(command, conn)
 19             ds = New DataSet 
 20             da.Fill(ds) 
 21  
 22             '填入datatable 
 23             dt = New DataTable 
 24             dt = ds.Tables(0) 
 25  
 26             '寫入session 
 27             Session("dt") = dt 
 28  
 29             conn.Close() 
 30         Catch ex As Exception
 31  
 32         Finally 
 33             '釋放資源 
 34             ds = Nothing 
 35             da = Nothing 
 36             conn = Nothing 
 37  
 38         End Try
 39  
 40     End Function

第二個function為建立樹：

  1     Function addNodes(ByRef aNode As TreeNode, ByVal aID As Integer)
  2         Try
  3             '讀取session資料
  4             If Session("dt") Is Nothing Then
  5                 Call LoadData()
  6             End If
  7 
  8             Dim dt As DataTable
  9             dt = Session("dt")
 10 
 11             '跑資料表
 12             Dim rows() As DataRow
 13             Dim filter As String = "ParentsID = " & aID
 14             rows = dt.Select(filter)
 15 
 16             If rows.GetUpperBound(0) >= 0 Then
 17 
 18                 Dim row As DataRow
 19                 Dim newNode As TreeNode
 20 
 21                 For Each row In rows
 22                     Dim tempId As Integer = row(0)
 23 
 24                     '塞節點屬性與值
 25                     newNode = New TreeNode
 26                     newNode.Text = row(1)
 27                     newNode.ToolTip = row(2)
 28 
 29                     '加入節點
 30                     aNode.ChildNodes.Add(newNode)
 31 
 32                     '遞迴呼叫建立子結點
 33                     addNodes(newNode, tempId)
 34                 Next
 35             End If
 36             addNodes = "sucess"
 37 
 38         Catch ex As Exception
 39             addNodes = "false"
 40         End Try
 41 
 42     End Function

功能還沒實際測試，不知道能不能成功。

[ASP] treeview控制項1

2010-10-28T13:57:00.001+08:00

之前treeview部分的分之是寫死，這次要把它與資料來源合併。

一開始想到的是用sqldatasource，

不過看說明文件似乎只能用XmlDataSource以及SiteMapDataSource作綁定。

所以腦筋只好動到xml身上了。

建立了一個xml檔，內容如下：

<?xml version="1.0" encoding="big5" ?> 

<root> 
  <lv1 name="台北市" address="台北市"> 
    <lv2 name="台北火車站" address="台北火車站"> 
      <lv3 name="1號機" address="1號機倉庫住址"></lv3>

<lv3 name="2號機" address="2號機倉庫住址"></lv3>

<lv3 name="3號機" address="3號機倉庫住址"></lv3>

</lv2> 
  </lv1> 

  <lv1 name="桃園縣" address="桃園縣"> 
    <lv2 name="鶯歌火車站" address="鶯歌火車站"> 
    </lv2> 
    <lv2 name="山佳火車站" address="山佳火車站"> 
    </lv2> 
  </lv1>   

</root>

主要為三層的架構。

在treeview 的lv3 node的屬性設定部分。

TextField(顯示名稱)設定為name

ToolTipField(提示名稱)設定為address

這邊要注意一點，若把address設定在其他屬性上(例如valuefield)

在抓值的時候會抓不到中文，也就是說不能抓到住址。

我也不知道為什麼會抓不到中文，所以只好把它設定到ToolTipField裡去了。

以下是點選束後觸發事件抓值的部分：

  1 var obj = window.event.srcElement;
  2 
  3 var text = obj.innerText;
  4 var address = obj.title;

innerText抓到的是TextField
title 抓到的是ToolTipField

[mediaroom] navigate action

2010-10-21T15:55:00.000+08:00

上次碰到的問題是利用invokeAction的方法調台：

  1 invokeAction(null, "TuneVideo", "tune:" + ch);

可以調，但是調完要跳出應用程式，畫面直接切換到頻道。
這邊卡了很久。

最後是廠商技術人員增加了一個navigate action就可以了。
也搞不太清楚是怎麼辦到的，因為這個navigate action也沒跟其他物件進行連結。
好奇怪，真是個謎阿~~

[mediaroom] 頻道列表02

2010-10-18T13:55:00.000+08:00

前一篇提到的：

~~問題來了，如何利用action判斷換頁後的PIP要顯示什麼？~~

~~如果是利用tune action，設定的tune是死的不能更改(也許有辦法動態改但我現在還辦不到)~~

~~所以只好利用script action來做了。~~

發現其實是可以動態改變頻道的...

  1 invokeAction("", "TuneAction0", 要轉的台); 
  2 invokeAction("", "TuneAction1", 要轉的台); 
  3 invokeAction("", "TuneAction2", 要轉的台);

因為畫面中只有3個PIP，所以先設定好3個tune action。

當換頁的時候，再利用上述的javascript更改3個PIP顯示的頻道。

這樣就可以啦，怎麼當初沒想到，還蠻笨的。

[JQuery] 側邊收合選單

2010-10-18T11:39:00.000+08:00

這次要做出網頁側邊可以收合的選單。
用了很多關鍵字都沒找到想要的。

然後找到了這個jQuery UI.Layout 的plug-in
http://layout.jquery-dev.net/demos.cfm

DEMO：
http://layout.jquery-dev.net/demos/complex.html

效果還蠻不錯的，但是用起來好像有點複雜...
所以只好另尋方案。

最後是找到這個
http://www.jankoatwarpspeed.com/post/2009/06/01/Advanced-docking-using-jQuery.aspx
還蠻符合需求的。

DEMO：
http://www.jankoatwarpspeed.com/examples/AdvancedDocking/

[mediaroom] - 頻道列表01

2010-10-11T18:02:00.000+08:00

今天要做到的功能是要在畫面顯示出分類的頻道列表。
不過分類的功能先不考慮，先把能顯示所有頻道的功能做出來再說。

假設頻道列表有15個，不會使用做出15個PIP，然後先隱藏再秀出的方式(因為機器跑不動)
所以畫面固定只有3個PIP，再利用程式去判斷，做為換頁的機制。

首先畫面layout沒有問題，就是把PIP放在button上面，這樣可以解決PIP沒有focus的問題。
當focus到達最下方的按鈕，觸發換頁事件為button3的onkey - down。
所以先將action設定好，再把它設定到button3的onkey - down事件裡。

問題來了，如何利用action判斷換頁後的PIP要顯示什麼？
如果是利用tune action，設定的tune是死的不能更改(也許有辦法動態改但我現在還辦不到)
所以只好利用script action來做了。

setProperty("TVLabel1", "text", g_CHList[g_Index]);
invokeAction("TVVideo1", "TuneAction0");

setProperty中支援可以設定的屬性很少，只有說明文件中的那幾個。
用來設定一些lable的text還ok，但是就沒辦法設定PIP的頻道了。
設定頻道要用invokeAction，就可以利用action來設定頻道了。

不過問題還是卡在，一個action設定好的頻道是死的，
如果要這樣做的話就要做很多個tune action，再來判定要用哪個action...

嗯...不知道能不能在jscript中來改變action的tune值...
明天再來研究。

[工具] source code to html

2010-10-11T15:06:00.000+08:00

之前寫本部落格第一篇網誌的時候，
因為是第一次寫有關原始碼的文章，不知道編輯器會把原始碼誤判成HTML的格式...
導致在把原始碼貼上去的時，發現有些程式碼貼不上去。

後來研究了一下，發現有幾個方法可以解決。

1.加入新的css：
在程式碼的部份前加入設定好的標籤。
如此一來就不會被誤判，但我還是有碰到誤判的情況，所以就捨棄此方法。

2.網頁版轉換工具：
我一開始找到的是這個：
http://tools.devshed.com/webmaster-tools/syntax-highlighting/
支援格式蠻多的，但每次都要輸入驗證碼很麻煩。

接下來這個好像比較是針對C#用的：
http://www.manoli.net/csharpformat/

我最後找到的是這個：
http://puzzleware.net/CodeHTMLer/default.aspx
用起來還ok，應該暫時不會找其他的了。

3.應用程式版轉換工具Highlight Code Converter：
http://www.andre-simon.de/doku/highlight/en/highlight_demo.html
功能還蠻多的，可以直接轉換檔案，不過我也用不到這麼多功能。

[JQuery] 基本概念&menu插件

2010-10-08T17:01:00.000+08:00

最近在研究jQuery，這網站說明了一些基本概念：

jQuery教學

不過我沒有很深入的研究，大概理解的部份就是把javascript中的

document.getElementById(物件).value

方法概念化讓程式直接對網頁上的物件進行操控。

語法我也不太熟，加上javascript也還不太熟，所以都是找網路上別人寫好的plugin來用。

在網頁使用方法就是在head加入

<script src="目錄/jquery-1.4.2.js"></script>

或是直接用google上的

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

整理一下目前用過的：
別人整理的：優秀jQuery插件17個

menu用(multilevel menu)：
superfish(suckerfish的plus版)
CSS lib(我用到的是slidemenu，東西都包好了，還蠻簡單好用的)