JavaScriptを楽しく学ぶことを目的としたウェブサイトです。JavaScriptやJQueryのフリーサンプルを提供しています。
うさのJavaScript講座
JavaScriptを楽しく学ぶことを目的としたウェブサイトです。JavaScriptやJQueryのフリーサンプルを提供しています。
CSS + JavaScript Tips
(1)好きなもの (1)Firefox ( )[r:3,t:60,f:6]ｼｬｷｰﾝ (1)JavaScript ( )[r:3,t:60,f:6]ｼｬｷｰﾝ (1)苦手なもの (1)CSS ( )[r:3,t:60,f:6]ｼｮﾎﾞｰﾝ (1)Z上司、曰く (i)[t:15] (i)[t:20] (1)というわけで ( )[r:3,t:60,f:6]（金沢のラブホテル） ( ) (2) (2)[f:15]CSS が苦手な エンジニアは 僕だけじゃないはず！ (2)[f:15]CSS が苦手な デザイナも もいるはず！ (1)[f:15]でもほんとはみんな 出来たらいいよね！ (2)みんなが関わる CSS なんだから (1)というわけで ( )[r:3,t:60,f:6]（金沢のラブホテル） (2)これから 二時間半 (2)[f:18]CSS のお勉強を しましょう (2)参加して くださ
イヌでもわかるJavaScript講座
このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。ステップの段階で少しずつJavaScriptを説明していきますので、各ステップの内容がすべて把握できなくても、あとでわかってくると思います。えっ？と思う個所があっても、それはそのステップの趣旨ではないところですので、その個所はどこかのステップで説明します。深く考え込まずに、各ステップを適当にすすめていってください。 なお、本講座のサンプルを使ってＨＴＭＬファイルがぶっ壊れたり、マシンから煙や火が出ても一切責任を負いません。バックアップはこまめにしましょう。(^^; また、サンプルを無断で使用することを禁じるわけがありません。勝手に許可無く使ってください。
window.onloadの代替スクリプト
Updated Entry: http://p2b.jp/200805-events-order 今日は七夕Wですね。小学生の頃は、学校総出で「♪笹の葉さーらさら〜」ってやって、七夕伝説に思いを馳せたものですが。いつになってもガキの頃の心を忘れない大人でいたいものです。 さて、Ajaxの隆盛によって、その根幹であるJavaScriptはブログに欠かせないものとなっています。ppBlogも例外ではなく、至るところで活躍してます。一般にブログの(トップ)ページは、色々な情報を詰め込んでいるために、ファイルサイズは大きくなる傾向にあり、また、画像も至るところで使われるために、読み込むべきコンテンツサイズは更に大きくなります。ブロードバンドが当たり前の今日でもページの表示にちょっと待たされるのは珍しいことではありません。で、JavaScriptは(画像も含めた)ページの内容物が全部読み込まれた後に
手抜きぷろぐらまのメモ帳 - ASP.NET & JavaScriptでコード汚染をしないで2度押し防止
以前、attachEventでは複数イベントを登録して前のイベントの戻り値を見るというのができなくて悶絶していたが、結局やりたいことはイベント（メソッド）に対してアスペクトを適用すればよいということに気がつき、いろいろ調べた結果、すばらしいサイトをいくつか見つけ、早速コピペの雨あられで目的のものを完成 下のスクリプトを別ファイルにでもして、対象のHTMLにてインクルードすれば、全リンクとボタンにて2度押し防止機能が搭載できる うひょぉぉ アスペクトすげぇぇ // window の Load イベントを取得する。 window.onload = window_Load; function window_Load() { var i; // 全リンクのクリックイベントを submittableObject_Click で取得する。 for (i = 0; i < document.links.
掲示板/JavaScript質問板/Open Error: 1162.dat - TAG index Webサイト
ホームページ制作の情報交換 - 掲示板
JavaScriptのsetTimeoutとsetIntervalをラッピングし、使い勝手を統一したLibrary (Kanasansoft Web Lab.)
function timer(){ document.getElementById("output").value+=Math.random()+"\n"; setTimeout(timer,1000); } timer(); /* ================================================================================ Name : TimerUtility In : [none] Out : [none] Note : タイマー用ユーティリティ群 -------------------------------------------------------------------------------- Version : Ver0.1.0 | 2007/08/12 | 新規作成 ----------------
JavaScript難読化処理のためのヒント
※ ただのサンプルですので、実際には、データがサーバに送信されることはありませんが、JavaScriptによる入力チェックはなされます。 ↑上のフォームは、よく見かける入力フォームです。JavaScriptによるチェックを入れています。下記のようなソースになりますが、これを題材に難読化処理のためのヒントをいくつかご紹介していきたいと思います。 （※ なお、本題とはずれますが、JavaScriptによる入力チェックはあくまでもユーザーに便宜を与えるものであり、ここでOKになったからといって、サーバ側のプログラム（Perl/PHP/JSP/ASPなど）での入力チェックが必須であることは言うまでもありません。 ※ また、実際には、JavaScriptでlengthチェックを行ったり、「フリガナ」に使用できる文字を限定させたりする処理を追加することは可能ですが、冗長になり、サンプルとしては不適なた
新しいページ
(補足） ・この表は（ﾍｯﾀﾞｰ／本体／ﾌｯﾀｰ)の３ｾｸｼｮﾝからなる。 ・parentElement･･･eventが発生した要素の親要素を示す。 ・ﾍﾟｰｼﾞ全体での位置とは、HTMLｿｰｽでその要素が記述されている順番のこと。 <script language="JavaScript"><!-- function Prop(){ tby.rows[0].cells[2].innerText = frm.rows.length; //ﾍﾟｰｼﾞ全体の総行数 tby.rows[1].cells[2].innerText = frm.tHead.rows.length;//thead部の総行数 tby.rows[2].cells[2].innerText = tby.rows.length; //本体部分の総行数 tby.rows[3].cells[2].innerT
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
Javascriptでtry-catchを使う
Javascriptでtry-catch構文が使えるって知らない人が多かったので書いてみました。 （最近じゃAjaxでほぼ必須だから認知度高いかもしれないけど。） try{エラーをキャッチしたい処理内容}catch(e){エラーをキャッチしたら行う処理内容} プログラミング言語に慣れている方はすんなり受け入れられると思いますが、どんなプログラムでもこの例外処理が大変重要です。 Javascriptではそんなに厳しく例外処理をする必要ないかもしれないけど、使ったら便利ってことがよくあります。 それは、ブラウザが返却するエラーをキャッチすることです。 IEではよくあるのですが、windowのリサイズや移動、またはファイルのアップロード時など、セキュリティ上の都合で、ブラウザからエラーが返されてしまいます。 そうするとその後の一切の処理ができなくなり大変都合が悪いです。 なので、このブラウザから
初心者のためのホームページ作り-Web for beginner ホームページ作成支援
Lecture for beginner ■ HTML基礎講座 HTML4.01の概略 / HTML制作の準備 WEBとHTML / Webの作法 / HTMLの作成 論理構造 / 要素の親子関係 / ヘッダ情報 見出し / 段落 / リンク / フォント ボックスの概念 / 色の作法 / 画像の扱い リストの作成 / テーブルの作成 / 配置 フレーム / フォーム / 動画コンテンツ イメージマップ / スタイルシートの概念 Webページのタブー ■ HTML応用編 HTML4.01 / ヘッダ情報 / CSS応用 テキスト / アンカー / 文字実体参照 色の基礎知識 / FTPファイル転送 枠線表示の応用 / アクセシビリティ Lecture for senior ■ 初めてのXHTML講座 XHTML基礎講座 / XHTML概要 / XHTML基本 XHTML DTD / HTM
現代的な JavaScript | Netsphere Laboratories
JavaScript / ECMAScriptについて。 Webアプリケーションでは，基本的にサーバでページを生成するが，JavaScriptをうまく活用すると，サーバへのアクセスを減らしつつ，利用者にとっての操作性を上げることができる。 React / Next.js by Examples 各種サンプルプログラム. 現代の JavaScript 再入門JavaScript: 字句構造, リテラル JavaScriptの文法、オブジェクト指向言語としての機能などを解説。 再入門JavaScript: 式と文 制御構造、変数のスコープなど。 再入門JavaScript: 数値 (Number) 不思議な真偽値 null, undefined だけではない。 再入門JavaScript: For文とイテレータ 型やクラスが何か判別 型とクラスをめぐるいろいろ。 関数の引数 - 可変長, キー
ハタさんのブログ
lets Acceptance testing for your symfony apps ref - symfony | Web PHP Framework | Plugins | sfPHPFitPlugin | 0.0.2 sfPHPFitPlugin は FIT を利用することで、Acceptance Test の実行環境を提供します。 それは、symfony apps との連携も容易に行います。 Acceptance test を導入する事で、あなたの symfony application は受け入れに対するテストを容易にします。 FIT は PHPFit を利用しています。 PHPFit については: BerliOS Developer: Project Info - PHPFIT を参照してください また、この plugin は FIT-style のテ
ppBlog
こんにちは、martinです。日本に帰国して1年が経ちました。昨年は２月から新しい職場で働き始めたり、9月６日に第１子が生まれたりとバタバタな一年でして、まるでppBlogの開発・サポートが出来ませんでしたが、今年はなるべく時間を作ってppBlogをいじれたらと思っています。 世界中の皆さんにとって、良い年でありますように。 久しぶりのカキコ。 静的リンクでの挙動を変えています。URLのパスに日付情報などを含ませるように。まだ、いじっている段階なので、色々と不具合があるだろうけれど、まぁ気にしないと。 日付情報がある以外には、現状、PermaLink用の英数文字からなる記事タイトルを別に指定できたのですが、これはそのまま取っておくとして、そうでない場合は、記事のタイトルがそのままブラウザのアドレスバーに表示されるような感じにしてます（静的リンクが有効な場合ですが）。今時のブラウザならエンコ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Technical documentation
JavaScriptをサーバーの時刻に合わせる
http://www.ngi644.net/net/kei_blog/94
http://b.drmg.net/archives/2004-09.html
http://www.exfiction.net/~nojimake/note/note05.html