あるＳＥのつぶやき ブラウザの戻るボタンを無効にする？
全てのブラウザで有効ではないですが、window.onbeforeunloadイベントを使用することで、ブラウザの戻るボタンをある程度制御することが可能です。 コードはこんな感じ(prototype.jsを使ってます)。 <script type="text/javascript" src="prototype.js"> </script> <script type="text/javascript"> <!-- Event.observe(window,'beforeunload', checkBrowserUnload,false); function checkBrowserUnload(e) { window.event.returnValue = "ページを移動すると、今までの作業が破棄されます。よろしいですか？"; } //--> </script> メッセージは以下のように表
onsubmit で disable にするやつ
■ onsubmit で disable にするやつ onsubmit で submit ボタンを disable にしてユーザビリティを良くする フォームを送信した時に、submit ボタンを disabled にして二重送信を防ぎましょう、というのがナウなヤングにバカウケ？ そんでもって、ここに書いてあるやつ なら、そこの JavaScript を読み込ませるだけで、自動的に全てのフォームに対して設定が行なわれるので便利。中止ボタン対策もしてあってグッド。 ただ、Deer Park な Firefox で試した所、戻るボタンで戻った場合は disabled が解除されないし、中止ボタンでの復活も効かない様子。 なので、書き直してみました。 var DisableSubmit = { init: function() { this.addEvent(window, 'load', thi
StrustのActionと純粋にAjax通信をさせる方法 IT技術Labo - HouseTect
最近はAjax通信用のFrameworkがどんどん出てきているので、実際に自分でXMLHttpRequestオブジェクトを使っての通信は、減ってきているみたいですね。 今続々と出てきてるAjaxFrameworkには、 ・DWR ・jMaki それくらい？ このうち、DWRは使って見た。 次回そのソースを公開します。 DWRだとStrutsともSpringともJSFとも連携ができるので、便利かもしれないが、まだわからない。 でもそんなことやってたら、元はどうやって動いていたのか全然理解できなくなりそうなので、ちょっとActionを呼んで、単にそのResponseに値をつっこんでみた。 ソースは続きでどうぞ。 StrutsのAction側は以下のようにやってみた。 .NETと同じ要領だが、Responseオブジェクトに対して、OutputStreamを設定するとクライアントに設定した文字列が
MOONGIFT: » 高機能なテーブルソート「Nofunc Table Organize」:オープンソースを毎日紹介
業務システムをWebベースで作り変える、なんてプロジェクトは多々存在する。業務システムの特徴としては、検索結果や一覧表など、様々な場面でテーブル組の表が利用されることだ。 そして、その中でも厄介なのがデータのソートではないだろうか。検索条件を保存しながらソートして…なんていちいち実装するのは大変だ。そこで検討したいのがJavaScriptによるソート処理だ。 今回紹介するオープンソース・ソフトウェアはNofunc Table Organize、JavaScriptベースのテーブルソートライブラリだ。 Nofunc Table Organizeの特徴としては、既存のテーブルタグをほとんど修正することなく利用できるという点がある。ヘッダ部分はtheadタグで囲み、データ部分はtbodyタグで囲む必要があるがそれ以外は殆ど修正が不要だ。 ソートはヘッダ部をクリックすればできる。昇順、降順の切り替
JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」:phpspot開発日誌
MS、パケット情報の解析ツール「Microsoft Network Monitor 3」を無償公開 次の記事 ≫：PHPからjQuery（JavaScriptライブラリ）を簡単に使うことができる「PQuery」 RightContext JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」。 ページで右クリックを押したときに、次のようにポップアップで独自メニューを出すライブラリが公開されました。 右クリックにメニューを組み込んでしまうことで、ツールによっては大変便利な使い勝手を提供できるはずです。 以下に実装方法を紹介。 (1) まずScriptファイルを読み込みます。 <script type="text/javascript" src="rightcontext.js"></script> (2) 次に右クリックしたときに独自メニューを表
JavaScript でタブ切り替え UI を実装する | WWW WATCH
先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Arc... 先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Archiva さんで紹介されていたので使わせていただきました。 時間がなかったので、できれば自分では書きたくないなぁ、なんかいいの公開している人いないかな～なんて思っていたのですが、おかげ様で助かりました。ということで、お礼を兼ねて紹介させていただきます。 タブ切替をサクッと実装 ： Archiva タブ切り換えを実装する JavaScript ライブラリやサンプルソースはいくつか存在しますが、私が求めていたのは JavaScript が OFF の時でもページ内リンクと
JavaScriptでsleep
薀蓄 JavaScriptにsleep処理ができないか，その手の質問を良く見かけます。JavaScriptだけで所謂sleep処理はできないのですが，ビジーリードを用いるかJavaScript以外の仕組みを用いれば実現できなくはありません。但し，同期処理や非同期処理，タイマやインターバルを使えば大抵の場合実際に実現したい機能は実装できるはずで，sleep機能を使いたいと思った場合には，先にそちらを検討されることをお勧めします。 サンプル ソース #! /usr/local/bin/perl use CGI; my $cgi = new CGI(); my $wait = $cgi->param('wait'); $wait =~ s/\D+//g; $wait /= 1000; $wait = 10 if ($wait > 10); sleep($wait); print "Content
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
Enjoy*Study - undefined
変数、プロパティが定義されていない(undefined)かの判定処理を、その時々で適当いろいろな書き方をしてしまっているので、自分の中で整理してみます。 良く使う/見かけるのは、下記の3つです。 (!x) (x == undefined) (typeof x == 'undefined') 上記はそれぞれ成立する条件が異なりますので、下記にそれぞれ記載します。 (!x) コード一番短くて済むので多用するのですが、、 !xが成立するのは、xがundefinedの場合だけじゃなくて、多岐にわたるので使用時に注意が必要だと思います。 !xがtrueになるようなものには下記があります。 (思いつくままに挙げてみたので、これもそうだよ！！とかあったらコメントいただけると助かります) undefined null false 0 NaN '' (空文字) プロパティが存在するかどうかで、数値(Numb
第4回 JavaScriptでオブジェクト指向プログラミング ― ＠IT
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
ドラッグ＆ドロップできるサイドメニューの折りたたみ（その1：基本設定）
「Docking boxes」という、JavaScript + CSS でサイドメニューの折りたたみとドラッグ＆ドロップを実現したスクリプトの紹介です。WordPress をお使いの方は管理画面で利用されているのでご存知の方も多いのではないかと思います。 本記事では一般的な設定方法を紹介し、「その2：ブログへの適用」で Movable Type 等への設置方法について説明します。 配布元にサンプルがありますのでお試しください。 １．スクリプトのダウンロード Docking boxes(dbx) のページの「Get the Script」からアーカイブをダウンロードします。アーカイブを解凍した中から下記のファイルのみを使用します。 dbx.css（または dbx-allrules.css） dbx.js dbx-key.js 他のファイルおよび画像はサンプルのためのものです。全てをアップロー
glayer.js - グレーアウト表示ライブラリ
Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray＋layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
Javascriptでtry-catchを使う
Javascriptでtry-catch構文が使えるって知らない人が多かったので書いてみました。 （最近じゃAjaxでほぼ必須だから認知度高いかもしれないけど。） try{エラーをキャッチしたい処理内容}catch(e){エラーをキャッチしたら行う処理内容} プログラミング言語に慣れている方はすんなり受け入れられると思いますが、どんなプログラムでもこの例外処理が大変重要です。 Javascriptではそんなに厳しく例外処理をする必要ないかもしれないけど、使ったら便利ってことがよくあります。 それは、ブラウザが返却するエラーをキャッチすることです。 IEではよくあるのですが、windowのリサイズや移動、またはファイルのアップロード時など、セキュリティ上の都合で、ブラウザからエラーが返されてしまいます。 そうするとその後の一切の処理ができなくなり大変都合が悪いです。 なので、このブラウザから
[JavaScript] JKL.Calender
Kawa.netxp [JavaScript] JKL.Calendar／ポップアップするカレンダー表示クラス JKL.Calendar は、ポップアップでカレンダー表示を行うクラスです。 2006年10月にクラス名を変更しましたが、2005年4月のリリース当初のクラス名 JKL.Calender も 別名定義してあるので、こちらも利用可能です。半年前にご指摘いただいた typo でした。 合わせて、選択可能な日付範囲指定用のプロパティ min_date／max_date を追加しました。 Yahoo! UI ライブラリのカレンダー機能がかなり強力なので、 最近なら YUI もオススメできそうですが、 実は JKL.Calendar の方が日本語環境では使いやすかったりするかもしれません。 JavaScript ソースのダウンロードはこちら： jkl-calendar.js JavaScr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript/DOM » Select ／OptGroup／Option | PHP & JavaScript Room
http://jsajax.com/SamplesByID.aspx?id=491
Firefoxで登録フォームのペースト禁止方法について 【OKWAVE】
http://www.res-system.com/item/542