自作のJavaScriptを既存のページで動作させる自作のjavascriptをウェブ上で公開されているページに含めて動作させることを考えています。javascriptの動作は、ページ内の画像などをクリックするとalert関数が出るようなものです。自分で少し考えたものとしては、自作のHTMLページでjavascriptを読み込んでおき、そのHTMLの中で外部のHTMLページを読み込むようなことはできないかなと考えています。外部ページの読み込みはフォームの中にURLを入力して行えるといいかなと思います。 var Handler = function (evt) { var node = evt./*@if (1) srcElement @else@*/ target /*@end@*/; var doc = node.ownerDocument; var win = doc./*@if (1) parentWindow @else@*/ defaultView /*@end@*/; if(node.tagName=="IMG"){ //imgタグを検知したらアラート alert("これは画像です"); } 自作のjavascriptをWeb上のページで動作できれば、上記のような方法と全く別でも構いませんので、どなたかご存知の方よろしくお願いいたします。ブラウザはInternetExplorerを考えています。

自作のJavaScriptを既存のページで動作させる

解決済

質問者：yukisin19
質問日時：2010/10/19 15:42
回答数：4件

自作のJavaScriptを既存のページで動作させる

自作のjavascriptをウェブ上で公開されているページに含めて動作させることを考えています。javascriptの動作は、ページ内の画像などをクリックするとalert関数が出るようなものです。

自分で少し考えたものとしては、自作のHTMLページでjavascriptを読み込んでおき、そのHTMLの中で外部のHTMLページを読み込むようなことはできないかなと考えています。
外部ページの読み込みはフォームの中にURLを入力して行えるといいかなと思います。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>


<script type="text/javascript">
var Handler = function (evt) {
var node = evt./*@if (1) srcElement @else@*/ target /*@end@*/;
var doc = node.ownerDocument;
var win = doc./*@if (1) parentWindow @else@*/ defaultView /*@end@*/;
if(node.tagName=="IMG"){ //imgタグを検知したらアラート
alert("これは画像です");
}
</script>

</head>
<body>


<form id="f1">
<input type="text" name="url" value="http://" size="60" />
<input type="button" value="読み込み" />
</form>

</body>
<script src="自作のjavascript" type="text/javascript" ></script>
</html>

自作のjavascriptをWeb上のページで動作できれば、上記のような方法と全く別でも構いませんので、どなたかご存知の方よろしくお願いいたします。

ブラウザはInternetExplorerを考えています。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： think49
回答日時：2010/10/19 22:54

> 自作のjavascriptをWeb上のページで動作できれば、上記のような方法と全く別でも構いませんので、

ブックマークレットにすれば、IE でも実行できるとは思います。

あと、IE だけをサポートするなら条件付きコンパイルをする必要はない…ような。
if (1) なら、IE は絶対に else 後の Statement にいきません。

この回答への補足

後学のため・・・
以下のコードをブックマークのＵＲＬに書いて登録
javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="サーバに置いた自作のjavascriptへの絶対パス";document.body.appendChild(s)})();
　　　　　　↓
自作のjavascriptを適用したいページで登録したブックマークをクリック。
　　　　　　↓
そのページで自作のjavascriptが適用される。

補足日時：2010/11/04 15:26

通報する

- 1
- 件

通報する

この回答へのお礼

お礼が遅くなってしまって申し訳ありません。
質問していた内容に追加の機能を加えたjavascriptを考えていました。
ブックマークレットのこと、教えて頂きありがとうございます。
無事作成することができました。
外部サーバにjavascriptを置いてアクセスさせる方法にしました。

あとはページ遷移の度にブックマークを押さなければならないのを改善できたらと考えています。（ブックマークレットで出来るかはまだわからないですが・・・）

本当に助かりました。
ありがとうございます。

ご指摘の条件付きコンパイルの部分ですが、たしかにelse以下は要りませんでしたね。
重ねて、ありがとうございます。

通報する

お礼日時：2010/11/04 15:23

No.4

回答者： fujillin
回答日時：2010/10/20 18:38

＞自作のJavaScriptを既存のページで動作させる

とのことですが、すでにご提示のスクリプトは別ドキュメントでも動作するように意図なさっているとお見受けしますので（そこまで考慮したコーディングは私には無理）、そのまま対象ドキュメント（または要素）に適用すればいいだけではないのですか？
iframeを用いるのかajaxで読込むのか不明ですが、対象要素にイベントハンドラーとして設定するだけ。（クロスドメイン対応はサーバ側で行っているのでしょうか？）

No3様がすでにご提案なさっているように、ブックマークレットにしてしまう案は簡便でよさそうですね。
同様に、IE限定というのであれば、わざわざ条件付コンパイルにする必要もなさそう。
よく見ると、ご提示の条件付コンパイル部分が（失礼ながら）不完全なようにも見えますが、はずしてしまうのなら関係ないですね。

- 0
- 件

通報する

この回答へのお礼

お礼がおそくなってしまい申し訳ありません。

No.3様のところで書かせていただいたように、ブックマークレットという形で実現できました。
回答ありがとうございました。

通報する

お礼日時：2010/11/04 15:29

No.2

回答者： yyr446
回答日時：2010/10/19 16:28

補足

「InternetExplorer」じゃありませんが「火狐」というブラウザーには、
「潤滑油猿」というアドオンソフトがあって、これを使えば、ブラウザーに
ロードしたページに、あなたの追加 javascript を実行させる事が出来ます。
フォームなんていりません。

http://mozilla.jp/firefox/
http://firefox.geckodev.org/index.php?Greasemonk …

この回答への補足

回答ありがとうございます。

「火狐」で「潤滑油猿」（当て字(笑) ）使って上手く動作しました。
しかし、今回の機能だけだと良かったのですが、自作javascriptではActiveXをオブジェクトとしてhtmlページに埋め込ませて使う予定のため、残念ながら「火狐」だと都合が悪いです。（質問に書いてなくて申し訳ありません。）
IEで「潤滑油猿」が使えるとよかったんですが・・・。

やはりNo.1で回答頂いてましたようにPHPを使ってやるしかないのですかね。
PHPはほとんどやったことがないので、これから勉強したいと思います。

補足日時：2010/10/19 17:19

通報する