Jun 22 2011

iframe跨網域(iframe cross domain)

在大部分的瀏覽器中(chrome、firefox、IE8…)，可以使用postMessage和onmessage，去互相傳遞資料。postMessage負責丟到不同網域，onmessage則是監聽其他網域丟來的資料。

主要domain：

<html>
<head>
<script>
window.onmessage = function(){
    console.log(arguments);
};
/*if(window.addEventListener){
    window.addEventListener("message",function(){
        console.log(arguments);
    },false);
}else{
    window.attachEvent("onmessage", function(){
        console.log(arguments);
    });
}*/
</script>
</head>
<body>
<iframe src="http://127.0.0.1/otherDomain.html" id="iframe1"></iframe>
<script>
var win = document.getElementById("iframe1").contentWindow;
setTimeout(function(){
win.postMessage("Hello Sparrow!","http://127.0.0.1/");
},1000);
</script>
</body>
</html>

其他domain(otherDomain.html)：

<html>
<head>
</head>
<body>
<script>
window.onmessage = function(){
    console.log(arguments);
};
parent.postMessage("test","http://localhost/");
</script>
</body>
</html>

那麼如果要運行在IE7、IE6底下呢?

這時候可以建立一個proxy.html，利用iframe的src嵌入一個proxy.html，至於proxy.html需要抓取網址上的參數，透過window.frames[“iframe1”]得方式傳遞。動態載入proxy.html，當資料傳遞完畢，將proxy.html的iframe動態移除，監聽事件可以使用onload去監聽。(換句話說，每次傳遞資料都是一次request，另外也可以使用hash”#”去實作)

圖中灰色的proxy.html可透過window.parent.frames[“iframe1”]的方式，而綠色則要使用parent.parent ，或parent.frames[“parent”]。同顏色可透過js語法直接呼叫，不同顏色必須透過proxy.html去抓取url參數，再丟到同網域的頁面。

Jun 17 2011

android

android google map key

在android使用google map api時，必須需要有一個key，才能使用google map api。

首先在linux環境底下，執行以下command line：

keytool -list -keystore ~/.android/debug.keystore

輸入密碼可以直接按enter，接著你會得到一串md5。

接著你可以經由google得到一串key，把key加入到layout裡，或者直接建立MapView object也可輸入。

<com.google.android.maps.MapView
    android:id="@+id/mapview"
    android:apiKey="your key"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:enabled="true"
    android:clickable="true"
/>

配置AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.test.test"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:label="@string/app_name" android:icon="@drawable/icon">
        <uses-library android:name="com.google.android.maps" />
        <activity android:name="GMapView"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
    <uses-permission android:name="android.permission.INTERNET" />
</manifest>

其中uses-library是必須的，uses-permission則是根據你使用的api功能決定。

如果要能到android market上，你必須另外申請一組key，而不是用android debug key。