スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

はてなブックマークに追加 はてなブックマーク - スポンサーサイト

Ver.6.03:週間天気予報一覧機能追加

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

リリース情報:3/3

週間天気予報一覧機能を追加しました。
ページヘッダー右上の天気アイコンをクリックすると開きます。
tenki.jpの「tenki RSS」を使っています。
http://tenki.jp/webservice/rss/

全国の任意の複数地点を一括して確認できます。表示地点の設定はブラウザのCookieに保存します。
表示順序はドラッグ&ドロップで変更できます。表示地点を設定し直すと、表示順序はリセットされ北から順に並びます。

tenki.jpg
スポンサーサイト

はてなブックマークに追加 はてなブックマーク - Ver.6.03:週間天気予報一覧機能追加

theme : JavaScript
genre : コンピュータ

Ver.6.03:CSV to スプレッドシート風表示

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

リリース情報:2/3

ツール「CSV to スプレッドシート風表示」を追加。CSVファイルをアップロードして、スプレッドシート風に表示します。
表示のみです。編集機能はありません。ページングと並び替えができます。
「ParamQuery grid」を使っています。

http://paramquery.com/

spreadsheet.jpg

はてなブックマークに追加 はてなブックマーク - Ver.6.03:CSV to スプレッドシート風表示

theme : JavaScript
genre : コンピュータ

Ver.6.03:写真アルバムに「雨降り」を追加。

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

リリース情報:1/3

「アルバム」のスライドモードに「雨降り」を追加。写真の上に窓ガラスに水滴が付くようなイメージを付けたします。IEでは機能しません。
キーボードで、1~3の数字キーを押すと、水滴のイメージが変わります。
キーボードの[↑]でガラスの透明度を上げます。[↓]でガラスの透明度を下げます。
rainyday.jsを使っています。
http://maroslaw.github.io/rainyday.js/

rainyday.jsは、colissのページで知りました。
http://coliss.com/articles/build-websites/operation/javascript/rainyday-js.html

rainyday.jpg

はてなブックマークに追加 はてなブックマーク - Ver.6.03:写真アルバムに「雨降り」を追加。

theme : JavaScript
genre : コンピュータ

jQuery UI の Sortableは、恐ろしく便利

MyHome Portal Ver.6.01で、RSSリーダーやToDoで、表示順序の変更をマウスのドラッグ&ドロップで出来るようにしましたが、jQuery UI の Sortableを使って実現しています。
http://ok2nd.blog87.fc2.com/blog-entry-379.html

jQuery UI の Sortableは恐ろしく便利です。

ドラッグ&ドロップ機能が簡単に実現できるだけでなく、並び替えた後の順番情報を簡単に取得できます。

並び替えたいコンテンツにID番号を振っておきます。

<div id="container">
<div id="11">あ</div>
<div id="12">い</div>
<div id="13">う</div>
<div id="14">え</div>
<div id="15">お</div>
</div>

.sortable("toArray")を使うだけで、並び替えた後のIDの番号をカンマ区切りで返してくれます。
例えば、12,13,11,14,15といった文字列で返してくれます。これをlocation.hrefやajaxでサーバーサイドのモジュールに渡してやって、データベース上の並び替え処理をしてやれば、並び替え結果を保持できます。

$("#container").sortable({stop: function(event, ui) {
 id_nums = $("#container").sortable("toArray");
 location.href='content-renum.php?ids='+id_nums;
}});

$("#container").sortable({stop: function(event, ui) {
 id_nums = $("#container").sortable("toArray");
 $.ajax({
  type: "GET",
  url: "content-renum.php",
  data: "ids="+id_nums,
  async: false
 })
}});

はてなブックマークに追加 はてなブックマーク - jQuery UI の Sortableは、恐ろしく便利

theme : JavaScript
genre : コンピュータ

Ver.6.02:カレンダーでWebアイコンフォント使える

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

リリース情報:2/2

「カレンダー」「旅行記」の月間カレンダーで、日付欄の空白部分をダブルクリックすることで、新規入力画面が開くようにしました。

「カレンダー」のスケジュール入力画面で、Webアイコンフォントを使えるようにしました。
Font AwesomeのWebアイコンフォントを使っています。
http://fortawesome.github.io/Font-Awesome/
使えるWebアイコンフォントは、任意のものを設定できます。

150.jpg

ツール「Font Awesome Webアイコンフォント サンプル」追加。「カレンダー」で使えるWebアイコンフォントとclass名が確認できます。
font-awesome.jpg

はてなブックマークに追加 はてなブックマーク - Ver.6.02:カレンダーでWebアイコンフォント使える

theme : PHP
genre : コンピュータ

Ver.6.02:MySQL:CSVダウンロード機能追加

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

リリース情報:1/2

ツール「MySQL管理ツール」に、「CSVダウンロード」機能を追加。CSVファイルの文字コードはShift-JISにします。

「CSVダウンロード」では、auto_incrementの列を除いたダウンロードもできます。

ツール「MySQL管理ツール」に、「c_delete=999 完全削除」機能を追加。テーブル単位に削除フラグ付きデータを完全削除します。

ツール「MySQL管理ツール」のデータベース一覧、テーブル一覧で、プルダウンでデータベースやテーブルを切り替えられるようにしました。

sql2.jpg

はてなブックマークに追加 はてなブックマーク - Ver.6.02:MySQL:CSVダウンロード機能追加

theme : PHP
genre : コンピュータ

Ver.6.01:RSSの表示順序をドラッグで入れ替え

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

「RSS」で、表示順序の入れ替えをマウスのドラッグ&ドロップで出来るようにしました。
rss-num.jpg


「ToDo」で、順番の入れ替えをドラッグ&ドロップで出来るようにしました。
todo-num.jpg


「INDEX」ピックアップ編集で、順番の入れ替えをドラッグ&ドロップで出来るようにしました。
oftenuse-num.jpg


「INDEX」ピックアップ編集で、背景色の選択肢を増やしました。
oftenuse-color.jpg

はてなブックマークに追加 はてなブックマーク - Ver.6.01:RSSの表示順序をドラッグで入れ替え

theme : JavaScript
genre : コンピュータ

プロフィール

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

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

FC2Blog Ranking

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

この人とブロともになる

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

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。