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

フレーム分割したページで、左ページで選択した内容部分を、右ページのボタンを押すことで別のウィンドウを作成して表示する、という動作をさせたいんですが、Javascriptでできるんでしょうか? 図にするとこんなです。http://www.lawdata.org/etc/050530hatena.GIF

●質問者: nagahito
●カテゴリ:コンピュータ
✍キーワード:JavaScript ウィンドウ フレーム ボタン 作成
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

1 ● kikue70
●20ポイント

http://www.hatena.ne.jp/1117456317#

人力検索はてな - フレーム分割したページで、左ページで選択した内容部分を、右ページのボタンを押すことで別のウィンドウを作成して表示する、という動作をさせたいんですが、Javascriptで..

右フレームに先述しておきます。


<script>


function openwindow(uri,nm) {


menuwin=window.open(uri,nm,”width=100,height=100”);

menuwin.focus()


}

</script>


この様なリンクでいかがでしょうか。


<a href=”javascript:openwindow(’http://フルパス/details.html’, ’_details’,’height=100,width=100’)”>ボタン(イメージでも)</a>


2 ● english
●0ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

可能です。とりあえず、同じウインドウ内に

ボタンがある場合のサンプルを下記に書きます。フレーム対応にするには、それほど難しくないでしょう。


---サンプル--------

あいうえお

かきくけこ

・・・本文・・・

<script>

function getText(){

win = window.open(””,”selection”,”width=600,height=600,left0,top=0,status=1,scrollbars=1”);

win.document.write(document.selection.createRange().htmlText);

}

</script>

<form>

<input type=button value=”テキスト選択されている部分を表示” onClick=”getText();”>

</form>

-------ここまで----------------


document.selection.createRange().htmlText

で、Windows版IEなら、これで選択されているテキストを取得できます。


3 ● hichii
●20ポイント

http://www.openspc2.org/reibun/javascript/frame/003/

?}?E?X?I?[?o?[??E???t???[?????????????e???\??????

これの’page1.html’’page2.html’にボタンを作って別窓指定でリンクを貼れば出来ますが・・・・・左で選択した文章の詳細を別ウィンドウで表示したいと理解してのお返事です。必要なのは、’page1.html’と’page2.html’そしてそれぞれの詳細・・例えば’page1.html’にはsyousai1.htmlです。


4 ● english
●600ポイント

http://www.bricklife.com/weblog/000043.html

bricklife.weblog.*: Safari「でも」使える MT Bookmarklet

2回目で失礼します。

先ほどのサンプルは、Windows版IE専用であるため、FirefoxやMacのSafariにも対応するものに書き直したものを下記に書きます。


なお、hatenaのシステムの都合により半角のダブルクォテーションが全角に表示されていると思いますが、適宜読み替えてください。また、<br>とあるのは本来半角です。円マークも半角です。


------------------------------

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”>

<title>テキスト選択表示</title>

</head>

<body bgcolor=#FFFFFF>

あいうえお


かきくけこ


<script type=”text/javascript”>

<!--

function getText(){

win = window.open(””,”selection”,”width=600,height=600,left0,top=0,status=1,scrollbars=1”);

var moji = ””;

if(window.getSelection){

if(navigator.userAgent.indexOf(”Safari”) != -1){

moji = window.getSelection();

} else {

moji = window._content.getSelection().toString();

moji = moji.replace(”¥n”,”<br>”);

}

} else {

moji = document.selection.createRange().htmlText;

}


win.document.open();

win.document.write(moji);

win.document.close();

}

// -->

</script>

<form>

<input type=button value=”テキスト選択されている部分を表示” onClick=”getText();”>

</form>

</body>

</html>

http://homepage2.nifty.com/BASH/WWW/JavaScript/anotherpage.html

JavaScript集(異なるページからJavaScriptを操作する) -Bash Homepage-

フレーム内のオブジェクトの参照の仕方のサンプルです。

◎質問者からの返答

フレームに対応させられません・・・ 『parent.fr2.』みたいな指定をどこにしたらいいのか… できれば、左フレームに対応させた場合まで教えていただけないでしょうか。


5 ● fayn
●0ポイント

http://fayn.s59.xrea.com/x/tips/javascript/js1/frame.htm

sample

自分も興味があったので、自分でちょっとつくってみました。


一応、図の通りのような形になっていると思います。


参考URLにアップロードしていますので、詳しいところはソースを表示させてごらんください。

http://fayn.s59.xrea.com/x/tips/javascript/js1/frame.htm


構造は、

Frame.html (フレーム設定ページ)

a.html(フレームA、文字選択するページ ・・・フレーム名は、framea)

b.html(ボタンがあるページ ・・・・フレーム名は、framea)

となってます。


b.htmlに下のようなスクリプトを埋め込みました。


<SCRIPT language=javascript>

<!--


function op(){


if (window.getSelection){

selectedText=window.parent.framea.getSelection().toString();

selectedText= selectedText.replace(”¥n”,”

”);

}

else if (document.getSelection){

selectedText=parent.framea.document.getSelection();

selectedText= selectedText.replace(”¥n”,”

”);

}

else if (document.selection){

selectedText=parent.framea.document.selection.createRange().htmlText;

}

if(selectedText){

WO=document.open(””,”test”,”scrollbars=yes, width=300, height=200,toolbar=yes,location=yes,directories=yes,outerWidth=300,outerHeight=200,left=100,top=100”);

WO.document.open();

WO.document.write(”<HTML><BODY>¥n”);

WO.document.writeln(selectedText);

WO.document.write(”</BODY></HTML>¥n”);

WO.document.close();

}

}

//-->

</SCRIPT>


一応、WindowsXpの}IE6.029とFirefox1.04で動作確認しました。

◎質問者からの返答

動きますね! ありがとうございます!


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



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