2013年9月24日火曜日

【IE11】DIV要素の下に重なっている、ボタンやアンカーを押せるようにするには?[pointer-events: none;]

IE11から適用されているCSS「pointer-events」が解決の一つの方法となるかもしれません。
これは指定されたの要素に対するマウスイベントの制御を行います。
この設定値をnoneと指定された際、自身のマウスイベントとしては通知されず、
そのまま下の要素にイベントを渡します。

<div style="pointer-events: none; position: absolute; width: 200; height: 100;"> </div> <input type="checkbox" />
<参考になったサイト>
重なった要素上でのイベントで下層要素を特定したい
http://okwave.jp/qa/q6316242.html
CSS3:pointer-eventsのブラウザ対応表(2013.9時点)
http://caniuse.com/pointer-events
以下にはこのCSSに対する警告が出されていますのでご一読ください。(英文)
https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events
直訳参考
警告:非SVG要素のCSSにポインタイベントの使用は実験的なものです。多くの未解決の問題が原因でCSS3のUIドラフト仕様ですが、一部されていた機能が、CSS4に延期されています。

2013年9月12日木曜日

レンタルサーバ「coreserver」にて「Laravel4」を始めました。

次期PHPフレームワーク有力候補との声高い「Laravel4」をレンタルサーバ「coreserver」に
インストールする際の奮闘を記録してみます。


Laravelはバージョン4ではインストールをComposerで行うようになりましたが、私の知識では
「coreserver」でコンソール立ち上げてComposer動かせませんでした。
なので自宅のPCで一度インストールしまるまるコピーするという方法を取ることにしました。

【Laravelインストールバージョン=4 ,実行環境=Windows7】
(実際はLinuxでしたのですけどComposerセットアップ方法を失念しました。すいません。。。)

1.  コンポーザのインストール「Composer-Setup.exe」を行う
    http://getcomposer.org/download/

2.  コンソール起動し、まずプロジェクト作成ルートディレクトリ(htdocsとか)に移動する。

3.  コンソールで以下を実行。

    composer create-project laravel/laravel {{プロジェクト名}} --prefer-dist

    コンソールに"set successfully."と表示されたインストール成功です。

4.  "/app/controllers"にてサンプルを参考にコントローラーを作成する
    [参考ソース](例:DemoController.php)
    class DemoController extends BaseController {
        public function getIndex(){
          return "Demo getIndex!";
        }
    }

5.  コンソールで「composer dump-autoload」を実行。
    [代替手動実行方法]
    /vendor/composer/autoload_classmap.phpに以下を追加
        'DemoController' => $baseDir . '/app/controllers/DemoController.php',

6.  /app/routes.phpに以下を追加
    Route::controller('demo', 'DemoController');


7.  もともと「coreserver」ではPHP5.3動かないのでCGI版で動かすことにします。
    (参考PHPをCGIとして動かす方法について)
    http://www.coreserver.jp/help/index.php/phpcgi/
    (参考 Laravel さくらの404エラーについて(.htaccess))
    http://ameblo.jp/yama7411/entry-11539608633.html
    public直下に.htaccessを配置。内容は以下のとおりです。





<ifmodule mod_rewrite.c=""> #Options +FollowSymLinks RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php?$1 [L] </ifmodule> AddHandler application/x-httpd-php53cgi .php


8.  さいごに出来上がったソースをまるまるCORESERVERにコピーして、
    ブラウザでURL"http://ドメイン/プロジェクト名/public/demo"と入力し、
    "Demo getIndex!"と表示されたら成功です。




~まちがいや問題点があればまた追記します。以上です。~

2013年9月10日火曜日

IE11(プレビュー版)にて表内に埋められているフォームコントロールに対しフォーカスする等の制御を行うと周辺の罫線が崩れたりする。(border-collapse)

IE11(プレビュー版)にて表内に埋められているフォームコントロールに対しフォーカスする等の制御を行うと周辺の罫線が崩れたりするのですが、
これはスタイル"border-collapse"の値が"collapse"だとどうもこの様な現象が起きるみたい。
なので"separate"にしてTABLEやTR、TDのスタイルシートを少し修正して対応してみた。
その現象と改修結果をまとめたのがこれ↓です。