記録

ANA旅割逆算日導きサービスモバイル版:最終

<!DOCTYPE html>
<html>
    <head>
        <title>ANA旅割逆算日導きサービス(mobile)</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="jquery-mobile/jquery.mobile-1.4.5.min.css">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
    <script src="jquery-mobile/jquery.js"></script>
    <script src="jquery-mobile/jquery.mobile-1.4.5.min.js"></script>
    <style>
        .ui-page{
           background:#73cbe6;
        }
    </style>
    <script>
        $(function(){
            $("#ckday").click(function(){
                //alert($("#day").val().replace(/\-/g,'\/'));
            $.ajax({
                type: 'POST',
                url: "../ana_calendar/json.php",
                data:{day:$("#day").val().replace(/\-/g,'\/')},
                dataType: 'json',
                success: function(obj){
                    var str =   '<ul id="ana_listview" data-role="listview">\n';
                    str = str + '<li>予定日:' + obj.anaday + '</li>\n';
                    str = str + '<li>75日[旅割]の予約期日:' + obj.day75 + '</li>\n';
                    str = str + '<li>55日[旅割]の予約期日:' + obj.day55 + '</li>\n';
                    str = str + '<li>45日[旅割]の予約期日:' + obj.day45 + '</li>\n';
                    str = str + '<li>28日[旅割]の予約期日:' + obj.day28 + '</li>\n';
                    str = str + '<li>21日[旅割]の予約期日:' + obj.day21 + '</li>\n';
                    str = str + '</ul>\n';
                    $("#ana_api").html(str);
                    $("#ana_listview").listview().listview('refresh'); ;
                    }
                });
            });
        });
    </script>
    </head>
    <body>
        <div data-role="page" data-title="ANA旅割逆算日導きサービス(mobile)">
          <!--ヘッダー領域-->
          <div data-role="header">
            <h1>ANA旅割逆算日導きサービス(mobile)</h1>
          </div>
          <div role="main" class="ui-content">
              <input type="date" id="day">
              <button id="ckday" class="ui-btn">逆算する。</button>
              <span id="ana_api"></span>
          </div>
          <div data-role="footer">
            <h3>Copyright zip358.com</h3>
          </div>
        </div>
    </body>
</html>

ANA旅割逆算日導きサービスモバイル版:最終として
webから逆算日を導きだすサービスを公開します。
ほんと・・・簡単なものですので
最初からwebで作れたんじゃねぇっていう疑惑が
あると思うです。
webゴニョゴニョ…(ノ゚д゚(; ̄Д ̄)っていう誘惑は
モバイル版のアプリを作る時からありましたが
アプリ作るよって言ったので、有言実行ということで
作ってみました。
作ってみた結果ですけど・・・
ウェブで作れるものはウェブで作ったほうが
手間暇かからないという事がわかりました。
http://zip358.com/tool/ana_calendar/ [PC]
zip358.com/tool/ANAmobile/ [モバイル]
 

In The Shadows (シャドーズ)が何だか懐かしいと感じる世代です。前のページ

結局、SNSなんてものは暇な時しか使わない?次のページ

関連記事

  1. 記録

    何も云わない人の方が賢明だと思うのだ。だけど、それで良いのだろうか?

    この頃、帰宅後、間食をせずに暮らしています。「痩せないと」って思って…

  2. 記録

    映画、ミュージアムを観ました。

    映画、ミュージアムを観ました。映画、セブンの真似た映画だけど・・・…

  3. 記録

    (github)=>{git push -u ギットハブ master;}

    github(ギットハブ)を知っている方はIT業界では9割近い…

  4. 記録

    jqueryのイベント処理時に引数を受け渡す方法を知っとくと良いかもしれません。

    jqueryのイベント処理時に引数を受け渡す方法を知っとくと良…

  5. 記録

    テキストを日本語ボイスに変換してくれるしょぼいWindowsソフトを作ったよ。

    VS2017のC#で、テキストを日本語ボイスに変換してくれるし…

  6. 記録

    高知県を代表するお菓子さん青柳のぐぅ~を食べてみた。{期間限定:和菓子屋さん?

    高知県を代表するお菓子さん青柳のぐぅ~を食べてみました。感想はすご…

PAGE TOP