人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

テキストボックス内に入力されたJavascriptのコードを取得して表示したいと思います。

<script type="text/javascript">
function getCode(){
var code = document.getElementById('body').value;
document.getElementById('preview').innerHTML = code;
}
</script>
<textarea id="body"><script type="text/javascript" src="http://localhost/test.js" charset="UTF-8"></script></textarea>
<div id="preview"></div>
<input type="button" value="コード取得" onclick="getCode();">

JavascriptのコードでJavascriptを読み込んでいる?ような感じなので表示されないかも知れません。
何か良い方法があればアドバイスいただければと思います。

●質問者: kt26
●カテゴリ:ウェブ制作
✍キーワード:BODY JavaScript アドバイス コード テキスト
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●60ポイント

こういうのじゃダメですか?

Firefoxでしか動かなくて恐縮ですが。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script>
function getCode() {
 document.getElementById("source").src = "view-source:" + document.getElementById("src_url").value;
}
</script>
</head>
<body>
<input id="src_url" type="text" size="100" value="http://www.hatena.ne.jp/js/Ten/Ten.js">
<input type="button" value="コード取得" onclick="getCode()">
<br>
<iframe id="source" width="500px" height="400px"></iframe>
</body>
</html>
◎質問者からの返答

Javascriptのコードを直接出力するのではなく、iframe(別ページ)にして表示という意味はわかりますし、私自身もその方法しかコードプレビューは出来ません。


「なぜ出来ないのか」と言う事に対して明確なソースや説明ページを探せなかったので質問した次第ですが、無理なものは無理だと理解したいと思います。


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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