Archive for Javascript

Bookmarklet の記述の基本形

画像は、未来みき(みしゅえる)さんです。

 

覚えてしまえば、とても簡単なことですが、最初は戸惑うので、念のために残しておきます。

 

 

 

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