JavaScript
I use jQuery calendar input with the way I wrote in this article. It works fine if calendar is used from only one text box, but multi text boxes use calendar input at the same time, only first one shows up the calendar, ant the other text …
I want to use HTML text form input with calendar, and I found the way in this article. That requires jQuery libraries links. Here is a procedure. Adding following lines in HTML header section. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
JavaScript でも substring できるとわかった(当たり前だが)ので、そのメモ。拡張子の判定をする例。 if( $StringValue.substring($StringValue.lastIndexOf('.'), $StringValue.length) == ".txt" ){ window.alert("This is a text file."); } else { windo…
ある text box に値が入力されている場合だけ JavaScript の処理を進める、というような意図で以下のような JavaScript を書いていた。 function sendForm(form){ if ( form.id.value == '' ){ window.alert('TextBox is null'); } else { action_url = "htt…
様々なサイトを閲覧していると、ログイン情報が必要なサイトに出会う。そのたびにログイン情報を入力するのはかったるいので、JavaScript を使用してログインに必要な情報を渡すことができないかを考えてみた。以下のようにしてやればログイン画面が表示され…
以下の 3 つの記事の内容をまとめて、 テキストボックスの追加 - Shammerism 要素を削除しようと思って・・・ - Shammerism HTML要素の削除 - Shammerism 以下の機能を満たすHTML & JavaScript を作成。 最初は入力フォームが一つだけ Add をクリックすると…
要素を削除しようと思って・・・ - Shammerismの続き。JavaScript の removeChild を使用することで可能。また、各要素には parentNode という属性があり、これを参照することで削除範囲も指定できる。以下、使用例。 <form name="serverForm" action="http://www.me.local/post" method="POST"> <table border="1"> <tbody id="id1"> <tr><th>Check</th><th>Key</th><th>Value</th></tr> <tr><th></th></tr></tbody></table></form>
JavaScript で以下のように書いてみた。要件は、チェックボックスで選択された要素を削除するというもの。以下の実装では削除のための removeChild がないけれども、、、その前段階で getElementsByName で削除対象になる要素を取得できるかな、と試そうと思…
Webページを開いて何か入力する際に、入力項目を追加したり削除したりするボタンが欲しいときがある。それを実現する JavaScript を書いてみた。今回はテキストボックスの追加のみだが。 <form name="testForm" action="http://www.me.local/post" method="POST"> <table border="1"> <tbody id="id1"> <tr><th>Field0</th><td><input type="text" name="field0"></input></td></tr> </tbody> </table>
JavaScript 二重配列 - Shammerismの内容を関数にした。こんな感じ。 function src_organize(id){ var escapeChars = [ [" "," "], ["<","<"], [">",">"], ["\"","""], ["&","&"] ]; var array = document.getElementById(id).innerHTML…
JavaScriptによるソースコード整形表示 - Shammerismでは、エスケープ文字を一つ一つ if 文で判定していたが、エスケープ文字をまとめて二重配列として定義。 <script type="text/javascript"> var escapeChars = [ [" "," "], ["<","<"], [">",">"], ["\"","""], ["&","&am…
JavaScript で文字列を文字単位で処理 - Shammerismの内容にテーブルによる整形部分を追記。 <script type="text/javascript"> var array = document.getElementById("sample-source").innerHTML.split("\n"); var lineLength = array.length; replaced = "<table border=\"0\">"; for( i = 0 ; i < lineLength ;</table>…
document.getElementById($ID).innerHTML.split("\n") した直後は 1 行単位の配列になる。 1 行ではなく文字単位で内容をチェック、必要に応じて変換が必要(たとえば、半角スペースを にする等)。 文字列から文字を取り出す、というか一文字単位で何かするに…
以下の記事で JavaScriptで任意のHTML要素を取得する - Shammerism JavaScriptでHTML要素の改行を置換する - Shammerism JavaScriptでHTML要素を置換する - Shammerism JavaScript を使用して特定TAGの HTML を置換する方法がわかった。 これらの次のステッ…
document.getElementById($ID).innerHTML で HTML 内の文字列を取得できることがわかった。 今度は、これを編集して、編集した結果で置換したい。innerHTML にそのまま代入すればいいのだろうか。 <script type="text/javascript"> var array = document.getElementById("sample").innerHTML…
document.getElementById($ID).innerHTMLでHTML内の文字列を取得できることがわかった。今度は、これを編集して表示したい。ソースコードが対象とわかっているから、まずは改行タグを追記する。普通の改行を置換すればいい。 <script type="text/javascript"> var array = document.getEleme…
Lispでソースコードを整形表示HTMLにするサンプルをソースコードをHTML表示用に整形するLISPver1.0 - Shammerismで作成しているが、やっぱりJavaScriptで書きたいと調べてみた。innerHTMLというのを使用すればできそうだ。【JavaScript】 要素を取得する: や…