iframe内に、他ページの一部を表示させたいのですが、
特定の文字列がある部分を、表示させたいのです
説明が難しいので、画像を添付しました
例えばYahoo! JAPANさんで、
「イチロー」と言う文字列が出てたら、
その文字列の表示されている部分を表示させたい
また別の日、
「サブロー」と言う文字列が出てたら、
その文字列の表示されている部分を表示させたい
引用元のページの条件として、
「イチロー」と「サブロー」は、必ずどちらかが表示されます
「イチロー」と「サブロー」は、同時には表示されません
「イチロー」と「サブロー」は、別の場所に表示されます
ちなみに引用元のサイトからは許可を得てるので、
著作権どうのこうのの話はご遠慮ください
あくまで技術的に出来るかどうかお願いします
No.4
- 回答日時:
もうしわけない、loadよりreadyのほうが良いかも
<script>
$(function(){
$('#f0').ready(function(){
var txt=$('#f0')[0].contentDocument.body.innerHTML;
var reg=new RegExp('イチロー');
if(txt.match(reg)){
txt=txt.replace(reg,function(s){return '<span id="ichiro" style="color:red">'+s+'</span>';});
$('#f0')[0].contentDocument.body.innerHTML=txt;
$('#f0')[0].src=$('#f0')[0].src+"#ichiro";
};
})
});
</script>
またjQueryの組み込みは1系を想定して書いたので
https://code.jquery.com/jquery-1.12.4.min.js
あたりをコピペしてみてください
ご丁寧にありがとうございます
http://hiphopabs-dvd.net/x.html
一応できたのですが・・・
再読み込みすると、また元に戻ります
また成功率も低いです
あんまり安定しないです
サーバーの問題?ではないでしょうけど・・・
jQueryは初めて使うので、さっぱり無知で申し訳ないです
No.3
- 回答日時:
とりあえず同じサイト内でテストをしてください
また、x.htmとy.htmの文字コードを合わせてください
//x.htm
<iframe src="y.htm" width=800 height=400 id="f0"></iframe>
<script src="js/jquery.js"></script>
<script>
$(function(){
$('#f0').load(function(){
var txt=$('#f0')[0].contentDocument.body.innerHTML;
var reg=new RegExp('イチロー');
if(txt.match(reg)){
txt=txt.replace(reg,function(s){return '<span id="ichiro" style="color:red">'+s+'</span>';});
$('#f0')[0].contentDocument.body.innerHTML=txt;
$('#f0')[0].src=$('#f0')[0].src+"#ichiro";
};
});
});
</script>
//y.htm
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div>イチロー</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
これで、イチローが赤くなって頭出しされませんか?
一応やってみましたが・・・
http://hiphopabs-dvd.net/x.html
http://hiphopabs-dvd.net/y.html
うまくいかないようです
jquery.js
もしかして、これをサーバーに入れなきゃダメでしょうか?
jquery-3.0.0.min.jp
こちらをダウンロードして、「jquery.js」に名前を変えて、
また、「jquery-3.0.0.min.jp」そのままでHTMLをいじって、
いずれも試してみましたが、ダメなようです
ブラウザはクロム、IE、Firefoxで試しました
いずれも最新版(に限りなく近い)です
No.2
- 回答日時:
たとえばjQueryで無理やりやるとこんな感じ?
<iframe src="呼び出すファイル" width=800 height=400 id="f0"></iframe>
<script src="js/jquery.js"></script>
<script>
$(function(){
$('#f0').load(function(){
var txt=$('#f0')[0].contentDocument.body.innerHTML;
var reg=new RegExp('イチロー');
if(txt.match(reg)){
txt=txt.replace(reg,function(s){return '<span id="ichiro" style="color:red">'+s+'</span>';});
$('#f0')[0].contentDocument.body.innerHTML=txt;
$('#f0')[0].src=$('#f0')[0].src+"#ichiro";
};
});
});
</script>
「呼び出すファイル」:URL
「イチロー」:文字列(英語)
最後に<iframe>を付けてみました。
申し訳ございませんが、URLのトップから貼り付けられています・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- gooブログ Twitterの動画画面をgooブログに埋め込めない 4 2022/06/03 16:40
- Excel(エクセル) <スプレッドシート>IF関数の複数条件について 5 2022/10/27 14:38
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/09 08:20
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/15 08:30
- Excel(エクセル) エクセルの数式で教えてください。 5 2023/02/10 15:11
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- Excel(エクセル) エクセルのことで教えてください。 A1セルに、 別シートのA1セルが1のときは「A」、2のときは「B 4 2023/02/24 23:08
- Excel(エクセル) エクセルにおいてセル内の文字を出来るだけ大きく表示する方法を教えてください。 4 2022/07/30 08:08
- Excel(エクセル) エクセルで日付が入っているセルを一定の法則に従って違うセルに表示したい 2 2022/04/04 17:16
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/04/21 08:59
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
window.openでタイトル名の指定
-
○歳△ヶ月と×日を計算してくれる...
-
文字列を点滅させたい
-
parseIntで戻り値がNaNになるの...
-
javaで画像をランダム表示しつ...
-
javaScriptのコードの修正をお...
-
文字を一文字ずつ表示
-
同じIDで定義した要素の配列を...
-
JavaScript window.openで開く...
-
google apps scriptの終了のさせ方
-
C#テキストボックスの文字を配...
-
idを使わずにonclickで自身の要...
-
ASP+アクセスでのSQLコメントに...
-
【Jquery】changeイベント毎にa...
-
<a>タグのテキストを取得
-
onclick指定関数の引数へローカ...
-
【正規表現】【javascript】CR...
-
DOM要素を削除しても、イベント...
-
javascriptで文字挿入でtoggle...
-
ActiveXobjectが作成できない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openでタイトル名の指定
-
ホームページに日付を自動更新...
-
○歳△ヶ月と×日を計算してくれる...
-
今日の月と日付の1週間後や3日...
-
文字列を点滅させたい
-
なぜ、ジャバスクリプトが表示...
-
iframe内に特定の文字列がある...
-
テキストボックスに入力された...
-
JS、document.write出力位置設定
-
自動ポップアップで画像を表示...
-
ジャバスクリプトで空白(スペー...
-
innerHTMLにて設定した情報を再...
-
document.open()の意味とは
-
document.writeで画面が消える
-
document.clear()の使い方について
-
ウェブ上にキーボードを作りた...
-
Java Scriptのメソッドについて
-
「分」単位で加算(減算)したい。
-
java カレンダーの日付指定で...
-
現在の日付から、1ヶ月前にす...
おすすめ情報
「呼び出すファイル」:URL
「イチロー」:文字列(英語)
最後に<iframe>を付けてみました。
申し訳ございませんが、URLのトップから貼り付けられています・・・