Archive for 6月 6, 2015

テキスト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部>