No.1
- 回答日時:
javascriptでは下記のURLにあるように
検索窓で検索することができるようです。
(ただし、サンプルがスクリプトエラーで動作せず)
参考URL:http://www.openspc2.org/reibun/javascript/form_t …
No.2
- 回答日時:
HTMLだけではそのような機能はないようです。
No.1 で紹介されている JavaScript の find() は
IEではサポートされていません。
ご回答有難うございます。下記の記述をトホホさんのラウンジで見ましてhtmlで出来ると思ってしまいました、こちらにスレッドを立ててしまい申し訳ありません。ご指摘有難うございます。
<form>
<input type="button" value="Find in Page..." onclick="window.find();">
</form>
No.3ベストアンサー
- 回答日時:
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=s-jis">
<SCRIPT>
var ft;
function fnCallDialog(){
var oDialog = "search_dialog.htm";
ft = document.body.createTextRange();
dWin = showModelessDialog(oDialog,window,"status:no;dialogWidth:450px;dialogHeight:150px");
}
function text1_onchange() {
var c;
ft.expand("word");
if( !ft.findText(text1.value) ){
ft.moveToPoint(0,0);
ft.findText(text1.value);
return;}
ft.select();
ft.queryCommandValue("ForeColor","highlight");
ft.moveStart("word");
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<P>InternetExplorer4の頃には
Find()があったみたい。<BR>現在は出来なくなったようです。<BR>でもこの機能はIE5(5.5?)ではDHTMLで可能のようです。
<BR>とりあえず作ってみたので試してね。 </P>
<P>mudmasaさんがその気になればそっくりな「検索」ダイログができるでしょう。<BR>ファイトーー!( ゜ロ゜)乂(゜ロ゜ )イッパーーツ!!</P>
<P><INPUT id=text1 style="DISPLAY: none"></P>
<P>
<INPUT id=button1 type=button value=このページを検索 name=button1 LANGUAGE=javascript onclick="return fnCallDialog()"></P>
<P></P>
<P></P>
<P></P>
<P>「このページの検索」ボタンをクリックすると</P>
<P>「編集」→「このページを検索」<BR>または、「CTRL」+「F」と似たようなダイアログが出てきます。</P>
<P>テスト用文字列です。</P>
<P>あいうえお</P>
<P>かきくけこ</P>
<P>さしすせそ</P>
<P>あいうえお</P>
<P>かきくけこ</P>
<P>さしすせそ</P></BODY></HTML>
---search_dialog.htm---
<HTML>
<TITLE>偽検索</TITLE>
<SCRIPT>
function window.onunload()
{
dialogArguments.dWin=null;
}
</SCRIPT>
<BODY bgColor=silver >
<BR>
<TABLE cellSpacing=1 cellPadding=1 width="400" border=0>
<TR>
<TD width=300>検索する文字列 <INPUT id=ip1 size="18" style="WIDTH: 143px; HEIGHT: 22px"></TD>
<TD width=100>
<INPUT onclick=dialogArguments.text1.value=ip1.value;dialogArguments.text1_onchange(); type=button size=30 value=次を検索 id=button1 name=button1 style="WIDTH: 100px; POSITION: relative; HEIGHT: 24px"></TD></TR>
<TR>
<TD width=300>
</TD>
<TD width=100><INPUT onclick=window.close(); type=button value=" キャンセル " id=button1 name=button1 WIDTH="100" HEIGHT="24" size=19 style="WIDTH: 100px; POSITION: relative; HEIGHT: 24px"></TD></TR></TABLE>
</BODY>
</HTML>
ス、ス、ス、スゴイ。こんなのがこんなにスラスラ出るなんて!そうですね全部教えていただいたら自分のものにならないですね。今の力は CGI | アップロードができて挿入程度は出来る。HTML | 本を見ながらタグを何とかかける JavaScript | 本とサンプルを見ながら入れ込める。くらいですが ガンバリマス。ところでこれはDHTMLでよろしいんでしょうか?DHTMLは初挑戦ですがやってみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excelでの検索結果を含む行だけを表示させたい 5 2023/03/10 17:08
- Visual Basic(VBA) VBAでPDFのアクティブページ番号取得 1 2023/05/25 12:41
- マウス・キーボード キーボード設定で困っています。長文です。 2 2022/12/10 12:44
- Windows 10 Windowsのショートカットキーの割り当てについて質問です。 Ctrl+Shift+Rという入力を 1 2022/11/07 09:53
- Google Maps iPhoneのGoogle検索窓を通常の大きさに 戻す方法を教えて頂けませんか?(切実) 日本全国の 2 2022/10/02 02:08
- Windows 7 ショートカットキー 応用編 どういうの主に使いますか? 2 2022/12/28 23:46
- その他(コンピューター・テクノロジー) PC利用中に勝手に起動する窓を消し去る方法を教えて下さい。 1 2023/05/08 16:48
- Excel(エクセル) エクセルのショートカットの別のキーへ割当。Ctrl+CをCtrl+1へ変更など 3 2022/11/10 00:03
- その他(IT・Webサービス) Google日本語入力の操作方法 一度確定した後の訂正方法 1 2023/06/17 16:03
- Word(ワード) Ctrl+Shift+C、Ctrl+Shift+Vが効かない方おられますか 3 2022/04/22 19:56
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【CSS】floatで左右に並べた...
-
divのheight指定で画面一杯に表...
-
クリッカブルマップとインライ...
-
【CSSハック】アンカーポイント...
-
css固定したフッターが本文と重...
-
CSSでdivの縦幅を指定する方法
-
htmlのstyleのposition:relativ...
-
HTMLですCSSです 画像のように...
-
文字を固定したいのですが…
-
HTMLですCSSです この画像のよ...
-
TABLEの高さを固定したいのですが…
-
ロールオーバーで画像拡大、z-i...
-
YES or NO形式で進んで行く、タ...
-
3点リーダーの作り方
-
大分類・中分類・小分類
-
positionのrelativeとabsolute...
-
Flickity で画像にリンクを貼る...
-
textareaで入力した文字を改行...
-
CSS <div>の入れ子が反映さ...
-
MAX関数を使ってからLEFT JOIN...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Ctrl+F(検索)の窓を出したいの...
-
フッター上部に謎の隙間
-
【CSS】floatで左右に並べた...
-
HTMLですCSSです この画像のよ...
-
css固定したフッターが本文と重...
-
CSS <div>の入れ子が反映さ...
-
スクロール可能なチェックボックス
-
textareaで入力した文字を改行...
-
オンマウス時に別画像を上に重...
-
文字を固定したいのですが…
-
スタイルシートで画面を上下に...
-
チェックボックスの背景色って...
-
フッターの下に隙間ができてしまう
-
文字をクリックしたら別の文字...
-
大分類・中分類・小分類
-
HTMLですCSSです 画像のように...
-
CSSでdivのheightを動的に
-
★★★フッター最下部固定/スクロ...
-
離れた場所にマウスオーバーで...
-
htmlのstyleのposition:relativ...
おすすめ情報