カテゴリー:JavaScript
Javascript で textarea のスクロールバーを動かす
Javascript で textarea のスクロールバーを動かす必要が出ました。HTMLエディタを自作しているんですが、テキストエリアの中の文字列を検索したとき、その位置にテキストのスクロールバーを移動させたい。text…
詳細を見るjQuery ボタンを押しても反応しない
jQuery の click イベントを使ってボタンを押したら alert を表示する簡単な仕様なのになにも反応しない。一瞬はまってしまうことって・・・ありますよね?例えば、こう書きます。 <input type=…
詳細を見るJavascript から CGIを呼び出すのに便利な XMLHttpRequest 覚書
XMLHttpRequestは、Javascript から サーバー上のCGIを呼び出す時に便利なコマンドだ。XMLHttpRequestをざっくり書いておく。CGIへコマンドを送る(JavaScript)fun…
詳細を見るUnchecked runtime.lastError: The message port closed before a response was received.の解決策
Unchecked runtime.lastError: The message port closed before a response was received.未チェックのruntime.lastError:メッセージポートは応…
詳細を見るロボフォームのようなパスワードを保存する拡張機能
ロボフォームのようなパスワードを保存するJavaScritpを書こうと思った。ロボフォームは、WEBサイトのログイン情報などを保存できるブラウザの拡張機能だ。ところが、バージョンが上がるたび使い勝手が悪くなり、つい最近のバージョ…
詳細を見るスクレイピング|WEBサイトのページを読み取る方法
スクレイピング|WEBサイトのページを読み取る方法ウェブスクレイピングは、ウェブサイトから情報を抽出すること。別名、ウェブ・クローラーあるいはウェブ・スパイダーとも呼ばれるつまりWEBサイトのページを読み取る方法です。…
詳細を見るjavascript で タグで囲まれた(挟まれた)文字列を抜き出す。
javascript で HTML のタグで囲まれた(挟まれたともいう)文字列を抜き出すのにはまっちゃいました。ポイントは以下の通り。通常思いつくのは、/<body>(.*?)</\body>/…
詳細を見るstyle.display で動的なページを作る・・・ためのメモ
style.display使い始めるとメタ便利。ex.ここをクリック出たり入ったり/入れたり出したりWPの投稿で TEXT モードにして↑を貼り付けてプレビューしてみ。現れたり消えたりするから…
詳細を見るpreventDefault() と stopPropagation() って何だ?
JavaScript でいろいろやっていると、イベントの制御に苦労します。JavaScript でウィンドウを表示させて、ウィンドウの外側をクリックされたら閉じるといった制御。例えば・・・ここは clas…
詳細を見るリアルタイムHTMLエディタ
HTMLエディタをブラウザで作ろうとおもうと、どうしてもほしくなるのがリアルタイムプレビュー。どう書けばいいか?改行処理部は、単純に br を入れてるだけなので本チャンでは工夫が必要になる。もっとも、べたのHTMLをかけば・…
詳細を見るJavascript select の選択要素を取りだす。
select で選択されている要素を取り出す方法は何個かあるけど、その中の一つ。HTML<select name="mcolr1" id="mcolr1" OnChange=&…
詳細を見るJavascript getElementById と getElementByName は違います。
JavaScript を使って動的に form 要素を操作しようとしたときに、よく間違えるのが getElementById と getElementByName。例えば<input type="text&q…
詳細を見るjavascritpでいつも迷う form のフィールドの取扱い
javascript でいつも迷う form のフィールドの取扱い。要するに?javascript って書き始めると楽しくなるんだけど、そんなにしょっちゅう使わないから、結構忘れてて。思い出すまで時間かかるので、思わ…
詳細を見るスマホの時だけ、telタグにする
<script type="text/javascript">function smtel(telno){ if((navigator.userAgent.indexOf('iPhone') &…
詳細を見る