特定のページとページの特定のセクションを自分のHTMLページに埋め込むのに役立つ必要があります。 URLは、私は事業部が...それはdidnのことをターゲットにするのjQueryを使用してみました..それはあまりにも手間のかかるたiFrameを使用してみました http://www.bom.gov.au/products/IDR023.loop.shtml#skipページの一部を埋め込むには？
であり、任意の...トンの仕事
を提案？助けてくれる？ 私もそれが動作しません...完全なHTMLを取得し、ページを再作成しようとした。..
のTa
ヴィク
私は
のthats以上のように...ウェブサイトを通じて行ってきました画像はURLがhttp://ws.cdn.bom.gov.au/radar/IDR023.T.201705050242.pngですが、レーダーは画像の一部ではありませんので、ソースコードは少し難しいかもしれません。私はそれが自分の衛星などで動作すると思っています。
* "それはあなたの衛星などで動作すると思う" * - または多分彼らのレーダー*？ – nnnnnn
これはかなりありませんが、それはあなたが始める必要があります。
bash$ diff <(curl -s http://www.bom.gov.au/scripts/radar/IDR.loop.v12.0.js) IDR.loop.v12.0.js
0a1,18
> ID = 'IDR023';
> Km = 128; // Standard 64km, 128km, 256km or 512km radar picture.
> nImages = 6;
> theImageNames = [
> "http://ws.cdn.bom.gov.au/radar/IDR023.T.201705050248.png",
> "http://ws.cdn.bom.gov.au/radar/IDR023.T.201705050254.png",
> "http://ws.cdn.bom.gov.au/radar/IDR023.T.201705050300.png",
> "http://ws.cdn.bom.gov.au/radar/IDR023.T.201705050306.png",
> "http://ws.cdn.bom.gov.au/radar/IDR023.T.201705050312.png",
> "http://ws.cdn.bom.gov.au/radar/IDR023.T.201705050318.png"
> ];
> function isDST(t) { //t is the date object to check, returns true if daylight saving time is in effect.
> var jan = new Date(t.getFullYear(),0,1);
> var jul = new Date(t.getFullYear(),6,1);
> return Math.min(jan.getTimezoneOffset(),jul.getTimezoneOffset()) == t.getTimezoneOffset();
> }
> isdst = isDST(new Date());
> state = "Vic";
308c326
< if (page_type !== 'national' && page_type !== 'include' && page_type !== 'defence') {
---
> if (false) {
506c524
< var numbElements = document.tog.elements.length;
---
> var numbElements = 0 //document.tog.elements.length;
636c654
< if (theImages.length > 1) {
---
> if (false) {
653c671
< if (theImages.length > 1) {
---
> if (false) {
1564a1583
> return true;
2747a2767,2768
>
> launch();
<html>
<head>
<script type="text/javascript" src="./jquery.min.js"></script>
<script type="text/javascript" src="./IDR.browser_check.v08.js"></script>
</head>
<body>
<table>
<tbody>
<tr>
<td id="overlayCell" rowspan="2" width="514" class="imagePanel"><div id="overlay" style="position: absolute; top: auto; left: auto; z-index: 0; padding: 0px; margin: 0px; background-color: transparent; display: block; width: 512px; height: 557px; background-image: url("http://ws.cdn.bom.gov.au/products/radar_transparencies/IDR.legend.0.png");"><img name="animation" id="animation" class="animation" border="0" height="512" width="512" src="" alt="Radar images"><div id="backgroundDiv" style="width: 512px; height: 512px; background-color: transparent; position: absolute; z-index: -3; left: 0px; top: 0px; background-image: url("http://ws.cdn.bom.gov.au/products/radar_transparencies/IDR023.background.png");"></div><div id="locationsDiv" style="width: 512px; height: 512px; background-color: transparent; position: absolute; z-index: 7; left: 0px; top: 0px; background-image: url("http://ws.cdn.bom.gov.au/products/radar_transparencies/IDR023.locations.png");"></div><div id="rangeDiv" style="width: 512px; height: 512px; background-color: transparent; position: absolute; z-index: 2; left: 0px; top: 0px; background-image: url("http://ws.cdn.bom.gov.au/products/radar_transparencies/IDR023.range.png");"></div><div id="topographyDiv" style="width: 512px; height: 512px; background-color: transparent; position: absolute; z-index: -2; left: 0px; top: 0px; background-image: url("http://ws.cdn.bom.gov.au/products/radar_transparencies/IDR023.topography.png");"></div></div></td>
</tr>
</tbody>
</table>
<script type="text/javascript" src="./IDR.loop.v12.0.js"></script>
</body>
</html>
をここに私のIDR.loop.v12.0.jsのバージョンとオリジナルの間の差分です
この投稿時に実行されますが、theImageNamesはハードコードされているため、最終的には破損します。元のウェブサイトのコンソールに入力して配列を取得しました。これは、多くのvarsがグローバルなためです。これを変更したり、日付ロジックを変更したりすると、より近づくはずです。
ページのソースコードから、レーダーは実際にはソースが常に更新されているイメージであることがわかります。あなたは 'src'の新しい値を生成するjavascriptを実装し、あなた自身の'![]()
'を更新することができます。下の凡例は、画像の下のページにスクリーンショットを置くことで取得できます。 –
BOMにページの一部を使用する許可を求めましたか？ – nnnnnn
彼らは自分のFTPサイトで自由にデータを提供しています...さらに、私はその名前をつけておきたいと思っています....それでいいでしょう... – user2206329