v Google Sites可以放JavaScript檔案及接受外連 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

2009年10月22日 星期四

Google Sites可以放JavaScript檔案及接受外連


最近網友詢問我一個lightbox2的燈箱效果,發現了他的檔案居然是從Google sites的檔案櫃外連的,所以趕緊跟大家報告這個好消息,終於Google Sites接受Java Script檔案形式的外連了。

其實之前一直還是用Google Page Creator來放js檔案,因為雖說不開放新的註冊使用者使用,但是這個頁面通知網站要移轉似乎也沒有什麼動靜,原本放檔案的功能還是存在,所以就加減用,後來放新的圖片檔案都是用Google sites,雖然Abins' Tech Note有介紹Google Code可以放js檔且接受外連,但是似乎有流量限制,而且無預警的會被砍掉服務,所以一直在觀望中,也沒有申請。

今天實作了一下,將我的影音網站---Daisuki Video,的Java Script檔案放上Google Sites的檔案櫃,發現真的是可以正常執行的,真是太好了,但是查詢了Google Sites的相關網頁,及網路搜尋了一番,似乎都沒有公佈這個消息,或許還在試驗階段,或是悄悄開放不要太多人知道,不過反正就是可以用就是了,那我就要開始使用了,不過建議自己電腦檔還是要留有備份,不然哪天Google收回使用權那就麻煩了。

另外有網友留言反應,他的js檔放在Google Sites在Firfefox瀏覽器可以正常呈現,但是在IE及Chrome沒法正常呈現,但是將js檔放到其他的網站空間後,任何瀏覽器都能正常展示,所以很多情形都會發生,歡迎大家意見交流,所以使用時還是要看自己的選擇,如果你有別的空間可以放js檔,還是利用別的空間,等到Google宣佈可以正常利用時再來利用吧。

還有如果你是大量的js檔案需要空間的話,建議再觀望一陣子,畢竟官方並沒有正式公佈此項消息,還是我自己lost了,如果知道相關訊息的朋友,佛心大發,給我個網址,我再去看看。

如何利用呢,一樣從檔案櫃上載後,他只會出現一個下載的連結,連結上點選屬性(Firefox)或是內容(IE),就可以知道這個js檔的網址,


格式類似以下
http://sites.google.com/site/你的帳號/box/easySlider1.js?attredirects=0&d=1

你只要把後面的?attredirects=0&d=1這個去掉就是你的js檔可外連的網址,


通常使用到javascript的語法如下列,
<script src='http://sites.google.com/site/你的帳號/資料夾名稱/檔名.js' type='text/javascript'></script>
就可以利用你自己的Google Sites網站空間的檔案了。

或許你會問,這有什麼好處呢?
1、目前我知道的是,如果同一個檔很多人外連使用,速度可能會慢些。
2、如果原作者的檔案空間掛了,你的網頁連結就會失敗,造成無法運作的情形。
所以下載js檔放到自己的空間上是比較保險的方式,而且如果要分享給他人也會比較方便。

如果你還沒有使用Google Sites的服務,可以參考綸太郎先前寫的文章,不過當時是英文版,很多都是以當時的情況介紹,不過應該都看得懂,

關於檔案櫃的使用,是在
Google Sites 實際操作程序(下篇)這篇說明。

另外關於動態gif檔也可以上載,而無法正常顯示的情況,加上後面的參數就能正常使用,如果照上面js檔的方式則是無法顯示正常動態畫面,以下面的例子為例,

正常沒有參數的網址,動態效果無法呈現
http://sites.google.com/site/lunfiles/box/bestheart.gif


下面兩個加上參數則可以正常呈現動畫效果,鑽石會一閃一閃的。
下載網址
http://sites.google.com/site/lunfiles/box/bestheart.gif?attredirects=0&d=1

檢視網址
http://sites.google.com/site/lunfiles/box/bestheart.gif?attredirects=0

似乎Google Sites同時也開放動態gif檔的使用了。

延伸閱讀:
令人驚豔的Google Sites服務--基本介紹篇
Google Sites 實際操作程序(上篇)
Google Sites 實際操作程序(中篇)

