S_a_k_Uの日記みたいなDB

~サクゥーと呼ばないで~

JavaScript

2年ぶりくらいにプログラム書いた💻

と言っても、JavaScriptでツールっぽいものだけど。 久々にコード書いて、コメントの書くのが一番難しかったかもしれんw それから、1つのHTMLファイルで実現するため、自力でゴリゴリJavaScript書いたけど、今まで各種フレームワークにお世話になってたの…

TinyMCEを使ってみた

TinyMCEってのでHTMLエディタを試してみた。 読み方(たいにーえむしーいー)から知らなかったw

videoタグでPCカメラの映像を表示して静止画を取得する

一応canvasタグに描画する所まで。 以前作ったカメラの静止画を撮るAppletがWindows7?Java7?のセキュリティ関係の制約で動作しなくなった。 Appletを無理やり動かすことより、ブラウザの標準的な仕様で構成するように方針転換した方が得策だろ?という判断…

動的に外部のJavaScriptファイルを読み込む場合の動作(jQuery編)

jQueryでもできるので試してみた。 jQuery 2.1.1 document.write('<script src="' + src + '" type="text/javascript"></script>'): 16日(DOM操作編)、 19日(document.write編)と同じように確認してみた。

動的に外部のJavaScriptファイルを読み込む場合の動作(document.write編)

document.writeでこんな書き方もあるので試してみた。 document.write('<script src="' + src + '" type="text/javascript"></script>'): 昨日と同じように確認してみた。

動的に外部のJavaScriptファイルを読み込む場合の動作

ブラウザによって動作が異なるのでメモ。

canvasタグに描画された状態をキャプチャする

下記を参考に、jQueryを使ってサンプルコード書いてみた。 HTML5のvideoとcanvasで動画のキャプチャを取る HTML5のCanvasで作る、Flash不要のお絵かきツール サンプルコード <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>canvasタグのキャプチャ</title> </head> <body> <div id="header"> 下の枠のcanvasタグのキャプチャを撮ります。<br> 枠の</div></body></html>…

ポストバックが何かよくわかってない

イベント処理でAjaxによるデータ表示がうまくいってない、って同期の問題じゃないの?ってことで。

MOONGIFT : JavaScriptを整形する「js-beautify」 オープンソース・ソフトウェア/フリーウェアを毎日紹介 窓の杜 - 【NEWS】HTML5ベースのリモートデスクトップソフト「ThinVNC」v1.0が公開、正式版に

オートコンプリート

JavaScriptを使ったAutoCompleteの仕組み色々 prototype.js+script.aculo.usってパターンで十分なんかな。

Lettering.js

MOONGIFT : JavaScriptを使って文字をデフォルメ「Lettering.js」

readonlyのフィールドのスタイルを変える

紙芝居なHTMLの要素にスタイル入れるのも面倒なんで、こんなJavaScriptで対応してみる。 <script type="text/javascript"> var elems = document.forms[0].elements; for ( var i = 0 ; i < elems.length ; i++ ) { if (elems[i].readOnly == true) { elems[i].style.color = "#000000"; ele</script>…

prototype.jsのgetElementsByClassNameメソッド

Firefoxでツリーが表示できた、と思ったらIEで表示できないとか。

aタグのonclickでの挙動

最近自分のネタじゃなくて、周りのネタを上げてるだけなのはナイショだ。

QUnit

QUnitの基本的な使い方 - but hopeful Ajaxでの対応とか、一通りの使い方を記述して下さってます。

MOONGIFT: » JavaScript製のガントチャート「JSGantt」:オープンソースを毎日紹介

jsdo.it

jsdo.it - share JavaScript, HTML5 and CSS JavaScriptやHTML5、CSSのソースコード共有サイト

setTimeoutの挙動、の続き

も少し突っ込んで、ボタンの割り込みなんかとの関係を確認。

setTimeoutの挙動

何回かsetTimeoutメソッドを呼び出した場合、シングルスレッドでエントリされた順番で処理されている(らしい)。 setTimeout()で同期化は不要? - うなの日記

楽しそう

ASCII.jp:HTML5とjQueryでブラウザーがペイントツールに!|古籏一浩のJavaScriptラボ

HTML+JavaScript(+CSS)でiPhone/Androidアプリ

HTML+JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは - @IT

JavaScript + Ajax 実践サンプル集 (901本以上) ◇編集して実行可能◇ jQueryを使い倒せ! jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中...

Internet Explorer で印刷プレビューを終了すると、Web ページ中の JavaScript の window.close メソッドが動作しなくなる場合があります

だそうです。

ファンクションキーでイベント処理

CUIベースのシステムのリニューアルには、ありがちな話の対応方法。

フレームを使用しているかどうか

先日の解決策を考えてみました。 自分自身のHTMLドキュメントがフレームで表示されているかどうかは、JavaScriptで下記のような評価で検出できます。 alert(window == window.top);

ファイルアップロードのsubmitでのエラー

ファイル名を適当に入力(例えば"abc"とか)してsubmitしたら、「アクセスが拒否されました」ってなエラーになってる。

Enterキーによるsumbitを禁止する(改2)

ここでのコードに漏れがあった(汗

ブラウザでリクエスト待ちの時に、マウスカーソルを砂時計に変更する(改)

別に要件でしなければならない訳じゃなくって、ちょっと自分で動かしててどうかな?と思った程度なんだけどね。 tatsuのアドバイスを基に改造してみた。

ブラウザでリクエスト待ちの時に、マウスカーソルを砂時計に変更する

submitのタイミングで下記のメソッドを呼び出す。

Enterキーによるsumbitを禁止する(改)

obacheの指摘を受け改造。