Hatena::ブログ(Diary)

loiter on the sideroad

2009-10-22

clearife 0.1

21:35

http://sideroad.secret.jp/clearife/

GTD系システムをいよいよ公開。

まだ実験的だし、挙動が怪しいし、IE未対応という暴挙なので

バージョン0.1という幕開け(ΦωΦ)

2009-09-03

jQuery Side Bar Plugin 1.0

| 13:12

サイドバーにメニューを表示させたい。。。

ということで

jQuery Side Bar Pluginを作ってみた。

shpshp 2010/02/21 18:40 jquery.sidebar.js 試用しています。

syntaxhighlighter 2.1.364
jquery.sidebar.js

syntaxhighlighter 2.1.364にするとsidebar-style-selectが動作しません。

dark-glassの色だけですが、メニューは動作します。
syntaxhighlighter 動作します。
sidebar-style-select 動作しません。

syntaxhighlighter 1.5.1
jquery.sidebar.js

syntaxhighlighter 動作します。
sidebar-style-select 動作します。

syntaxhighlighterとjquery.sidebar.js 

("select#sidebar-style-select").change(function(){
("link#sidebar-style-link").attr("href","css/"+$(this).val()+"/sidebar.css");

と関係有るのでしょうか。

/******/public_html/index.html
/******/public_html/js/jquery.sidebar.js
/******/public_html/js/css/
/******/public_html/syntax-highlighter/
/******/public_html/syntax-highlighter/scripts/
/******/public_html/syntax-highlighter/styles/

以上の件、宜しくお願い致します。

sideroadsideroad 2010/03/14 22:28 返答が遅くなり大変申し訳ございません m( _ _ )m
上記件ですが、sidebar-style-selectの部分はデモとして作成していたため、
sidebar自体の機能とは少々異なっております

使用する場合は上記ご指摘の通り、$(this).val()の部分に該当のディレクトリ名を
当てる形になりますので
セレクトボックスの値、(dark-glass,blue-glass,red-glass)に対応するディレクトリと
CSSファイルを配置する必要がありますので

/******/public_html/index.html
/******/public_html/js/jquery.sidebar.js
/******/public_html/css/dark-glass/sidebar.css
/******/public_html/css/dark-glass/..... (イメージファイルなど)
/******/public_html/css/blue-glass/sidebar.css
/******/public_html/css/blue-glass/..... (イメージファイルなど)
/******/public_html/css/red-glass/sidebar.css
/******/public_html/css/red-glass/..... (イメージファイルなど)
/******/public_html/syntax-highlighter/
/******/public_html/syntax-highlighter/scripts/
/******/public_html/syntax-highlighter/styles/
と配置の方をよろしくお願いいたします
また、イメージファイルなどはZIPで固めたものを
http://sideroad.secret.jp/download/jquery.sidebar.zipに配置しましたので
ダウンロードの方よろしくお願いいたします

2009-08-27

jQuery Floating Message Plugin1.0

| 15:27

簡易的なメッセージ表示させたい。。。

ということで

jQuery Floating Message Pluginを作ってみた。

2009-08-23

jQuery Text Animation Plugin1.1

| 12:22

Demoサイト作成しました。

jQuery Text Animation Plugin

IEだと重すぎて固まる。。。orz

抜本的対策を考えねば(ーΩー )

Change log

  1. Stepの追加
  2. Highlightの追加
  3. Jumpの追加
  4. Rollのオプション追加
  5. 内部ロジックの改変

2009-08-13

jQueryUI - Datepicker Tip

| 22:13

jQueryUI DatepickerのTipです。

全てのdatepickerクラスの要素の後ろに

今日の日付を設定する「Today」ボタンと

値を空にする「Clear」ボタンを加える。

$(".datepicker").not(".hasDatepicker")
                .each(function(){
                    var datepicker = $(this);
                    $("<input type='button' value='Clear' />").click(function(){
                        datepicker.val("");
                    }).insertAfter(datepicker);
                    $("<input type='button' value='Today' />").click(function(){
                        datepicker.datepicker("setDate",new Date());
                    }).insertAfter(datepicker);
                })
                .datepicker() //好みのオプションをドウゾ
                .datepicker("setDate",new Date());

もっと良い書き方ありそうデツ。。。