編集中に別のページに遷移しようとした時に確認ダイアログを出したい。 以下のように onbeforeunload イベントを使えばOK。 window.onbeforeunload = function (e) { var e = e || window.event; // For IE and Firefox prior to version 4 if (e) { e.returnValue = 'Any string'; } // For Safari return 'Any string'; }; jQueryの場合 $(window).bind('beforeunload', function(event) { return 'Any string'; }); ただし、IEの場合は以下のような遷移しないaタグでもonbeforeunloadが発生してしまう。 <a href="jav
ちょっと jQuery と簡単なサーバサイドの処理を組み合わせた処理を試しに書いてみよう・・・なんて時に、いちいち jQuery を取ってきて HTML を書いて script タグを書いてロードして sinatra 立ち上げて云々・・・というのが毎度面倒なので、ひな形になるアプリケーションを作った。 https://github.com/naoya/boilerplate ひとまず sinatra でサーバーサイドを書き、HTML は slim で、CSS は sass 。JavaScript は CoffeeScriptで書くにあたって jQuery、underscore、Backbone をロードしてある、というような構成にしてあります。 まあ、この類のことは人それぞれ自分なりにカスタマイズしてやっていると思いますが、どういうコンポーネントで構成しているかを、備忘録も兼ねてちょっと紹
この記事は賞味期限切れです。(更新から1年が経過しています) Raphaëlは、Webページでベクターグラフィックを簡単に扱う為のJavaScriptライブラリです。 それを拡張する為の、gRaphaëlというグラフ描画プラグインが公開されています。 今回はgRaphaëlを使ってインタラクティブなグラフを描いてみました。 (以下、Raphaelと表記します) デモ デモページ 円グラフ上をマウスオーバーするとグラフと凡例がアニメーションし、 連動してツールチップが表示されます。 普通に描いたら相当に面倒そうですが、 Raphaelのお陰でかなり短いスクリプトで済んでいます。素晴らしい! デモのソースを見て頂くのが一番手っ取り早いですが、 要点だけ簡単に掻い摘んでみます。 ライブラリのロード <script type="text/javascript" src="raphael.js" c
最近目がかゆくてやたらとクシャミが出るんですけど、PM2.5 ってホント迷惑ですね~。みなさん、こんにちは nakamura です。 最近ちょっとおぉ!と思った jQuery プラグインがあったので今日はそのご紹介です。Ajax を使った非同期な処理も今やすっかり定番ですが、毎回メンドクサイな~と思うのがローディングアイコン。アニメーション Gif を用意して、どこで呼び出しても見栄えがするように CSS 調整して・・・。あーもうしゃらくせえ!と思っていたら、その辺全部勝手にやってくれる jQuery プラグインがあったんですね~。 NETEYE Activity Indicator っていうプラグインがそれです。github で公開されてます。 NETEYE Activity Indicator jquery-plugins/activity-indicator at master ·
ダウンロード デモ jQuery.pjax.jsの使い方 複数のエリアを設定する 静的サイト、またはサーバー処理をしないで実装する 切り替えエフェクトの付け方 ページ読み込み時の処理 パラメータとイベント ダウンロード jQuery本体と、jquery.pjax.jsをダウンロードします。 配布元のReadmeはかなり内容が濃いです。情報量が多いためパラメータなどの項目はこれからfalsandtru版ライブラリを使用する方向けにまとめています。 デモ MODXを使ったサーバーサイド処理をしてpjaxリクエスト時に本文、ページタイトルを更新させています。 ※MODX用のpjax説明ページの共用のデモページなのでパンくずからこのページへ戻れません。 動作デモページ(別窓で開きます) jQuery.pjax.jsの使い方 サーバーサイドの処理にPHPを使った場合の遷移は以下の様な感じになります。
フォームってWebページに動的な仕掛けを作る 一番初歩的なものだと思います。最初にフォームからいろいろと動かせるようになると、その後にいろいろと応用も効いてくると思います。経験上。 フォームから値を取得したり、取得した値を表示したり、選択項目に合わせて 見た目をガラっと変えてみたりするのは jQueryなどのプログラミング初心者だと 結果がすぐに目に見えるので非常に楽しいです。 そこで まずはフォームのなかでも扱いやすい、テキストボックスの値を取得して表示させてみたいと思います。 ただ、そのままテキストの値を取得しても面白くないので、打ち込んだ文字を打ち込んだそばからリアルタイムで取得して表示させてみたいと思います。 2013/07/10追記 プラグイン作りました! この記事の内容を、サクッと反映させられるプラグインです。 テキストボックスに打ち込んだ文字をリアルタイムで取得できるjQu
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
研究室の後輩にSinatraとhamlとjQueryを教えるために作ったテンプレートについて、ここにも書いておく ソースコード https://github.com/shokai/sinatra-template 実際動いているもの http://masui.sfc.keio.ac.jp/sinatra-template/ git clone git://github.com/shokai/sinatra-template.git ■Sinatraを何に使うか Sinatra+haml+jQueryが便利。 Railsと似てるけど、ちょっと違う。 個人的には Rails → HTMLのページをいっぱい作るのに便利 Sinatra → 画面遷移あまりしなくて、同じURLのままjsonのAPIをjQueryのajaxで取得して動的に表示を変えるwebページを作るのには便利 に感じる。 でもSi
料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました! jQuery Visualize HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。 jquery.csv2table.js エクセルなどで作ったCSVファイルを読み込み、クロスブラウザなテーブル表示を行うjQueryプラグイン。 行の絞り込みや文字列検索などかなり高機能になっています。 jExpand 表、画像、リスト、図やその他の要素を折りたたみ表示する事ができます。 Fixed Header Tables ヘッダーを固定して表示します。Excelでは良く使いますね。 縦に長い表を使う場合に非常に便利です。 treeTable テーブルの中にツリー構造を実装できます。 Flex
こんなサイトを作ってみました オッス、オラ日曜ネット大工。 1年に1回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。 仕事はIT系にかすりもしないけど、たまにサイトが作りたくなるんです。 htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。 そんなレベルで無謀にも「JavaScriptも使いたいな」とか思ったりするわけですよ。 で、たまに「簡単にわかるJavaScript入門」なんてサイトや記事がありますよね。 ああいうのを書いてくださる人に、ちょっと言いたい。 あの、独学素人ノンプログラマーの俺をなめてませんか? あなた方の想像を絶するほどに、俺のIT系理解能力はゴミクズですよ! 「簡単に分かる入門」にさえ入門できません助けて先生! と、鼻水をたらしながら泣き出すような底辺レベルのスキルしかないザコであります自分は。 ですが、jQueryと出会い、
FC版ドラゴンクエスト ロトシリーズのストーリーまとめ サイトご利用方法 ・左枠の「すすむ」「もどる」で移動 ・「すすむ」で、「サイト説明」へ進みます ・各作品へはパッケージ画像をクリック 更新情報 ・ドラクエ1まで完成(最終更新日:2011/04/30) ご注意 話の結末まで書いております。 ドラクエⅠ~Ⅲのプレイ環境がある未攻略の方は、こんなサイトを見るよりも実際にプレイすることを強くおすすめします。 興味を持たれた方は、ロトシリーズを携帯版などでぜひお楽しみくださいませ!
XMLデータを取得、加工して表示する テキストファイル、HTMLファイルの次は、いよいよXML形式のデータを扱ってみましょう。テキストファイルやHTMLは、読み込んだ内容をそのまま表示すればよいのですが、XMLは取得した内容を加工しないとHTMLとしてブラウザーが表示できません。XMLの取得/操作には、ajax()という命令を使います。 ajax()は以下のような書き方で使います。 $.ajax({ url: '取得するXMLファイル', dataType: 'xml', success : function(data){ //取得したファイルに対する処理 } }) これまでのjQueryの書き方とはちょっと違うので戸惑われたかもしれません。ajax()にはセレクターの指定はなく $. で始まり、括弧内の {...} に設定(オプション)を記述します。設定は左側に項目名を、右側には項目に対
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く