notice Java 23

change



    $(":text[name='selX'],:text[name='selY']").focusout(function(e) {

    	var x = $(":text[name='selX']").val();
    	var y = $(":text[name='selY']").val();
    	if ( !x || !y ||  !/^(0|([1-9][0-9]{0,2}))$/.test(x) ||  !/^(0|([1-9][0-9]{0,2}))$/.test(y) ) {
        	$(":text[name='selZ']").val("");
    	} else {
    		var z = parseInt(x, 10) + parseInt(y, 10);
        	$(":text[name='selZ']").val(z);
    	}
    });

    $("#toroku").on("click",function(){
		$("span.errMsg").html('');
    	var x = $(":text[name='selX']").val();
    	var y = $(":text[name='selY']").val();
    	var hizuke = $(":text[name='hizuke']").val();

    	if ( !/^(0|([1-9][0-9]{0,2}))$/.test(x)) {
			$("span.errMsg").html('Xは数値を入力してください');
    	}
    	if ( !/^(0|([1-9][0-9]{0,2}))$/.test(y)) {
			$("span.errMsg").html('Yは数値を入力してください');
    	}
    });

<style>
div.pullarrowbox span.link2{
    color: red;
}
</style>

        <div class="col-sm-6">
            <div class="panel_copy">
                <div class="pullarrowbox">
                    <img src="img/icon_162950_32.png" class="icon32to26"> CSS 応用
                    <a data-toggle="collapse" href="#rowouyou" class="pullarrow">
                        <button type="button" class="btn btn-gray-noshadow" aria-label="Left Align">
                            <span class="glyphicon glyphicon-chevron-down link2" aria-hidden="true"></span>
                        </button>
                    </a>
                </div>
                <div class="collapse" id="rowouyou">
                    <div>
                        <a class="list-group-item2" href="noticeBootstrap06.html">フォーム入力中をわかりやすくしよう</a>
                        <a class="list-group-item2" href="noticeBootstrap07.html">フォーカス時に入力エリアを伸ばす</a>
                        <a class="list-group-item2" href="noticeBootstrap08.html">ラジオボタンをCSSのみで装飾する</a>
                        <a class="list-group-item2" href="noticeBootstrap09.html">チェックボックスをCSSのみで装飾する</a>
                        <a class="list-group-item2" href="noticeBootstrap10.html">CSSのみで光るボタン</a>
                        <a class="list-group-item2" href="noticeBootstrap11.html">CSSのみでクルッと回転するボタン</a>
                        <a class="list-group-item2" href="noticeBootstrap12.html">CSSのみで立体的なボタン</a>
                        <a class="list-group-item2" href="noticeBootstrap13.html">CSSのみで背景はグラデーションボタン</a>
                    </div>
                </div>
            </div>
        </div>

.glyphicon-chevron-down {
    color:#555;
}