思いっきりジャストアイディアだけど、ブックマークレットをまとめたブックマークレットを作ってみた。
色んなサービスのエントランスとして、とかできるとおもしろいかな、と。
※ブクマ実行すると画面最上段に表示されます。

思いっきりパクリ運用なんだけど、
おもしろそうなのであれば、色々考えてみようかと

とりあえず ver0.1ですが。
完成を待ってたらいつまで経ってもリリースできないんで。

sarusaru bookmaLuncher
※右クリックから「お気に入りに追加」を選んでください
　（→やり方がわからない方はこちらを参照）。 　

追記：ブックマークレットの登録の手間を省く為に、と考えたのに　
これそのものがブックマークレットというジレンマ！
でも、そんなの関係ねー！はい、オッパッピー。

・・・Googleツールバー、Javascriptダメなんだよね。

「script.aculo.us」の続き。

さらにちょっと関数を試してみた。

Lesson02：ソートできるリスト

Lesson03：Drag＆Drop

なんか、ソースを書くほどの内容ではないので今回は割愛。
思いのほかイメージ通りに動くのでちょっと感激。

楽しくなってきた。

結構前にブックマークはしてあったJSライブラリ「script.aculo.us」。

ブラウザ互換の問題でややトラウマとなり
極力避けてきたJavascriptだが、そろそろ避けては通れない事態になったので
おっかなビックリ触ってみることにした。

とりあえず、サンプルをベースに動くか検証。
10分やそこらで全然動く・・・。

ちょっと楽しいか・・・。
よくわからん。
とりあえず頑張ろう。

以下やったことメモ。

ライブラリ読み込み

<script src="scriptaculous/lib/prototype.js" type="text/javascript"></script>
<script src="scriptaculous/src/scriptaculous.js" type="text/javascript"></script>
<script src="scriptaculous/src/unittest.js" type="text/javascript"></script>

Divに直接エフェクトを設定する

  <div onclick="new Effect.SwitchOff(this)">
    <img src="images/icon_saru.gif" alt="" />Effect.SwitchOff クリックすると消える
  </div>
  <div onclick="new Effect.BlindUp(this, {duration: 10})">
    <img src="images/icon_saru.gif" alt="" />Effect.BlindUp クリックするゆっくり消える
  </div>
  <div id="shrink" onclick="new Effect.Shrink(this); window.setTimeout('Effect.Appear(\'shrink\', {duration:.3})',2500);">
    <img src="images/icon_saru.gif" alt="" />Effect.Shrink シュリンクさせる
  </div>

DivにIDを振ってDraggable設定をする

  <div id="dragTarget">
    <img src="images/icon_saru.gif" alt="" />Draggable ドラッグさせる
  </div>
  <script type="text/javascript">new Draggable('dragTarget', {revert:false})</script>

Lesson0：Result

more...»