PhoneGapお試し(iOS)

Screen Shot 2012-04-04 at 19.03.17
“PhoneGap”という文言がなく、”Cordova”になってる。名前変わった?

メモ

  • ハイパーリンク押してもジャンプしない。ログには ERROR whitelist rejection: url=’http://… と出てる
    • 画面にある通り、Supporting Files/Cordova.plistの、ExternalHostsに*を追加したらジャンプした
    • iOS Simulator
    • <?xml version="1.0" encoding="UTF-8"?>
      <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
      <plist version="1.0">
      <dict>
      
      	<key>ExternalHosts</key>
      	<array>
              <string>*</string>
          </array>
      
      </dict>
      </plist>
      
  • 以前やった画像アップローダをやろうと、input type=”file”を指定したけど、ボタンがトーンダウンして押せなかった

以前やったTINAMI検索

index.html(iOS側)

<!DOCTYPE html>
<html>
  <head>
	<!-- 省略 -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
	<!-- 省略 -->
    $(document).ready(function() {
        $("#search").click(function() {
            $.ajax({
                url: "http://PATH_TO/search.php",
                data: {
                   'keyword': $('#keyword').attr('value')
                },
                success: function(data) {
                   $('#result').html(data);
                },
            });
        });
    });
    </script>
  </head>
  <body onload="onBodyLoad()">
      <h1>TINAMI search</h1>
      <form method="post">
        <input type="text" name="keyword" id="keyword" size="30" maxlength="255">
        <input type="button" id="search" value="search">
      </form>
      <div id="result"></div>
  </body>
</html>

search.php(サーバー側)

function search_tinami($keyword) {
	$api_key = 'TINAMI_API_KEY';
	$url = sprintf('http://api.tinami.com/content/search?api_key=%s&cont_type[]=1&cont_type[]=2&text=%s',
				$api_key, $keyword);
	$data = simplexml_load_file($url) or die('XML Parse error');
	$ret = '';
	foreach ($data->contents->content as $content) {
		$ret .= sprintf('<img src="%s">title: %s<br>',
				$content->thumbnails->thumbnail_150x150->attributes()->url, $content->title);
	}

	return $ret;
}

if (!empty($_REQUEST['keyword'])) {
	$keyword = htmlspecialchars($_REQUEST['keyword'], ENT_QUOTES, 'UTF-8');
	echo search_tinami($keyword);
}

参考サイト

関連エントリー

  1. TINAMI API
  2. jQuery.ajaxでPHPプログラムに処理要求を出したい
  3. YouTube APIとjQuery
  4. jQuery.ajaxでPHPプログラムに処理要求を出す
  5. Flickr API
This entry was posted in 未分類 and tagged , , , , . Bookmark the permalink.