PHP & JavaScript Room
Windows OS に PHPとApacheサーバーのインストール ～ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基本～実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック（正規表現含む）など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM（Document Object Model）のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう！HTML5のタグリフ
JavaScriptのスマホ対応時に知らないと損する16のコト
JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS／機種依存事例5選などを紹介します こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での
Route 477(2007-12-07)
■ [javascript] サーバが一定時間応答しなかったら処理を打ち切る 探していたものとは違うものだけど、一応メモ。 IT trends By 渡辺翔太 » Blog Archive » Ajaxでタイムアウトを設定するコード ネタ元： codejanitor » AJAX Timeouts with Prototype インデントが崩れているので直したものを貼っておきますね。 function callInProgress (xmlhttp) { switch (xmlhttp.readyState) { case 1: case 2: case 3: return true; break; // Case 4 and 0 default: return false; break; } } function showFailureMessage(
prototype.jsのイベント | GENDOSU@NET
prototype.jsで、エレメントにイベントを設定する <div id="test">test</div> このタグにクリックイベントを付ける時は $('test').observe('click', function(event){ alert('testをクリック'); }); prototype.jsのイベントとして指定出来るイベント ページのイベント load ページが読み込まれた時 dom:loaded ページが読み込まれた時(イメージなどは読み込み完了していなくても発動) ※DOMツリーの構築が終わっていても描画が終わっていない場合があるので、このイベント内で$('test’).style.height のようなプロパティを見ても0やnullが入っている場合がある。 unload ページが閉じられる時 resize ページのサイズが変更された時 abort ページの読み込み
付録 prototype.js：通信を中断する
prototype.jsはデータの通信を開始した際にonLoadingイベントが発生します。この時に通信用のオブジェクトをグローバル変数に入れておきます。あとは、abort()メソッドで通信を中断することができます。ただし、この方法が良いとは考えられないので他に良い方法があるはずです。（サンプルを実行する） <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>prototype.jsサンプル</title> <script src="prototype.js" type="text/javascript"></script> <script type="text/javascript"><!-- gHttpObj = null; function waitData()
Ajaxで通信を強制停止させる方法 | システムエンジニアの戯言
Ajaxで通信を強制停止するには XMLHttpRequestのabortを使います。 実際には、abortなんてそうそう使う機会はありません。 果たして使い道はあるのでしょうか？ 例えば、Ajax通信中に、「Now Loading・・・」なんていうメッセージをモードレスダイアログで表示し、さらにユーザが手動で通信を停止させる手段としてダイアログの右上に×ボタンを用意しておき、ボタンが押されたタイミングで、abortする、なんていうことが考えられます。 Ajax通信中に他のページに移動する際の問題 ミッションクリティカルなWebシステムでない限り、Ajax通信中に他のページへの移動を許容する事は間々あるかと思います。 例えば、最近私が作成したWebシステムでは、Topページのパフォーマンス向上のために、Ajaxで情報を遅延ロードして表示するような仕組みを採用しました。 どれぐらい、パフォー
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
スタイルシート［CSS］/ページ全般/印刷時の改ページ部分を指定する - TAG index
avoid の指定は、Opera以外では対応していないようです。 指定例 見出し（h2要素）の直前で改ページさせる例 h2 { page-break-before: always; } 水平線（hr要素）で区切って改ページさせる例 hr { page-break-after: always; } 使用例 h2要素の直前で改ページさせる例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> h2 { page-break-before: always; } </style> </head> <body> <h1>印刷時の
小数点以下の桁数を固定した表現を得る - ぱせらんメモ
JavaScriptで小数点以下1桁に固定した数値を表示させる方法について悩んでいる人がいたので調べてみた。 というのも、何も考えずに次のようなコードを書くと2.0と表示させたいのに2と表示されてしまうようだ。 var value = 2.0; target_element.innerHTML = value; valueが2.1や2.01であればその通りに表示されるのだが、小数点以下の省略可能な0は省略されてしまうらしい。 で、安直な解決方法としては整数の場合に文字列として".0"を連結するという案が思いつくわけだが、他人にソースを見られたときに格好悪いのでスマートな解決方法があるなら知りたい、ということらしい。 まぁ、上手くやってくれそうなメソッドぐらいあるだろうとなんとなく思ったので調べてみたらあった。 Number.toFixed(丸め位置); 数値またはNumberオブジェクトの
JavaScript 例えば小数点第2位以下を切り捨てる | Yasigani-ni Blog
JavaScriptは、小数点第N位以下切り捨てという関数は用意されていません。 というわけで、『JavaScriptで小数点第N位以下切り捨てる方法』をメモも兼ねてブログに残しておきます。 最初にも書いたように、小数点第N位以下切り捨てる関数は用意されていませんが、小数点以下を切り捨てる関数や四捨五入する関数はあります。 これらの関数を利用し、ちょっとした計算をすることで、小数点第N位以下切り捨てなどを実現します。 Math.floor() 小数点以下を切り捨てる。 Math.ceil() 小数点以下を切り上げる。 Math.round() 四捨五入する 『9.87654321』という数があったとします。 この数を小数点第2以下切り捨てる場合、まずは、『9.87654321』を10倍にしてしまいます。 var val = 9.87654321; val *= 10; 結果 val
JavaScript - 書式チェック
第４弾は、書式チェックです。 日付チェック [js] /** * 指定された文字列が有効な日付かチェックします。 * ※閏年判定含む。 * * @param argValue チェック対象日付(8桁の半角数字(yyyymmdd)の書式) * @return 日付として有効な場合はtrue、 * 日付として無効な場合はfalse */ function isDate(argValue) { if (isEmpty(argValue)) { // 未入力の場合 return false; } if (argValue.length != 8 ) { // ８桁以外の場合 return false; } if (!isNumeric(argValue)) { // 半角数字以外の文字列が含まれている場合 return false; } var iYear = parseInt(argValue.
配列要素を逆順に並べ替える [Ajax - (reverse) - prototype.js - 配列 - Tips]
1. ダウンロードしたprototype.jsを読み込みます。 <script type="text/javascript" src="prototype.js"></script> 2. indexOfメソッドを実行します。 // 配列を宣言して値をセットする var myArray = new Array("ABC", "DEF", "GHI"); // 配列要素を逆順に入れ替える // この例では"GHI", "DEF", "ABC"という配列を返す var afterArray = beforeArray.reverse(false);
2006-09-05
前提条件：DOMについての理解 Insertion関連のクラスを理解するためには、DOMについての理解が不可欠になります。実は筆者もあまり詳しいとは言えません＾＾； このため、不適切な記述があるかもしれませんが、ご容赦ください。気がついたらその都度修正します・・・。 【抜粋】一部省略 Abstract.Insertion = function(adjacency) { this.adjacency = adjacency; } Abstract.Insertion.prototype = { initialize: function(element, content) { this.element = $(element); this.content = content.stripScripts(); (省略) }, contentFromAnonymousTable: function(
Javascript try ～ catch 例外処理、エラー処理
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 Javascriptで try ～ catch 構文を使う 例外処理、エラー処理 「a-100」は計算できないのでエラーになります。 テキストボックスをダブルクリックすると入力できます。 計算式を入力してください。 計算結果が表示されます。(入力例) 77+123, 100*20 サンプルソース <html> <head> <script type="text/javascript"> <!-- function kekka(){ val=document.getElementById("Kbox").value; try{ val=eval(val); alert("計算結果： "+val); } catch(ex){ alert(ex+"
(連想)配列の初期化と要素を動的に追加する方法 - javascript
Javascript で配列の初期化や要素を追加するには様々な方法があるが、 ここでは一般的（と思われる）な方法をいくつか以下に示す。 [HTML / javascript]// 初期化サンプル（その１） var array1 = ['日', '月', '火', '水', '木', '金', '土']; for(var i=0; i<array1.length; i++) { alert(array1[i]); } // 初期化サンプル（その２） var array2 = new Array('日', '月', '火', '水', '木', '金', '土'); for(var i=0; i<array2.length; i++) { alert(array2[i]); } [HTML / javascript]var array3 = []; // 配列の初期化 // 最後尾に要素を追加
javascript:node_type_list [Ore Base]
このページは削除されました。以前のリビジョンの一覧をチェックして、いつ・なぜ削除されたのか確認したり、過去の版にアクセスしたり、元に戻したり出来ます。
Javascript 型判定の方法とその処理速度について
わりといい加減だった型判定について、確認の意味も込めてここに。 今後のためにも、頭の中を整理してみる。 型の判定に良く使用するもの === typeof instanceof constructor それぞれに利点があり、状況によって使い分けることになるが、処理速度は上記の順の通り、『===』が最も速い。 つまり、『===』<『typeof』<『instanceof』<『constructor』 下図はFirebugで計測した結果です。環境によって数値は変わると思われ、参考値としてご覧下さい。 100万回 for loopで回した処理に掛った時間 ※『*constructor』は後に説明します。 一部、扱う型によって処理速度に差が見られた。 その二つの例外を以下に説明します。 存在しない変数を参照した場合の『undefined』についてvar a; alert(typeof a); 通常は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javascript で trim するには - Enjoi Blog
Elementオブジェクト/JavaScriptリファレンス
Loading...