[問題] Google gadget吃掉整個畫面??
目前正在做一個很類似iGoogle的project
layout都出來了
有three column, 有widget box(就是每個widget的外框)
也可以drag drop
現在主要的問題是
如何把google gadget的source放到我的widget box裡面
也就是把google gadget source放到我widget外框的div裡面
但是現在遇到一個很奇怪的問題
一旦我把google gadget source放進div裡面
原來的layout就會被整個吃掉
就像下面的圖示
原來的畫面: (有5個widget box)
Title
__________________________________
| | | |
| ________ | ________ | ________ |
| | | | | | | | | |
| | | | | | | | | |
| -------- | -------- | -------- |
| | ________ | ________ |
| | | | | | | |
| | | | | | | |
| | -------- | -------- |
一旦把gadget source放到box裡面:
________
| |
| |
--------
________
| |
| |
--------
________
| |
| |
--------
________
| |
| |
--------
________
| |
| |
--------
本來的title那些全都不見了
有人遇過一樣的問題嗎?
我的source code:
for (var nArrIdx = 0; nArrIdx<iaWidArray.length; nArrIdx++)
{
//Create Widget ID and Box
var sColId = "#column" + iaWidArray[nArrIdx].col; //ex: #columnA..
var sWid = "#widget" + iaWidArray[nArrIdx].wid; //ex: #widget1..
$(sColId).append('<div class="widget" id="widget'
+ iaWidArray[nArrIdx].wid
+ '">');
//POST wid to get widget content
$(sWid).load('GetWidgetContent?widget=' + iaWidArray[nArrIdx].wid);
var sSelector = sWid + ".widget-controls";
$(sSelector).after('<div class="widget-title">'
+ iaWidArray[nArrIdx].wid
+ '</div>');
}
GetWigetContent 是用來處理request的servlet,
最後forward "widget.jsp"(含有每個widget的外框跟title)
widget.jsp裡面會include widget_body.jsp, 用來放gadget source
這邊是我的測試檔(War file+MySQL test Data)
http://www.4shared.com/file/97196547/94f6db94/0325demo.html
http://www.4shared.com/file/97196549/734ef693/testDB_20090406_2345.html
感激不盡!!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 71.139.9.193
※ 編輯: Racci 來自: 71.139.9.193 (04/07 14:57)
※ 編輯: Racci 來自: 71.139.9.193 (04/07 14:59)