S_a_k_Uの日記みたいなDB

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

HTML

TinyMCEを使ってみた

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

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

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

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>…

selectタグとoptgroupタグとoptionタグとイベント処理

Windows Vista:Firefox 3.6.13、IE7 Windows XP:Firefox 3.0.20、IE6SP2 Windows 7:Firefox 3.6.13、IE8 Windows 2000:Firefox 3.0.20、IE5.5SP4(IE5.0) Firefoxでは、上位のタグにイベント処理(onmouseover)があるとそちらを優先するみたい。

selectタグでのborderのスタイル

IE6だとselectタグの枠線の色が変わってないぞ?と思ったら、こういう話みたい。 select要素ではz-indexやborderなどのプロパティを無視する - CSSバグリスト IE8やFirefox3.6だと、指定された色で表示されてる。

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で表示できないとか。

jsdo.it

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

setTimeoutの挙動、の続き

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

setTimeoutの挙動

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

諸刃の剣?

HTML5は安全か? 開発者が留意すべきセキュリティ問題 - ITmedia エンタープライズ

楽しそう

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

全てのURLにセッションID(jsessionid)を付加する

携帯のサイトでセッションに情報を持たせる場合は、cookieじゃないよねってことで。 jsessionidの自動付加について − Java Solution − @IT

携帯電話の個体識別

携帯端末の個体識別情報(uid)取得方法 uid=NULLGWDOCOMOが勝手サイトも使えるようになりました(ウソ)。 - motooLogue

もうIE9かよ

IE9、HTML5やCSS3、SVG対応を大幅強化へ − @IT HTML5とかCSS3とか、レガシーとかクロスブラウザとか、いろいろ絡んで面倒臭そうじゃなぁ〜

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

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

ソースが公開されているcss小技11エントリーまとめ - かちびと.net

インストールされているActiveXを実行する

Brava! Desktopがインストールされていれば、Brava! Desktopを実行し、Brava! Desktopがインストールされていなければ、Brava! DWG Viewerを実行する。 というような動作をさせたい場合は embedタグを使ってみる。

ActiveXのクラスID

objectタグに記述するclassid属性に、何を書けばよいか判らない場合。

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

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

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

httpsとIE6とIE7とiframeと

本番のhttpsの環境でアプリケーションを動作させて、事象が発覚した。 IE7ではセキュリティの警告が出ないが、IE6では警告が表示される。 このページにはセキュリティで保護されている項目と保護されていない項目が含まれています。 保護されていない項目を…

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

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

フレームが使用されいるかどうか

現在表示中のページでフレーム(frame/iframe)を使用して表示しているかどうか、ってどうやって調べることができるんでしょうか??? ブラウザで何かないのかな???

アイコン(ファビコン)を付ける

初めて付けてみたw さすがにTomcatのアイコンが見えるよりか、会社のロゴでも見えた方がええと思ってみたので。 <link rel="shortcut icon" href="hoge.ico"> ICO形式じゃねーとおえんのじゃな。</link>

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

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

tabindex=-1

IEだけ?って思ってたら、FireFox(2.0.0.14)でもフォーカスがスキップするのね。

keyCodeとkeyChar、そしてonkeydownとonkeypressとonkeyup

ここでの調査を兼ねて。

数値入力で動的にカンマを入れる(改)

こちらを参考にさせて頂いて、想定どおりの動きに改造してみた。

数値入力で動的にカンマを入れる

動的にカンマは入るけど、カーソル位置の指定ができんから入力(編集)しにくい… なんか、カーソル位置を指定することができるげなことを書いてるページはあるけど、できるんかいな?