Ver.3.21:検索で、カタカナ/ひらがなを同一視

MyHome Portal Ver.3.21をリリースしました。
http://ok2nd.web.fc2.com/download.html

「INDEX」「カレンダー」「旅行記」「掲示板」「メモ」などの一覧検索で、全角/半角、カタカナ/ひらがなを区別しないで同一視して検索するように仕様変更しました。SQL文で、collate utf8_unicode_ciを指定しています。

一覧検索で、全角/半角、カタカナ/ひらがなを同一視しない場合、実運用定義ファイルで、MP_LIST_SELECT_COLLATEを""にしてください。

上記一覧検索で、全角/半角、カタカナ/ひらがなを同一視した場合、「メモ」などの検索キーワードのハイライト表示も、同様にハイライトするようにしました。
スポンサーサイト

はてなブックマークに追加 はてなブックマーク - Ver.3.21:検索で、カタカナ/ひらがなを同一視

theme : PHP
genre : コンピュータ

Zero Clipboard利用時のボタンイベント処理追加

MyHome Portal 3.20で、ID管理のクリップボードコピー[C]ボタンを押した時に白くハイライトするようにしました。
http://ok2nd.blog87.fc2.com/blog-entry-260.html

Zero Clipboardを使って、glue()を設定すると、ボタンのmousedownやmouseupのイベントをZero Clipboardが拾ってしまうため、ZeroClipboard-ok2nd.jsを直接修正して、これを実現しました。

case 'mousedown':
  this.domElement.style.backgroundColor = '#ffffff';
case 'mouseup':
  this.domElement.style.backgroundColor = '#e0e0e0';

はてなブックマークに追加 はてなブックマーク - Zero Clipboard利用時のボタンイベント処理追加

theme : JavaScript
genre : コンピュータ

Ver.3.20:ID管理クリップボードコピーボタン改善

MyHome Portal Ver.3.20をリリースしました。
http://ok2nd.web.fc2.com/download.html

「カレンダー」「旅行記」「住所録」それぞれのGoogle Maps API V3を使ったマップが、1地点の場合、地図が拡大されすぎてしまうのを修正。

「テキスト縦書き表示 (IEのみ)」で、H1タグ内文字をHTMLタイトルとするようにしました。フォーム入力版では、別途HTMLタイトルを指定できるようにしました。

「ID管理」で、W↑をクリックすると、ID&パスワードの小ウインドウと該当ホームページのウインドウ2つが開きますが、ChromeではID&パスワードの小ウインドウが、メインウインドウの下に隠れてしまう問題を修正。window.open()で、ウインドウを開く位置指定でscreenX,screenYを追加。

「ID管理」で、クリップボードコピー[C]ボタンを押してもZero Clipboardを使用している関係でボタンの形状が変化しないのを改善。クリック時点で白くハイライトするようにしました。

はてなブックマークに追加 はてなブックマーク - Ver.3.20:ID管理クリップボードコピーボタン改善

theme : JavaScript
genre : コンピュータ

複数のZero Clipboardコピーボタン

MyHome Portal 3.19で、Zero Clipboard利用によるクリップボードへのコピー機能を付けました。
http://ok2nd.blog87.fc2.com/blog-entry-258.html

Zero Clipboardは、setText()でコピー文字列をセットした後で、glue()でボタンを設定して、そのボタンをクリックすることでクリップボードへのコピーが実現されます。

Zero Clipboardを使って複数ボタンによるコピー機能実現に苦労しました。私が実現した方法は以下のものです。
onmouseover()で、自分自身にglue()を設定するというものです。

<script language="JavaScript">
function clipSetBtn(id, text) {
var clip = new ZeroClipboard.Client();
clip.setText(text);
clip.glue('button'+id);
}
</script>
<input type="button" id="button11" value="C" onmouseover="clipSetBtn('11','ABC');">
<input type="button" id="button12" value="C" onmouseover="clipSetBtn('12','DEF');">

はてなブックマークに追加 はてなブックマーク - 複数のZero Clipboardコピーボタン

theme : JavaScript
genre : コンピュータ

Ver.3.19:ID管理にクリップボードへのコピー機能

MyHome Portal Ver.3.19をリリースしました。
http://ok2nd.web.fc2.com/download.html

「ID管理」に、クリップボードへのコピーボタン機能を追加。
IDやパスワードの右の「C」ボタンをクリックすると、クリップボードにその文字列をコピーします。
各サイトのログイン画面にそのままペーストできます。
クリップボードへのコピーには、Zero Clipboardを利用。
http://code.google.com/p/zeroclipboard/
260-2.jpg

「アルバム」「ギャラリ5」で、画像サイズをSELECTメニューで変更できるようにしました。
「アルバム」「ギャラリ5」の背景画像を設定できるようにしました。
boxes-b.jpg

各コンテンツの検索機能が、検索キーワード入力後、Returnキーでも動作するように修正しました。

