0

ウェブサイトに潮汐時刻を表示する必要がありますが、英国で適切な形式で潮汐時刻を提供する唯一のサービスはwww.tidetimes.orgです。

彼らは、document.writeを使用して自分のサイトで潮汐時間を生成するために、かなり標準的なJavascript（サイトでホストされている）を実行するウィジェットを提供していますが、スタイルを変更する必要があります。どうすればこれを達成できますか？

実際のウィジェットスクリプトへのリンクは次のとおりです。BovisandPier用に設定しようとしています。

http://www.tidetimes.org.uk/widgets

そして実際のjavascriptファイル： http ：//www.tidetimes.org.uk/bovisand-pier-tide-times.js

ファイルをローカルでダウンロード、編集、およびホストしましたが、tidetimes.orgが新しい時間に毎日jsファイルを編集していると思います。

4

3 に答える 3

1

代わりに、 Google Feed APIのようなものでRSSフィード（http://www.tidetimes.org.uk/bovisand-pier-tide-times.rss）を消費します。これは、より保守しやすく、長期的なソリューションになります。

于 2012-10-04T22:18:32.743 に答える
0

手動でスタイルをループしてクリアする必要があります。jqueryの場合：

$('#containerForWidget tr, #containerForWidget td').attr('style', '');

これにより、コンテナ内のすべてtrのtd要素が取得され、インラインスタイルが削除されます。

于 2012-10-04T22:06:49.790 に答える
0

以下のような単純なjavascript関数（古いスタイルですが機能しています）を作成します。

 function changeStyle(){
    var divElements = document.getElementsByTagName("div");
    for (var i = 0; i < divElements.length; i++) {
        var divElement = divElements[0];
        //change the style
        divElement.setAttribute("style", "color: red;");
    }
 }

HTMLページ onloadイベントでこの関数を呼び出します。

または、このコード（匿名ブロック）をセクションに追加するか、ページのtidejavascriptファイルのリンクの後に追加します。

  <script language="javascript">
    var divElements = document.getElementsByTagName("div");
    for (var i = 0; i < divElements.length; i++) {
        var divElement = divElements[0];
        //change the style
        divElement.setAttribute("style", "color: red;");
    }
  </script>
于 2012-10-04T22:21:17.547 に答える