‘AJAX (javascript + xml)’ カテゴリーのアーカイブ

ページが遷移してもフォントサイズが変更されないサイトを作る方法

2009 年 4 月 27 日 月曜日

ニュースサイト等で右上にあるフォントを選択 小・中・大 などのフォントを変更する方法。
jQueryとjquery.cookie.jsでcookieを制御して構築する。

参考サイトは以下の通り。

フォントサイズを動的に変更 [with jQuery]
jQueryサンプル Ajaxフォントサイズを変更・切り替えcookieに保存

マークアップする人の好みの問題だが、4GALAXYさんの

jQueryサンプルCSS(スタイルシート)を変更・切り替えcookieに保存を参考ベースにCSSを直接制御する方が汎用的に構築し易い場合があるかもしれない。

<ul>
<li onclick=”jstyle(‘/page/css/style1.css’)”>Style1</li>
<li onclick=”jstyle(‘/page/css/style2.css’)”>Style2</li>
<li onclick=”jstyle(‘/page/css/style3.css’)”>Style3</li>
</ul>

<ul>
<li><a href=”#” onclick=”jstyle(‘font1.css’)”>小</a></li>
<li><a href=”#” onclick=”jstyle(‘font2.css’)”>中</a></li>
<li><a href=”#” onclick=”jstyle(‘font3.css’)”>大</a></li>
</ul>

このエントリーを含むはてなブックマーク

jQueryでドラック&ドロップ

2009 年 4 月 27 日 月曜日

EC CUBEのデザイン管理や、Googleの各種サービス、BBCなどで採用されている
ドラック&ドロップでページデザインを変更する基本サンプル。
http://interface.eyecon.ro/demos/drop.html
http://interface.eyecon.ro/demos/drag.html

他にも下記サイトで紹介されている。
Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編

このエントリーを含むはてなブックマーク