Google Maps JavaScript API V3を使ったマップページのマップタイプ切り替えメニューの形式が変更されていたので、それに合わせてマップの地点一覧のサイドバーの位置を少し下に下げました。
対象は、カレンダー、旅行記、住所録のそれぞれのマップページと、Google Maps (複数地点) API V3版。
map-sidebar.jpg

ツール「Google Maps (複数地点) API V3版」で検索地点が1地点の場合、地図が拡大されすぎてしまうのを修正。

ツール「テキスト縦書き表示 (IEのみ)」を修正。文章をファイルではなく、フォームから入力できるタイプも用意。行間やフォントタイプの指定も可能にしました。
tategaki.jpg

各ページのHTMLのDOCTYPEをhtml5に合わせて、
<!DOCTYPE html>
に、変更。IE6も含めて、これで特に支障はなさそうです。

はてなブックマークに追加 はてなブックマーク - Ver.3.19:ID管理にクリップボードへのコピー機能

theme : JavaScript
genre : コンピュータ

Ver.3.18:画像ギャラリ5仕様変更

MyHome Portal Ver.3.18をリリースしました。
http://ok2nd.web.fc2.com/download.html

3.17で追加した「アルバム」の「ギャラリ5」が、ブラウザがIE6の場合、テンポラリディレクトリに大量にファイルが残ってしまうことが判明。原因は不明ですが、サムネイル表示時点でなく、個別の画像をクローズアップした時点でimg-view.phpが複数回呼ばれてしまいます。

ギャラリ5の仕様を変更し、テンポラリファイル名をランダムでなく、ユーザーアカウント毎に固定のファイル名24個として、テンポラリディレクトリから消さない方式にしました。同一ユーザーアカウントで複数画面を開いて、別ディレクトリの画像を表示した場合、違う画像が表示される可能性があります。

既にIE6でギャラリ5を試された場合、ERROR_LOG_DIRで指定したディレクトリにjpgファイルが残っている可能性がありますので、削除をお願いいたします。

はてなブックマークに追加 はてなブックマーク - Ver.3.18:画像ギャラリ5仕様変更

theme : JavaScript
genre : コンピュータ

画像ギャラリのサーバー側処理補足

MyHome Portal Ver.3.17で、JavaScriptライブラリ「Merging Image Boxes with jQuery」を利用した画像ギャラリー「ギャラリ5」を追加しました。
http://ok2nd.blog87.fc2.com/blog-entry-255.html
boxes2.jpg

この機能追加について補足事項を書いておきます。

「Merging Image Boxes」は、1枚の画像をクローズアップした時の画像サイズが固定値前提になっています。サムネイル画像の6倍、例えばサムネイルの横幅が125pxの場合750pxでないときれいに表示できません。

そのため、MyHome Portalのギャラリ5では、サーバー側で、それにあわせて画像をリサイズしています。(縦長画像の考慮はしていません。動画のサムネイル静止画も未対応です。)

画像のリサイズには、IrfanViewを使用しています。リサイズ画像はテンポラリとして作成していますが、IrfanViewがリサイズ先のファイル名の拡張子がjpgでないと動作しないため、tempnam()を使えません。そこで、定義ファイルでERROR_LOG_DIRで指定されたディレクトリに一時的にファイルを作成しています。

3.17に不具合があったため、以下の処理は3.18で使わない仕様に変更しました。(2/7追記)

ただ、このファイルが
  fpassthru($fp);
  @fclose($fp);
をした後でもunlink()で消えないケースが発生するため、確実に消すため次の処理を入れています。
 if ($temp_file) {
    while (!unlink($temp_file)){
      usleep(10000);
    };
 }

はてなブックマークに追加 はてなブックマーク - 画像ギャラリのサーバー側処理補足

theme : PHP
genre : コンピュータ

Ver.3.17:画像ギャラリ Merging Image Boxes

MyHome Portal Ver.3.17をリリースしました。
http://ok2nd.web.fc2.com/download.html

3.17はIE6で不具合が発生します。3.18にアップデートしてください。(2/7追記)

「アルバム」に、JavaScriptライブラリ「Merging Image Boxes with jQuery」を利用した画像ギャラリーを追加しました。
http://tympanus.net/codrops/2010/11/30/merging-image-boxes/
24枚単位で表示します。
[Esc]キーで元のアルバムページに戻ります。[Enter], [Space],[→]キーで次の24枚に移動します。[←]キーで前の24枚に移動します。

「INDEX」の「ブックマーク」とツール「ファイルマネージャー」の検索機能をファイル名だけでなくフォルダ名も対象にするように仕様変更しました。

boxes.jpg
boxes2.jpg


はてなブックマークに追加 はてなブックマーク - Ver.3.17:画像ギャラリ Merging Image Boxes

theme : JavaScript
genre : コンピュータ

プロフィール

ok.2nd

Author:ok.2nd
HomePage:
http://ok2nd.web.fc2.com/
Email: m.ok.2nd@gmail.com

最新記事
最新コメント
最新トラックバック
月別アーカイブ
FC2ブログランキング

FC2Blog Ranking

検索フォーム
カテゴリ
リンク
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
ユーザータグ