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

a.htmlとb.htmlというファイルがあるとします。で、これを1つのページとしてまとめて表示したいのです。
そして、サーバーの制限が厳しいのでJavascriptでやりたいのです。
<iframe>ではスクロールバーが出てしまうのでダメです。
どなたか教えていただけないでしょうか?よろしくお願いします。

●質問者: rnakaji
●カテゴリ:ウェブ制作
✍キーワード:HTML JavaScript サーバー スクロール ダメ
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● andi
●20ポイント

b.htmlは必ず.htmlでなければなりませんでしょうか?


それでなくても構わなければファイルを.jsファイルにして、全てのソースをdocument.write(’<p>ほげふが</p>’);という形式にし、


a.html側では<script type=”text/javascript” src=”b.js”></script>で呼び出せばまとめて表示することができます。

◎質問者からの返答

元のファイルは、単独でもそのまま見ることが出来るようにしたいので、出来れば変換はしたくないです。


2 ● bemani
●20ポイント

http://www.tohoho-web.com/html/iframe.htm

<iframe> - インラインフレーム

<iframe>を使用しても<iframe scrolling=”no”>と記せばバーを消すことが可能です。

◎質問者からの返答

ありがとうございます。でもiframeはつかいたくないのです。すみません。


3 ● andi
●20ポイント

元のファイルはそのままということでしたら、XMLHttpRequestを使って読み込む方法もあります。


[b.html]

bbbbb


[a.html]

<script type=”text/javascript”>

function loadHTMLFile(url){

var req,res;


req = getXMLHttpRequest();

if(!req){

return false;

}


req.open(”GET”,url,false);

req.send(null) ;


document.write(req.responseText);

}


function getXMLHttpRequest(){

var req;

try{

req = new ActiveXObject(”Msxml2.XMLHTTP”);

} catch(e) {

try{

req = new ActiveXObject(”Microsoft.XMLHTTP”);

} catch(oc){

req = null;

}

}

if(!req && typeof XMLHttpRequest != ”undefined”){

req = new XMLHttpRequest();

}

return req;

}

</script>

aaaaa

<script>loadHTMLFile(’b.html’)</script>

aaaaa

◎質問者からの返答

これは良さそうですね。試してみます。


4 ● arlik
●20ポイント

http://bakera.jp/hatomaru.aspx/ref/html/element/object

object要素@ばけらの HTML リファレンス(未完成)

object 要素で取り込むと出来るのでは。

◎質問者からの返答

objectはhtmlファイルには使えないんでしょうか??

関連質問


●質問をもっと探す●



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