要素のドラッグ＆リサイズを可能にするJS「DragResize」:phpspot開発日誌
DragResize - TwinHelix This is an easy means of adding drag and resize capability to elements on your webpage.要素のドラッグ＆リサイズを可能にするJS「DragResize」。 次のように、ボックスをクリックするとつまみが現れて、リサイズでき、かつドラッグ＆ドロップも可能なエレメントが作成できます。 依存ライブラリが無く、ライブラリ自体が3KBという軽さなので、ちょっとウィンドウだけ実装したいんだけど、という場合に非常に使えそうです。 関連エントリ ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」 ドラッグ＆ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」
MOONGIFT: » クールなプレゼンをしよう「S6」:オープンソースを毎日紹介
HTMLで作るプレゼンの利点は何だろう。一番お勧めなのは、普段使い慣れているテキストエディタで書ける点だ。また、シンプルな作りになるのも良い。各種プレゼンソフトウェアは、こったことができるためにビジュアルの作り込みばかり力が入って、肝心の中身が大したものではなくなることがある。 S6によるプレゼン例（via S6 と XPath の紹介） とは言え、ただ文字列を並べるだけでは格好が悪い。そこで専用ツールの登場だ。 今回紹介するオープンソース・ソフトウェアはS6、JavaScriptの達人amachang製のHTMLプレゼンソフトウェアだ。 S6はプレゼン用HTMLファイルに各種イフェクトを可能にするソフトウェアで、矢印キーでのプレゼンスライド切り替え、一覧表示機能がある。各スライドごとにアクションを定義し、多彩なイフェクトをかけられる。 スライド一覧機能 例えば大きな文字がズームアウトしな
404 Blog Not Found:javascript - 和暦コンバーター年号
2008年04月14日17:30 カテゴリLightweight Languages javascript - 和暦コンバーター すでにPerlに関してはdmakiがDateTime::Calendar::Japaneseを出しているのでJavaScriptで。 西暦から和暦を変換してくれるRailsプラグイン: JaDates : HotWeb Magazine 最近とあるRailsプロジェクトで4月5日2008年ではなく、平成20年4月5日として表示したかったがそれを簡単に変換するヘルパーがなかったので、ヘルパーを開発しました。 待ち時間の暇つぶしで書いたので大したものではありませんが、そこそこ使えるかも。 年 月 日は です。 明治から平成までしかサポートしていませんが、年単位ではなく日単位で対応してます。1989年1月7日とかにしてみてください。 ソースはこちら。 Date.Jap
C#の匿名メソッドをJavaScriptにコールバックさせる - coma2n’s diary
前回のネタ↓になんの反応も無かったので、だぶん誰も興味がないんだろうけど・・・orz、まだ続ける。 SilverlightにjQueryのパワーを - Architect Life SilverlightからJavaScriptの関数が呼び出せる事は前回まででご承知の通り。 例えば以下のようなJavaScript関数がSilverlightコントロールをホストするHTMLで定義されている（もしくはincludeされている）とする。 function print(msg) { alert(msg); } この関数をSilverlight側から呼び出す場合、以下のようにする。 HtmlPage.Window.Invoke("print", "Hello, World"); こうすると「print」というJavaScript関数に「Hello, World」という文字列が引数として渡されて呼び出
デザイナーのための素晴らしいjQueryのチュートリアル8選『8 Fantastic jQuery Tutorials for Designers』 – creamu
Technology デザイナーのための素晴らしいjQueryのチュートリアル8選『8 Fantastic jQuery Tutorials for Designers』 jQueryでクールなインターフェースを実装したい。 そんなあなたにおすすめなのが、『8 Fantastic jQuery Tutorials for Designers』。デザイナーのための素晴らしいjQueryのチュートリアル8選だ。 以下にご紹介。 ・Slide out and drawer effect アコーディオンメニュー ・Chain-able transition effects 数行のコードで大きさや透明度を変えながらボックスを動かすことができる ・jQuery Tabs リロードなしでタブを遷移 ・Creating an Editable Chart 編集できる表を作成 ・Easy Multi Sel
ポップアップブロック回避策
ASP.NETに限らずWebシステムではJavascriptのwindow.open()を使いサブウィンドウを開く場面がよくある。 これがWindowsXP ServicePack2から導入され、Googleツールバーにもあるポップアップブロックによって、効かなくなることがある。それぞれ設定を解除させれば良いが、今回紹介するのは設定解除することなく、回避する方法である。 調べてみると意外に簡単に方法が見つかった。 そもそもポップアップブロックはユーザーが自らの意思でボタンを押したものには働かない。自動で(勝手に)開くウィンドウを阻止するものである。よってサーバーサイドで実行したものは必ずブロックされてしまう。 そこでクライアントサイドのOnClickイベント内で開くように変更すれば良いのである。 例：onclick="window.open('hoge.aspx');return fals
Safari 3.1 に実装された「Client-side database storage (SQL API)」とは何か？ - IT戦記
はじめに Safari 3.1 には Client-side database storage （SQL API とも呼ばれています。）という新しい仕様が実装されました。 というわけで、この新しい API について色々調べたことを簡単にまとめておきます。 Client-side database storage が使えるブラウザ 2008 年 03 月 27 日現在では、 Safari 系のブラウザのみです。 Safari 3.1 WebKit Nightly Client-side database storage とは Selectors API とは HTML5 で定義された仕様です。詳細に関してはこちらをどうぞ。 簡単に説明すると JavaScript 内でリレーショナルデータベースを使えるということです。 もっと簡単にイメージするために、実際のコードを示すとこんな感じです。 va
ポインタを合わせるだけでボックス内を水平に動くようにするCSSとMootoolsのあわせ技
ちょっとしたサイトのアクセサリーとして使えそうな感じです。 サンプルはこちら 灰色のボックス内のはじっこにマウスを持っていくと、ボックス内だけがスクロールし始めます。 詳細は以下で。 コードは結構簡単 以下のようにmootools.svn.jsを読み込みます。 <script type="text/javascript" src="mootools.svn.js"></script> 以下も、bodyタグの前に挿入<script type="text/javascript"> window.addEvent('domready', function(){ var scroll = new Scroller('container', {area: 100, velocity: 1}); $('container').addEvent('mouseover', scroll.start.bin
手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」:phpspot開発日誌
Flexigrid 手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」。 カラムのソート、ページング、項目のフィルタリングが可能なグリッドＵＩ。 jQueryベースで、18KBで使えます。 単純なグリッドＵＩ ソート機能やページング機能を搭載したグリッド jQueryをメインで使っていて、手軽にこうしたエクセル風ＵＩを実装したい場合に使えそうです。 関連エントリ リッチなExcel風グリッドインタフェースを提供するJavascriptライブラリ「dhtmlxGrid」 Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント AjaxベースのPHPを使ったグリッドコンポーネント Ajax+PHP+Smarty+script.aculo.usなデータグリッドコンポーネント 高機能なJavascriptツリーグリッドコンポーネント
[JS]既存サイトのグリッドやフォントサイズを変更できるスクリプト
dfFlexGridは、既存サイトのグリッドやフォントサイズの変更ができ、変更したスタイルをクッキーに保存することができるスクリプトです。 dfFlexiGrid - Liquid Javascript Grid Layout デモページ dfFlexGridの使用方法は、「dfFlexiGrid.js」を外部ファイルとして埋めこみ、以下の書式でグリッドを変更することができます。 <textarea name="code" class="html" cols="60" rows="5"> <body onload="mygrid=new dfGrid('wrapper','left_column_id','right_column_id',fadeSpeed,swipeSpeed);"
cvi_text_lib ブラウザだけで文字を好きな方向に書けるライブラリ | 秋元@サイボウズラボ・プログラマー・ブログ
cvi_text_libは、Javascriptで英数字の文字列をベクター描画するライブラリで、IEではvml、それ以外のブラウザ(Firefox, Opera, Safari)ではcanvasを使い分けることで、主要なブラウザでの動作を実現している。 Javascriptライブラリの中に、san-serifのフォントのベクターデータが含まれていて、英数字・記号についてはそのベクターデータを元に文字を描く。それによって、通常のHTMLと違い、好きな角度でテキストを表示したり、ベクターに沿って文字にいろいろな効果を与えることができる。 サンプルでオンラインエディタも用意されている。このエディタは、Javascriptから動的に文字やその表示方法を切り替えることができる、というそれ自身のよいデモになっている。 ベクタデータを自分で持っていることから、日本語の文字データを全部持たせるのはファイル
MOONGIFT: » Ajaxを駆使したWebカレンダー「Monket Calendar」:オープンソースを毎日紹介
Ajaxの素晴らしい点は、WebブラウザにおいてGUIアプリケーション並みの操作性をもたらしたことにある。それによって、Webアプリケーションの可能性が飛躍的に上がった。直感的で分かりやすいインタフェースをJavaScriptで作り上げ、画面遷移のない操作性をAjaxで実現すれば、まさにGUIアプリケーションと変わらない。 そんなAjaxを使ったカレンダーアプリケーションを紹介しよう。 今回紹介するオープンソース・ソフトウェアはMonket Calendar、UIに優れたWebカレンダーアプリケーションだ。 Monket Calendarはまだ機能的に不十分な点もあるが、今後に期待させるソフトウェアだ。GoogleカレンダーのようにJavaScriptを使って優れたUIを提供している。外部や自サーバ内にあるiCalファイルを表示することができる。 イベントの作成も可能で、クリックして名前を
[JS]MicrosoftからJavaScriptのメモリリーク検出ツール
MicrosoftのヨーロッパチームからJavaScriptのメモリリークを検出するツール「JavaScript Memory Leak Detector」のベータ版がリリースしました。 JavaScript Memory Leak Detector JavaScript Memory Leak Detectorは、Windows+IE専用のツールで、ダウンロード・インストールは以下の手順になります。 下記の「download link」からファイルをダウンロード。 Installation ファイルを解凍して、「JSLeaksDetector.msi」をダブルクリックして、インストール。 インストール時は、IEは終了しておく。 インストールが完了したら、IEを起動。 IE7の設定方法 [表示] - [エクスプローラ バー」 -[js memory leak detector]をチェック。
CodeRepos::Share – Trac
JavaScript-XPath JavaScript-XPath is the FASTEST DOM 3 XPath (XPath 1.0) implementation in JavaScript. This code runs 10 times faster than Google Ajaxslt's xpath.js!! Release/Download Latest Version Latest Compressed Version If you can use subversion, check out the trunk with: svn co http://svn.coderepos.org/share/lang/javascript/javascript-xpath/trunk/ jsxpath Bindings jQuery Prototype YUI How to
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
jQueryを使ってファイルツリーを表示できる『jQuery File Tree』
[JS]アクセシブルな円・棒・折れ線グラフとスライダーのスクリプト
jQueryでテーブルをかなり便利にフォーマットしてくれる『Flexigrid』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
c/side | Stopping client-side attacks
