refirio.org

電話発信用のリンクをPCページで解除

2015/04/18 17:33
カテゴリー：制作, プログラム
タグ：JavaScript

スマートフォン向けページでは、tel: でリンクすれば電話をかけることができます。

<a href="tel:090-1234-5678">090-1234-5678</a>

ただしこの機能はPCサイトでは不要です。この対策に、以下のJavaScriptで電話番号のリンクを解除することができます。

var ua = navigator.userAgent;
if (ua.indexOf('iPhone') < 0 && ua.indexOf('Android') < 0) {
  $('a[href^="tel:"]').each(function() {
    $(this).contents().unwrap();
  });
}

処理の内容は「iPhoneでもAndroidでもなければ、リンク先が tel: が始まるリンクを解除する」としています。

Windows Phone も考慮するならuserAgentの判定は要改良ですが、ひとまずこれで。

この記事のURL

max_input_vars対策にデータをまとめて送信

2013/03/13 09:56
カテゴリー：制作, プログラム
タグ：PHP, JavaScript

PHP5.3.9以降では max_input_vars という設定が設けられており、入力データ数が多すぎる場合は自動的にデータがカットされるようになっています。初期値は 1000 なので、入力欄を1500個並べても、PHP側で受け取れるのは1000個までということです。

この設定は、一例ですが .htaccess で

php_value max_input_vars 2000

このようにすれば緩和することができます。（この場合、PHP側で受け取れるのは2000個までということです。）

ですがPHPの設定変更を許可されていない環境で、どうしても大量の値を受け取る必要がある時のために、jQueryプラグインでデータをまとめて送れるようにしてみました。

max_input_vars対策にデータをまとめて送信

入力欄が大量に並ばない設計にすればいいですが、今更プログラムの設計を変えるのは難しいよ。という場合に。

この記事のURL

最近いじったjQueryプラグイン

2013/02/28 14:32
カテゴリー：制作, プログラム
タグ：JavaScript

最近自分用に作ったjQueryプラグイン。

ドロップダウンメニューの作成
入力例を表示（placeholderの使えない環境ではJavaScriptで表示）

最近いじったjQueryプラグイン。

PHPばかり触っていて、あまりJavaScriptで色々作れず…。_(｡ﾟ⊿ 」∠)_

この記事のURL

メディア管理機能強化のための下調べ

2012/11/15 11:09
カテゴリー：制作, プログラム, HTML+CSS
タグ：PHP, JavaScript

主にfreoのメディア管理機能強化のために色々と調べていたけど、どれも自分の技術で実現可能っぽい。

具体的には、ブラウザ上で画像をトリミングしたり、縮小・反転・回転したり、画像に直接何か書いたり、サイズが違ってもレイアウトが崩れないようにグリッドで並べたり。

ブラウザ上で画像をトリミング: よくあるペイントツールみたいに、範囲を指定して切り抜き。以前に作ったもの。
画像を反転: ImageMagickなら命令一発で反転できる。GDには反転命令が無いみたいなので、ピクセル操作で反転。
画像を回転: ImageMagick・GDともに命令一発でできた。あと、画像の縦横比率を保持して縮小…は、普段から使っているので何も難しいことは無い。
画像をグレースケールに変換: ImageMagick・GDともに命令一発でできた。
ブラウザ上で直接描画: 以前に作ったもの。画像に手書き文字を書き加えて上書き保存…を作るのも（手間はかかるかもだけど）多分難しくは無い。画像と手書き文字をJavaScriptで一枚の画像に合成するのは難しいかもだけど、サーバーサイドで合成すればいいし。
縦横比の異なる画像をグリッドで表示: もっと手こずるかと思ったけど、文字の水平位置を揃えないのなら特に難しいことは無かった。画像一覧は、基本的にこんな表示が良さそう。
縦横比の異なる画像をトリミングして表示: サイズの比率が違う画像とか大きい画像とか極端に小さい画像とかを、CSSでトリミング＆サイズ調整して一覧表示。こんな表示もアリかも。