月別アーカイブ: 2014年8月

レスポンシブ対応のCycle2

メインのスライドは基本こればかり使っていましたが
http://jquery.malsup.com/cycle/
レスポンシブが必要になりcycle2を使い事に
http://jquery.malsup.com/cycle2/

組み込み方も今までにない感じでしたが設置できました。

<div id="mainVisual">
	<ul class="cycle-slideshow"
		data-cycle-fx="fadeout" data-cycle-speed=1500
		data-cycle-timeout=7000 
		data-cycle-prev=".prev"
		data-cycle-next=".next"
		data-cycle-slides="> li"
		>
		<li><a href="#"><img src="/images/main_bnr-1.jpg" alt=""></a></li>
		<li><a href="#"><img src="/images/main_bnr-3.jpg" alt=""></a></li>
		<li><a href="#"><img src="/images/main_bnr-2.jpg" alt=""></a></li>
	</ul>
	<div class="nav next"></div>
	<div class="nav prev"></div>
</div>

URLを判定して最後に値を追加

ページ内の商品検索を検索してページ下部の商品リストに飛ばしたい時に下記の対応をした。

(function(){
    var nowurl = document.URL;
    if(!nowurl.match(/[\#]pagenavi/)) {
        if(nowurl.match(/\?/)) {
	    location.href= nowurl + '#pagenavi';
	}
    }
});

#pagenaviが付いていなければ
?が含まれている場合
#pagenaviをつける

参考サイト
http://blog.livedoor.jp/qoozy/archives/52455603.html

(function(){
    if (document.URL.indexOf("about:blank") == -1) {
        var nowurl = document.URL;
        if(!nowurl.match(/[\?&]abc/)) {
           if(nowurl.match(/\?/)) {
               location.href= nowurl + '&abc=123';
           }
           else {
               location.href= nowurl + '?abc=123';
              }
        }
    }
})();

input[textarea]をメイリオでwidthを設定していないと幅が広がる

メイリオは一体なんなんだ。。。

ASPなど使う場合にフォームなどカスタマイズをならべく避ける時(工数の関係などで)、リセットスタイルなどでformのfont-familyの指定をしない

なぜなら
input[textarea]をメイリオ指定しwidthを設定していないと幅が広がる

参考サイト
http://www.greenwich.co.jp/blog-archives/p/1293
http://techno-st.net/2007/01/21/post-150.html
http://d.hatena.ne.jp/web-holic/20080418/1208536920