20 則留言 :

  1. 綸太郎, (抱歉打擾一下...)
    你確定真的可以這樣用嗎?
    請看我這篇 sample:
    http://disorder.ojisang.com/2009/10/blog-post_13.html
    (我沒有要騙流量, 不想看的人客請別點啊!)

    '看點'是 show 圖那段的 javascript.
    在 firefox 正常無誤, 但是在 chrome, IE 圖就出不來了說.

    我很久以前就發現了, 看了你的文章, 以為已經有改善, 但還是沒有. 難道是我個人的問題而已?

    回覆刪除
  2. ㄟ...

    '這篇發文主要是說google sites接受js檔的外連。'
    這句話的意思是'可以連, 但是不能用.'嗎?

    我沒有用 lightbox, 那段 code 完全是我自己寫的.

    (如果我還是誤會你的意思, 那真的是很抱歉啊!)

    回覆刪除
  3. 好久沒看到你了,這篇文你好像誤會了,lightbox照片燈箱效果,是網友也是在Firefox可以測試成功,ie不行,來詢問我,所以你跟他是類似的情形吧,我只是發現他用的js檔案網址是放在google sites,並不是說把js檔放在google sites,在ie就能顯示成功,因為結果還是不行正常呈現,這是設計者的問題,這篇發文主要是說google sites接受js檔的外連,而且之前你的網站在firefox顯示是正常的,應該就不是空間的問題了,應該是程式支援瀏覽器的差異,我是這樣覺得。

    回覆刪除
  4. 我不會寫程式,所以也不知道問題出在哪,只是照我的經驗看到,有些js檔確實是不支援IE或其他瀏覽器,雖然有些作者有修正,但是還是有瀏覽器看不到效果,可能跟後台的隱私或是安全性有關,也有可能,但是這跟js檔放在哪個空間,我覺得應該沒有很大關係,除非他不接受外連,那當然沒法作用,就像我影音網站現在把js檔放到sites,在firefox和IE7是可以正常呈現,在IE6則無法正常呈現,所以應該是js檔本身的程式關係,很高興你來留言,大家討論交流意見很不錯。

    回覆刪除
  5. ㄟ... (你一直在改留言耶!)

    你是說我程式寫得很爛這樣? (開個玩笑, 別介意!)

    我現在沒改任何程式, 只是把那個 .js 搬到 hinet 而已,
    不管開哪個 browser 來看, 就一切正常了.
    那這樣要如何解釋?

    回覆刪除
  6. 下次我會改進,儘量不改,本想要留言快一點,又怕說的不清楚,才會修正,如果令你不快,先跟你說聲抱歉。

    其實你一開頭跟我說明白就行了,你檔案放在hinet是可以正常呈現的,所以我也誤會了,以為你說的是js檔在不同browser呈現效果不同,才會跟你解釋一堆可能會遇到的問題。

    所以說檔案放到google sites在ie就不能正常瀏覽是這個意思吧,那我會在文章上加註,每個人的電腦環境不同,如果因為檔案存放空間不同而影響到瀏覽器的呈現不同的可能,我會再測試看看lightbox是否是這樣的原因,真的很謝謝你的意見,讓我知道有這樣的事情。

    回覆刪除
  7. (這裡是你的地盤, 比較沒禮貌的是我, 該說抱歉的是我吧?)

    我目前的狀況: .js檔案放到google sites在chrome & ie就不能正常瀏覽. 是這個意思沒錯.

    回覆刪除
  8. 9月份裝wp-cumulus在blog時,
    就有把js、html、swf試放在協做平台上外連,因為之前看很多人都說協做平台不能放,試過後是可以的。
    至於瀏覽器方面,倒是沒注意

    因為我不用ie,其他的瀏覽器沒發現這問題,倒是我wp的部落格側邊欄無法顯示swf,難道是放在協做平台的關係?

    回覆刪除
  9. To disorder,換個空間可以用還不錯,就怕換了空間js還是無法作用的程式,所以很多人為了遷就Browser要放棄好多js檔的hacks程式。

    回覆刪除
  10. To Avi,原來9月就行了,我在ie7及Firefox3.5.3看你的swf檔是正常顯示的,給你做個參考,感謝你提供的訊息,另外我知道的是要播放swf檔,你的瀏覽器要支援Shockwave Flash這個元件,會不會是你沒有安裝到這個附加程式,或是要更新。

    回覆刪除
  11. 我在9月時也把js 放在google site 裡面,結果可以。(我不知道原先是不可以的~)

    後來就慢慢的把page裡的js移到site裡面。然後IE/firefox/chrome 到目前也都可以正常瀏覽。

    tzuche

    回覆刪除
  12. 原來大家都默默在進行,那我就更有信心了,來個js大搬家,好好的整理自己的檔案。

    回覆刪除
  13. 我是另外一個問題
    就是在Google sites上無法插入js
    試過很多小工具Gadgets 都沒結果
    您是否能寫這個插入JS的Gadgets造福弱勢者 謝謝

    回覆刪除
  14. 抱歉我不會寫程式。

    回覆刪除
  15. 為什麼我的js擺在sites一直都是失效的阿 Orz? 已經沒用了嗎?

    回覆刪除
  16. 你看上面的回應就可以知道了,有的人放了有用,有的人放了沒用,畢竟是沒有公開的工具,我也不知道為什麼,我自己用是沒有問題的。

    回覆刪除
  17. 經過我的測試……
    ?attredirects=0&d=1s有和沒有都能夠外連使用。
    測試瀏覽器為firefox3.5.8和google chrome 5.0.307.11 beta(都是linux版)

    回覆刪除
  18. 請問我想跟您確認一下~是否有辦法在Google Sites協作平台裡~
    放置Facebook的讚按鈕跟分享鈕呢?
    我想在每則文章內~都擺放一個這樣的按鈕~
    但因為FB這樣的按鈕~都是Java Script~
    所以想請教您一下是否能放呢? (Ps.我是用google瀏覽器~)
    若是可以~因為我完全不懂Java Script~也不知道怎麼弄一個FB的js檔~
    是否能教教我呢? 感激不盡~

    回覆刪除
    回覆
    1. 目前已經沒再研究這東西,照以前是不能放js檔的。

      刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能

Related Posts Plugin for WordPress, Blogger...