無料ブログ「rentafree.net」の管理人ブログ

Google Chromeのbetaが21になっていました

Google Chromeのbetaが21になっていたので試してみました。
うちで使う機能には影響なさそうな感じで、
まだ新エディタの方には対応できません。

"モバイル最適化1カラム"テンプレート修正しました

また"モバイル最適化1カラム"テンプレート修正しました。

PC(画面サイズが大きい場合)には記事タイトルはリンクになりますが、
リンククリック時もページ移動の前に「開く」「閉じる」処理が発生していたので、リンクの際は処理が発生しないようにした。
小画面端末で記事を開いて閉じた後に画面サイズが大きくなった場合に記事が消えていたんで、横幅1000px以上の場合は!importantで常に表示にした。

androidのコンテキストメニュー周りもう少し実験してみた

androidのコンテキストメニュー周りもう少し実験してみたんですが、
<a>の場合、Firefoxでは長押しでoncontextmenuイベントは発動するみたい。
けど、この方法でも他のブラウザはダメで、
contextmenu属性と<menu>でのコンテキストメニュー拡張は機能せず、「リンクをブックマーク」の標準一項目しかでない。
<a>以外だと長押ししてもoncontextmenuイベントは発生しない。

というか、<a>でコンテキストメニューが出せたとしても何も解決しないかな・・・


タッチパネル端末でのマウス系イベント・・・

ブログ管理ページのコメント管理等が、
onmouseoverでマウスカーソルが重なった時にポップアップ表示する仕様なんでタッチパネル機で表示できない・・・

ってのをどうにかしようと思ったんですが、
タップした際にonmouseoverは発生するみたい。
Opera、Firefox、Chromeで確認したけどどれも発生する。

で、先日ブログエディターでmousedownからのドラッグ要素移動がタッチパネルでできなかったので修正しましたが、
mouseoverが発生するのにmousedownが発生しない?
ってわけでイベント発生するかちゃんと試したんですが、
mousedownもタップの際に発生した。
mousedownの後の移動のmousemoveが問題だったらしい。
ちょっと発生させにくい感じだが、mouseupもタップで発生する。
mousemoveは多分発生しない。
drag系も修正の前に試したがダメだったはず。


ってわけで、
mouseover系の処理は修正する必要ない感じで、
先日修正したmousedownからのドラッグ要素移動はmousemoveがダメだからやっぱ修正する必要あった。
あとcontenteditableとcontextmenuがどうにかなればタッチパネル完全対応できる感じではあるんだが・・・

XML-RPCアプリ作って配信しちゃうってのも考えてるが、
HTMLのcontenteditableが使えないといい感じのエディタ作るのはめんどい。


再度コメントのURL欄の入力制限

先日、コメントのURLへのhttp:又はhttps:以外から始まるアドレスを受け付けていたのを制限しましたが、
エスケープ処理は入っていたのでスクリプト駆動はできませんでしたが、
ダブルクォート入りのアドレスを受け付けていたので再度修正しました。
URLを入力した場合で通常URLに使われないような文字が含まれている場合はエラーになります。

これはトラックバックの方も同じようになっていたので、
今回はトラックバックの方も同じような修正を入れました。