Happy Programming » Prototype.jsを使った時、IEで注意する事
またまた"Prototype.js"についてのちょっとしたメモ 下記のような簡単なスクリプトで document.observe('dom:loaded', function(event) { var item = new Image(); item.src = 'image.jpg'; $$('body')[0].insert(item); item.observe('click', function(event) { alert(event.element().src); }); }); SafariやFirefox、Operaでは問題なく写真をクリックしたときにイベントが実行される ところがIEでは実行されない。ステータスバーにはエラーのアイコン。 メッセージを見てみると"item.observe('click', function(event){})"の部分が問題ありらしい ite
JSの世界 : 親子・兄弟、相対位置にあるノードを探索する
2009年07月06日22:00 カテゴリJavaScriptDOM入門 親子・兄弟、相対位置にあるノードを探索する 前回childNodesプロパティについて説明しましたが、これはある要素ノードの子ノード（タグ要素に限らない）を参照するプロパティです。DOMには子ノードを参照する以外に、親ノードや兄弟ノードを参照するプロパティが用意されており、それらを使うことで基準となる要素から相対位置にあるノードを参照することができます。 相対位置にあるノードを取得する 親ノードの要素オブジェクトを取得する parentNodeプロパティ…………その要素の直近の親ノードの要素オブジェクトを取得するプロパティ。テキストノードなどは原則的に子ノードを持たないので、親ノードは必ず「要素ノード」かdocumentノードになる。また一つのノードにつき親ノードは一つだけなので配列にはならない。 （例） <div
element.previousSibling - elementの前のエレメントを取得 - JavaScriptリファレンス
「elementの前のエレメントを取得」サンプルコード <html> <head> <title>element.previousSibling - elementの前のエレメントを取得</title> </head> <body> <!--elementの前のエレメントを取得のサンプル--> <div id="sample"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span></div> <script type="text/javascript"> function findElement() { var element = document.getElementById("sample"); var childs = element.childNodes; var prevNode = chil
全てのsubmitボタンダブルクリック防止[JavaScript][Prototype] - d.hatena.zeg.la
Event.observe(window, 'load', doubleClickLoadHandler, false); function doubleClickLoadHandler(){ inputTags = document.getElementsByTagName("input"); for(var i = 0 ; i < inputTags.length ; i++){ if(inputTags[i].type == "submit"){ Event.observe(inputTags[i],'click',doubleClickInputHandler); } } formTags = document.getElementsByTagName("form"); for(var i = 0 ; i < formTags.length ; i++){ Event.observ
![全てのsubmitボタンダブルクリック防止[JavaScript][Prototype] - d.hatena.zeg.la](https://cdn-ak-scissors.b.st-hatena.com/image/square/53d2f80e22d5bf39bc56eea2fa0aafc1d2d1c788/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127044525658%2F17680117127044547714%2F1555521917)
PHP: microtime - Manual
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
CSRFProtectionを有効にしていると、CSRF attack detectedになり続ける問題 - yuya_prestoの古い日記（はてなダイアリーから移行）
Symfonyのformで、悪名高き（？）_csrf_tokenを有効にしていると、ブラウザの「戻る」ボタンを押した途端に悪夢が始まってしまうようだ。 どういう事かというと、_csrf_tokenがinvalidだろうがnullだろうが、送られてきた値をそのまま返すようなのだ。ということは、一度でもinvalidなtokenを送ってしまうと、もう無限loopに捕まってしまうというわけだ。 問題は、token自体は毎回生成はされているのに、$this->form->bind()が実行されると、出力する際に受け取った値しか出力しないということ。そこで、受け取った値に関わらず、_csrf_tokenを更新するパッチを書いてみた。が、何か問題があると指摘されそう。例えば、無駄にtokenを生成しすぎだとか、実はワンタイムトークンではないとか、2回submitを実行すれば（1回目で_csrf_tok
[Symfony]DateHelperとDateValidator｜株式会社 フラッツ
谷口です。 今回はSymfonyのDateHelperとDateValidatorについて書きます。 DateHelperをtemplateで呼び出すには、input_date_tag関数を使います。 ただ、第3引数’rich=true’を指定するとcalendar widgetが出て日付を指定できますが、 誕生日などの入力には適していないと思います。 ‘rich=true’を指定しない場合の例を書きたいと思います。 ‘rich=true’を指定しないと、年月日のそれぞれがプルダウンメニューのインプットフォームになります。 例えば、下記のような感じです。 <?php echo input_date_tag( ELEMENT_NAME, DEFAULT_DATE, array('year_start' => MIN_YEAR, 'year_end' => MAX_YEA
プルダウンの表示内容をjQueryで書き換える - ぷぎがぽぎ
次の案件がsymfony1.0ということで、久しぶりにsymfony1.0を触っています。 フォーム周りはまったくの別モノってぐらい違うのですが、やれば思い出すものです。 さて、symfony1.0でフォームにおいて日付のプルダウンをつくるとき、誰もが悩むであろう点があります。 それは、年、月、日のプルダウンを一括して出力するinput_date_tagという関数があるのですが、区切り文字は１つしか指定できないということです。 区切り文字が「/」だった場合は次のように表示されます。 決してユーザーに優しいUIではないですね。 日本的には [2009]年[03]月[29]日 のようにしたいところですがこれが簡単にできません。 というわけで、次に考えるのが区切り文字として空文字(NULL)を指定し、プルダウンの値に直接「年」や「月」を追加してしまう方法です。以下のようなプルダウンを作るわけです
array_mergeとarray+arrayの挙動の違いを検証してみました - Simple, Slowly
array_mergeとarray+arrayの挙動の違いの理解が曖昧だったので検証してみました。 例1 基本的な配列の場合 <?php $array1 = array(1, 3); $array2 = array(2, 4); $result1 = array_merge($array1, $array2); $result2 = $array1 + $array2; print_r($result1); print_r($result2); ?> Array ( [0] => 1 [1] => 3 [2] => 2 [3] => 4 ) Array ( [0] => 1 [1] => 3 ) 結果 array_merge キーが同じでも完全にマージされている。 array1 + array2 両方の配列に同じキーが存在する場合は前方の配列が残り、 後方の配列は無視されている。 例2 連
factories.ymlの値を取得する - Webエンジニアの技術メモ 〜PHP、SQL、Linuxなど〜
.../apps/frontend/config/factories.yml all: routing: class: sfPatternRouting param: generate_shortest_url: true extra_parameters_as_query_string: true suffix: .html request: class: sfWebRequest param: relative_url_root: "/hoge"$app = 'frontend'; $config = sfFactoryConfigHandler::getConfiguration(array(sfConfig::get('sf_apps_dir').'/'.$app.'/config/factories.yml')); 例）suffixとrelative_url_rootを取得 $s
要素の追加 (append) insertBefore
<script type="text/javascript"> <!-- window.onload = function() { if (!document.createElement) return; var ele = document.createElement("div"); // 新規に要素（タグ）を生成 var str = document.createTextNode("あいうえお"); // 生成する要素の値（文字列） ele.appendChild(str); // 生成する要素の作成（要素に値を追加） document.body.appendChild(ele); // このページ (document.body) の最後に生成した要素を追加 } // --> </script> 既存のエレメント（要素）に別の要素を追加する場合は createElement() を使用
【Javascript】DOM関数にinsertAfter()ってないの？ at softelメモ
ないけど、なくても困らない。 insertBeforeでできる。 parentElement.insertBefore(newElement, targetElement.nextSibling) targetElement の後ろに newElement を入れたかったらこれで済む。 targetElement がparentElementの最後の子要素（lastChild）だったとしても、 targetElement.nextSibling は null となり、 parentElement.insertBefore(newElement, null) は末尾に追加なので、万事OK。 安易に insertAfter() を作らなかったことを評価したい。
JavaScript：removeChild を使って特定のid や tag を消す | むずむずサイト製作：凝ったきれいなブログのコツ
一定期間更新がないため広告を表示しています
[javascript]tableの行数を取得する。
今週、一番、感動したテク！！ javascriptで、tableタグの行を取得したい場合、tableのid.rows.lengthで取得できるみたいです。 試しにいくつかテストをしました。 <table id="hoge"> </table> <script type="text/javascript"> alert(hoge.rows.length); </script>
複数のチェックボックスを同時にチェックする 全選択チェックボックス - [サンプルコード /JavaScript] ぺんたん info
全選択 チェックされるチェックボックスのname属性がそれぞれ違う場合 <form name="form" method="GET"> <input type="checkbox" name="aaa" onClick="AllChecked();" /> 全選択 <input type="checkbox" name="bbb1" /> <input type="checkbox" name="bbb2" /> <input type="checkbox" name="bbb3" /> </form> <script language="JavaScript" type="text/javascript"> <!-- function AllChecked(){ var check = document.form.aaa.checked; document.form.elements['
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DOM Samples /Core Node/previousSibling [Javascript] All About
Node.previousSibling プロパティ(当該ノードの直前の兄弟ノード) - JavaScript リファレンス
【symfony】読み込むCSSやjsファイルをモジュール単位で分けたい：株式会社センティリオンシステム
第10章 - フォーム
コンピューター手順 symfony form
