Tag Archive for Javascript

Microsoft Access を利用した Web アプリ

ACCESS

例えば、会社のイントラのサーバに Access でつくったデータベースファイルと、html ファイル、 js ファイルを置いておくことで、ライセンスが1つしかなくても、不特定多数でデータベースの編集、検索、レポートの作成が可能になりますねw

もちろん、Access を使えなくても、Web アプリを使えば良いことになりますw

こちらのサイトがとても参考になりますw

JavaScript初心者入門講座
http://java-script.seesaa.net/category/3195601-1.html
データベースファイル接続

database = new ActiveXObject(“ADODB.Connection”);
database.Open(“Drive={Microsoft Access Driver (*.mdb)}; DBQ=c:\\FileName.mdb;”);
データベースファイル切断

database.Close();
database = null;
ファイルの操作用 SQL 文

select [* or ITEM_NAME] from [TABLE_NAME] where [条件式1(ITEM_NAME) and 条件式2(ITEM_NAME)] order by [ITEM_NAME]

select min([ITEM_NAME]) where 条件式1(ITEM_NAME)

insert into [TABLE_NAME] value ([数値], [‘文字列’], [数値], [‘文字列’], [数値])

update [TABLE_NAME] set [ITEM_NAME]=”[文字列]”, [ITEM_NAME]=”[文字列]”, ,,, where 条件式1(ITEM_NAME)

delete from [TABLE_NAME] where 条件式1(ITEM_NAME)

要素を追加する Javascript

今回のアイキャッチ画像は、猫舌さんです。

今回のスクリプトは、2種類です。

1つは、ボタン操作で、要素を追加/削除するもの、もう1つはチェックボックスで、同様のことを行うスクリプトです。

関数側で要素の追加、削除を行うので、ブックマークレットの時は、関数を外部ファイル化しておくと、ボタンやチェックボックスと追加要素を挿入する要素だけあれば良いことになります。

このページでは上手く動かない様なので、こちらのデモページでご確認ください。

 


“:追加パネル 表示/非表示”

 

 

 

 

 

テキストBOXの背景色と文字色を変えるJavascript

アイキャット画像は、ちゅいさんです。

 

 

 

テキストBOXに入力されたカラーコードに、その背景を変更します。そして、文字が見えなくならない様にテキスト色も変更します。

 

今回は、以下の様なことをしています。

① テキストBOXに入力されたコードに背景を変更

② このカラーの明度を計算し、0.05を判定基準に文字色を決定

③ タイプ入力の際に文字が見えなくなるので、文字数が少ない時の文字色を指定

<html部>

 

<Script部>

 

 

キャンセル機能付きラジオボタンのJavascript

アイキャッチ画像は、ありしゃんさんですw

 

 

 

 


A
B
C

 

 

<html部>

 

<Javascript部>

これは、nicoコメ補助ツールで利用したもので、ラジオボタンで、ue、shita、naka の選択を行える様にしたものですw

そして、どのラジオボタンも2度押しで選択がキャンセルとなりますw

「分:秒」形式の値を[秒]に変換する Javascript

画像はチェスさんですw

パワフルなダンスが魅力的ですねw

http://www.nicovideo.jp/user/17413643

 

 

入力[分:秒]:
出力[秒]:

内容を解説すると以下の様になっていますw

① 入力を読み取り、

② 「:」の前後の文字列を分離して取り出し、

③ [分の数字] x 60 + [秒の数字] を計算

④ 計算結果の書込み

<html部>

<script部>

 

WordPress で Javascript のテスト

調査した各種の ColorPicker をこの記事に組み込んでみました。

やっと成功しました? この記事を選択した場合に、ヘッダー部分の Javascript や CSS を読み込みます。

<実施したこと>
・ ヘッダー部の記載が出来る様に記述をテンプレに追加(プラグインの「CSS & Javascript Toolbox」を使用)
・ ヘッダー部に Javascript や Stylesheet を記載
・ 本文にも、必要に応じて、Javascript と Stylesheet を記載

No. ColorPicker Note
1
excolor

 

 
2 jscolor
 
Normal Use:
 

 
Ajax Use:
 
 
 
3 html5jp
 

 

 
4
fabristic

 

 

5 colpick
 
Picker #1
 


 
Picker #2
 


 
Picker #3
 
#

 

Javascript Colorpicker のテスト

いろいろと調査しましたので、結果を残しておきます。

このページに直接作りたかったのですが、上手くできなかったので、今回は別ページを設けています。

Bookmarklet で上手く作動したのは、Ajax 対応の JSColor  だけです。

カラーピッカーのテスト

Excolor

 

カラーピッカー

jscolor

Color Picker - jQuery plugin

Farbtastic

colpick

 

nicoコメ補助ツールver.1.00のコード

Javascript の勉強を始めて、2~3週間程度で作った作品なので、スマートなコードではありませんが、公開します。

何かのお役に立てれば幸いです。

このブックマークレットを使用するに当たっては、改行を削除して、1行のコードに変化する必要があります。

また、FireFoxにのみ、対応しています。

nicoコメ補助ツール

ニコニコ動画の動画再生画面及び投稿者コメント編集画面に、コメントを書き込む際に使用できる補助的なボタンや複数行のコメントを書き込めるテキストBOXが付加できるBookmarkletです。

なお、Firefox にのみ、対応しています。

使い方は、こちらのシュミレータ こちらのシュミレータ(ラジオボタンタイプ) でご確認ください。

nicoコメ補助ツール【HTML5対応版】は、こちら

No. Version 説明 画面のイメージ
1 1.00 [full][ender]ボタンを追加 ver.1.00
2 2.00 [full][ender]に加え、[ue][shita][naka]、
[big][small][medium]、及び
[各種カラー]ボタンを追加
ver.2.00nico動-14
3 2.01 投稿者
コメント
編集画面
にも対応
ver.2.01
4 2.02 「75文字」の文字数制限を超えた場合の
警告機能を追加
ver.2.02
5 2.03 コメント入力後にコマンドを変更するとコメントが消える不具合及び他の不具合をフィックス ver.2.13
6 2.14 コメントBOXの内容を上下一文字づつ書込む機能を追加および一部外部ファイル参照に変更 ver.2.14
7 2.15 カラーピッカー機能追加 ver.2.15
8 2.16 キー操作時に
文字数を表示する機能を追加改行が3回続くと自動で空白文字を挿入する機能追加
矢印の部分に文字数表示 tool_001改行だけの連続入力しに「空白文字」を自動入力する機能
([1]、[改行]、[改行]、[改行]、[改行]、[5]の様に入力している。)
tool_003
9 2.17 キー操作時に行数を表示する機能を追加 キー操作時に、リアルタイムで文字数と行数を表示。
tool_004
10 2.18 文字数&行数のリアルタイム表示
(コピペ対応)
50msec毎にテキストBOXの更新チェックをして、文字数と行数をリアルタイムで表示(コピペにも対応)tool_005
11 2.19  空白文字ボタン追加ショート再生機能追加  ver.2.19
12 2.20  シーク機能追加コメントメモリ状況表示  ver.2.20
13 2.20r2 Full
ラジオボタン化カラー保存機能追加シーク機能強化
 nicoコメ補助-06
14 2.22r  カラーボタンのラジオボタン化

スーク機能追加

カラー記憶機能追加

 nicoコメ補助-06
15 2.30r カラー記憶数32に増加

参考サイト機能追加

nicoコメ補助-11-4
15 2.31r チェックBOXのレイアウト等の調整 nicoコメ補助-12