2012年6月18日月曜日

WebView でjQueryを使ってみる。:Android


<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src="jquery.min.js"></script>
  <script>
   $(function() {
    $("div#test").append("jQueryで表示");
   });
  </script>
 </head>
 <body>
  <div>ここはHTMLで表示</div>
  <div id="test"></div>

 </body>
</html>

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class HtmlViewActivity extends Activity {
 /** Called when the activity is first created. */
    @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);

  WebView webview = new WebView(this);
  webview.setWebViewClient(new WebViewClient() {});  

  // JavaScriptを有効にする
  webview.getSettings().setJavaScriptEnabled(true);

  //ページを読み込み
  webview.loadUrl("file:///android_asset/test3.html");

  setContentView(webview);
    }
}

assetsフォルダの中のHTMLファイルでjQuery を使ってみる。
1.assetsフォルダにjQueryを入れて使う方法
上記のソース

2.GoogleでホストされているjQueryを使う方法
Google Libraries API - Developer's Guide

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

関連記事

0 件のコメント:

コメントを投稿