開発メモ

開発用のメモです。

Web

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 });

CSS Table の表示レイアウトでセルの間のスペースを作らない

Web

table { border-collapse: separate; border-spacing: 0px; } table tr> * { border-bottom: 1px dotted black; border-right: 1px dotted black; } table tr:first-child > * { border-top: 1px dotted black; } table tr > *:first-child { border-left: 1…

CSSでチェックボックスにスタイルを当てる

Web

input.checkbox { display: none; } input.checkbox + label { background-color: #EEE; border: 1px solid #000; padding: 10px; display: inline-block; position: relative; } input.checkbox:checked + label { background-color: #EEE; border: 1px sol…

CSS ページング用

Web

div.paginator_numbers { margin: auto; width: 90%; text-align: right; } div.paginator_numbers span { display: inline-block; width: 30px; padding: 2px; text-align: center; vertical-align: middle; } div.paginator_numbers span:HOVER { border: …

CAKEPHP SQL実行ログを出力

element('sql_dump'); ?> .cake-sql-log { background-color: white; border-collapse: collapse; font-size: 15px; } .cake-sql-log tr { border: 1px solid black; } .cake-sql-log tr td , .cake-sql-log tr td { border: 1px dotted black; }

CSSで表示を画面中央に

Web

div.page { width: 1100px; min-height: 700px; margin: 0; margin-left: auto; margin-right: auto; background-color: #FFF; }

CSS ボタンの角を丸くする。

Web

input[type=submit] { border-radius: 40px; /* 角を丸く */ width: 150px; height: 40px; font-size: 24px; font-weight: 600; /* ボールド */ color: #FFF; /* 文字:白 */ background-color: #00F; /* 背景:青 */ }

ページング等のリンクを固定幅で表示させ、リンクの表示をわかりやすくする。

Web

div.paginator_numbers { margin: auto; width: 90%; text-align: right; } div.paginator_numbers span { display: inline-block; width: 30px; padding: 2px; text-align: center; vertical-align: middle; } div.paginator_numbers span:HOVER { border: …

apache mod_proxy_http + mod_include で外部サイトを読み込み

ProxyPass /yahoo.co.jp http://yahoo.co.jp ProxyPassReverse /yahoo.co.jp http://yahoo.co.jp 危険だな。。

ボックスレイアウト(均等割り付け)

Web

<style> .flex { width: 1000px; min-height: 400px; margin: 0px; padding: 0px; display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; } .flex .flex_chilled { -webkit-flex: 1; flex: 1; } .flex .flex_chilled { text-align: cente</style>…

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…

HTML5 の 値チェックを無効化するボタン

html5 <input type="submit" formnovalidate="formnovalidate" value="戻る"/> struts2 <s:submit formnovalidate="formnovalidate" value="戻る"/></s:submit>

入力必須の項目

html5 <input required="true"/> struts2 <s:textfield required="true"/></s:textfield>

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>

apache2.4 のインストール

Web

ダウンロード リナックスの場合(CUI) wget ftp://ftp.riken.jp/net/apache/httpd/httpd-2.4.*.tar.gz tar -xzf httpd-2.4.*.tar.gz cd httpd-2.4.*/srclib wget ftp://ftp.riken.jp/net/apache/apr/apr-1.4.*.tar.gz wget ftp://ftp.riken.jp/net/apache/ap…

CVE-2014-0094 その2

install wget https://www.modsecurity.org/tarball/2.8.0/modsecurity-2.8.0.tar.gz tar -zxvf modsecurity-2.8.0.tar.gz cd modsecurity-2.8.0/ ./configure \ --with-apxs=/usr/local/apache2/bin/apxs \ --with-apr=/usr/local/apache2/bin/apr-1-config…

起動スクリプト

Web

/etc/init.d/httpd #!/bin/sh # # /etc/rc.d/init.d/httpd # # Control the httpd # # chkconfig: 345 44 56 # description: apache httpd # ctrl=/usr/local/apache2/bin/apachectl command=$1 # Source function library. . /etc/init.d/functions exec_ht…

configure オプション

Web

ダウンロード wget http://archive.apache.org/dist/httpd/httpd-2.4.9.tar.bz2 wget http://archive.apache.org/dist/apr/apr-1.5.1.tar.bz2 wget http://archive.apache.org/dist/apr/apr-util-1.5.3.tar.bz2 解凍 tar -zxf httpd/httpd-2.4.9.tar.bz2 tar…

Twitter: @asahina_alice