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

javascriptについて

先程こちらの質問をしたのですが
http://q.hatena.ne.jp/1277879479

ページ全体が入れ替わってしまいました。
一部だけが入れ替わるようにする方法を教えて下さい。

よろしくお願いします。

●質問者: worldtravel
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:JavaScript けが
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● Cherenkov
●35ポイント

ヒントが少ない、最低限のコードを示した方がいいです。

iframeの中に入れたいということでしょうか。

iframeのidがhogeだとして以下のようにすればいいと思います。

var iframe = document.getElementById("hoge");
var doc = iframe.contentWindow.document || iframe.contentDocument;

var script = document.createElement('script');
script.src = "http://example.com/foo.js";
doc.body.appendChild(script);
◎質問者からの返答

ありがといございます。

iframeを使うことで思い通りに動作しました。

これと同じ事を、iframeではなく、divなどにすると

ページ全体が変わってしまうのですが、これはしょうがないのでしょうか。


2 ● ko8820
●11ポイント

http://www.kantenna.com/pg/2008/06/jquery.php

DIV表示したいものをHTMLで埋め込んで非表示にしておいて

表示、非常時をコントロールすることによって

入れ替わってるように見せかけるとかじゃだめなんでしょうか?

これだとテキスト、画像にかかわれず部分的な入れ替えが可能です。

◎質問者からの返答

ありがとうございます。

フォームがあります。

アクセスしてきた人が色々と設定して「更新」ボタンを押すと

src属性にパラメータを付けて処理を渡し、結果を表示したいので

予め用意しておくことは出来ません。


3 ● kebo987654
●34ポイント

単に外部ファイルの内容を動的にdiv要素に読み込みたいということだけなら

スクリプトファイルを読み込むことにこだわる必要はないかと思います。(意図が違ってたらごめんなさいm(_ _)m)

以下はdiv要素に.txtファイルを読み込むサンプルです。

※Ajaxを使うのでhtmlファイルと読み込み先ファイルの文字コードはUTF-8にしておくべきです。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<title>- test -</title>
</head>
<body>
<div id="dest1">
初期の内容
</div>
<input type="button" value="divにxxxx.txtをロード" onclick="$( '#dest1' ).load( 'xxxx.txt' )">
</body>
</html>
◎質問者からの返答

ありがとうございます。

私の説明がわかりにくくてご迷惑おかけします。

ブログパーツを例に考えるとパーツのタグが下記のようになっていて、

<script src="hoge.com?id=xxx"></script>

このid部分を動的に変更してその他具をページ内に表示したいのです。

最初からブログパーツから返される結果を表示したいのではなく

タグを入れ替えた結果ブログパーツから返される結果を表示したいと考えていました。

今更なのですが、他の方法で対処することに決めました。

皆さん、ありがとうございました。

関連質問


●質問をもっと探す●



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