開発メモ

開発用のメモです。

JQuery

JQuery delegate/live/bindとついになる関数を on/off に転送する

<script> $(document).ready(function(){ $.fn.delegate = function(selector, action, callback) { $(this).on(action, selector, callback); } $.fn.undelegate = function(selector, action) { $(this).off(action, selector); } $.fn.live = function(action, ca…

JQuery で $.browser を 擬似的に追加する。 (古いプラグイン対応)

<script> $(document).ready(function(){ // MSIE $.browser.msie = (navigator.userAgent.match(/(MSIE|Trident)/ig)) != null; // safari $.browser.safari = (navigator.userAgent.match(/Safari/ig)) != null; // mozilla $.browser.mozilla = (navigator.userAg…

JQuery $(":checkbox").attr("checked", "") で チェックをはずす

<script> $(document).ready(function(){ $.fn.origAttr = $.fn.attr; $.fn.attr = function(key, value) { var keys = [], i = 0; keys[i++] = "checked"; keys[i++] = "selected"; keys[i++] = "requred"; keys[i++] = "multiple"; keys[i++] = "readonly"; keys[i…

Salesforce で JQuery をつかう

<apex:page> <apex:includeScript value="{!$Resource.jQuery}" /> <script type="text/javascript"> jQuery.noConflict(); </script> </apex:page> jQuery.noConflict() を実行する必要がある $(selector) ではなく jQuery(selector) で処理

Salesforceで 日付項目の [YYYY/MM/DD] のリンクを消す

JQuery <script type="text/javascript> jQuery(".dateFormat").hide(); </script> Standard <script type="text/javascript> var x = document.querySelectorAll(".dateFormat"); for (var i in x) { x[i].style.display = 'none'; } </script>

Salesforce Visualforce で Jquery.ajax による更新

<script type="text/javascript"> jQuery(".ajax_id:checked").each(function(i,o){ var title = jQuery(o).attr("title"); console.log(title + ": start"); jQuery.ajax({ "url" : "/apex/pageName", "data" : { "id" : title }, "async" : false, // 非同期通信の場合 自動#はエラーにな…

JQuery で全チェックを行う

<script type="text/javascript"> function allCheck(className, object) { jQuery("." + className).prop("checked", jQuery(object).prop("checked") ).click(function(){ jQuery(object).prop("checked", false); }); } </script>

Salesforce で JQuery を読み込む

<apex:includeScript value='{!$Resource.jquery}'/></apex:includescript>

EC CUBEのプラグインの骨格 HTML/CSS/IMAGE ファイル追加を伴う場合

ディレクトリ構成 PluginName html image css js templates config index.tpl config.php LC_Page_Plugin_PluginName_Config.php PluginName.php plugin_info.php ファイル内容 config.php

EC CUBE のプラグインの骨格

ディレクトリ構成 PluginName templates config index.tpl config.php LC_Page_Plugin_PluginName_Config.php PluginName.php plugin_info.php ファイル内容 config.php

HTML5 + JQuery <input type="submit" formaction="/User"> が未対応なブラウザも一律制御する。

$(document).on("click", "input[type=submit]", function(a) { if (!!$(this).attr("formaction")) { $(this).get(0).form.action = $(this).attr("formaction"); } });

JQuery UI アコーディオン 初期は全て閉じる

<div class="accordion"> <h3>検索条件</h3> <div> <table> <tr> <th>Id</th> <td><input type="text"></td> </tr> <tr> <td colspan="2"> <input type="hidden"> <input type="submit"> </td> </tr> </table> </div> </div> $(".accordion").accordion({ "active" : false, "collapsible" : true });

JQuery 画像の切り替え

<script type="text/javascript"> var headerArea_img_index = 0; $(document).ready(function(){ setInterval(function(){ $(".headerArea img:visible").hide(); $(".headerArea img:eq(" + headerArea_img_index + ")").show(); headerArea_img_index = (headerArea_img_index+1) % $(".h…

struts2-jquery-plugin

http://code.google.com/p/struts2-jquery/ pom.xml <dependency> <groupId>com.jgeppert.struts2.jquery</groupId> <artifactId>struts2-jquery-plugin</artifactId> <version>${struts2.jq.version}</version> </dependency>

Twitter: @asahina_alice