0

基本的に、私は趣味のために個人的なコードを完成させようとしています。

目標は、私が現在聴いている曲を表示する 1 行を含むファイルから、自分からの操作なしで曲を変更できるようにすることです。できれば、曲名を含むテキスト フィールドをスクロールできるようにしたいのですが、そこに書式設定可能なテキストを表示するだけでもワクワクします。

現在、私はプログラミングに関してそれほど精通していないため、障害にぶつかっています (これまで PC が発火していないことにショックを受けました. . .)。

私がこれまでに持っているもの(ひどいハックの仕事でごめんなさい):

<html>
  <head>
  <style>
      body {
          background-color: rgba(0, 0, 0, 0.65);
          white-space: nowrap;
          overflow: hidden;
          margin: 0px 0px 0px 0px;
      }
      p.ex1 {
          font:22px, arial, sans-serif;
          color:rgb(255, 255, 255);
      }  
  </style>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript">
    setInterval('read',3000);
    function read(){
        jQuery.get('SongPlayback.html',
        function(data){$('.contents').html(data);}
        )
        }
  </script>      


  </head>
 <body>
    <p class="ex1">
    Now Playing:<br>
    <div id="contents"></div>
    </p>
 </body>
</html>

これらすべての主な問題は、ローカルで実行することだと思いますが、それが可能かどうかはわかりません(?)、セキュリティ上の理由で JS がローカルで実行されない方法についてかなり読んでいますか? 私はただコード全体をめちゃくちゃにしているのかもしれません。「SongPlayback.html」ファイルに加えて、jquery.js を HTML ファイルと同じディレクトリに保存しました。

以前はテキストを格納してい<Object>ましたが、曲 (ファイル) の変更時に更新できませんでした。

4

3 に答える 3

1

jQuery を使用してget または post リクエストを処理するには、このタイプのリクエストを処理するサーバーが必要です。wamp http://www.wampserver.com/en/#download-wrapperまたはxammp http://www.apachefriends.org/en/xampp.htmlをインストールする必要があります。次に、これらのアプリケーションのいずれかを使用してコードを実行します。

于 2013-05-03T04:56:32.967 に答える
1

したがって、これをすべてローカルで比較的実行できるため、私自身の質問に答えます。

これにより、必要なものが得られ、適切にフォーマットされていれば、それぞれのファイルにあるデータ値が返されます。私に残された唯一のことは、見栄えの悪いマーキーを取り除き、より良い CSS フォーマットを採用することです。

<html>
  <head>
  <style>
      body {
          background-color: rgba(0, 0, 0, 0.65);
          margin: 0px 0px 0px 0px;   
      }
      p.ex1 {
          font:18px arial, sans-serif;
          color:rgb(255, 255, 255);
          margin: 0px 0px 0px 0px;
      }  
  </style>

  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

  <script>
            var previousData;
            function loadText() {
                $.ajax({
                    url: 'SongPlayback.json',
                    beforeSend: function(xhr) {
                        if (xhr.overrideMimeType) {
                            xhr.overrideMimeType("application/json");
                        }
                    },
                    dataType: 'json',
                    success: function(data) {
                        $.each(data, function(key, val) {
                            if (key == 'input') {
                                if (val != previousData) {
                                     previousData = val;
                                    $('#responsecontainer')
                                        .animate({opacity:0})
                                        .queue(function(){
                                             $(this).text(previousData).dequeue()
                                        })
                                        .animate({opacity:1});  
                                }
                            }
                        });
                    }
                });
            }

            setInterval(loadText, 500);

        </script>      


  </head>
 <body>
    <p class="ex1">Now Playing:<br>
    </p>
    <marquee direction="left" scrollamount="4">
    <p class="ex1" style="white-space:nowrap; height:25; width:200; margin:0px 0px 0px 0px;" id="responsecontainer"></p>
    </marquee>    
 </body>
</html>
于 2013-05-03T16:03:47.777 に答える
0

get または post を実行するには、localhost であっても、要求を処理するために Web サーバーを実行する必要があります。Xamppなどのツールを使用して、これを非常に簡単に設定できます。Xampp がインストールされたフォルダー内の htdocs フォルダー内のフォルダーにファイルを再配置する必要があります。たとえば、ファイルを htdocs/playlist/ に追加すると、ブラウザで にアクセスしてアクセスできますhttp://localhost/playlist/。これがセットアップされると、get および post 操作を実行できるようになります。Xampp は優れたツールです。ローカル PC に Apache、PHP、MySQL を簡単にセットアップできます。非常にシンプルで、Web スクリプトの開発に非常に役立ちます。

于 2013-05-03T04:37:25.427 に答える