[ Jsp ][ Javascript ] input 英数のみ

-->
input box の入力を英数以外は禁止する。

<script type="text/javascript">
function onChange() {
     document.getElementById("urlid").value=
        document.getElementById("urlid").value.replace(/[^a-zA-Z0-9]/g,'');

....
}

<input type = "text" id="urlid" onkeyup = "onChange()"...>

[ Jsp ][ Javascript ] input の文字列をDivに入れる方法

インプットボックスの入力内容を文字列が表示される領域に表示させる方法。

<script type="text/javascript">

    function onChange() {
    var text = document.getElementById("urlid").value;
    document.getElementById("urlid_confirm").innerHTML=text;
    }
 </script>

<input　type="text" value="" maxlength="8" id="urlid" onkeyup="onChange()"/>

<div id="urlid_confirm" style="display:inline">

(文字列が表示される領域)

</div>.test.com

[ Jsp ] Div 改行 防止 禁止

<Div>は基本的に改行する。

<div id="urlid_confirm" style="display:inline">

[Jsp][Java] httpかhttpsか判断

boolean secure= request.isSecure();

 true の場合は https
 false の場合は http

[ Jsp ][ Java ][ Servlet ] ルート パス

// JSP/Servlet ルートパス
getServletContext().getRealPath("/");

// JSP/Servlet  現パス
getServletContext().getRealPath(request.getRequestURI());

// JSP/Servlet  クラスパス
this.getClass().getResource("").getPath();

// JSP/Servlet  クラスフォルダパス
this.getClass().getResource("/").getPath();

// JSP/Servlet Packageパス
this.getClass().getResource("/com/aaa/bbb/ccc").getPath();

[ Jsp ][ Javascript ] チェックボックス CheckBox length undefined

チェックボックスが選択されたかどうかを判断したい時に、
チェックボックスが一つの場合はlengthがundefinedになる。
下記のようにしたらいけた。

function check_checkBox() {
  count = 0;
  len = document.fmAdd.chkBig.length;
  if (typeof len == "undefined") {
   len = 1;
  }

  if (len == 1) {
   if (document.fmAdd.chkBig.checked == true)
    return true;
 
  } else {
   for ( var i = 0; i < len; i++) {
    if (document.fmAdd.chkBig[i].checked == true) {
     count++;
    }
   }
  }
  if (count == 0)
   return false;
  if (count > 1) {
   alert("ひとつのみ移動可能です。");
   return false;
  }
 }

[ Jsp ][ Javascript ] Nan チェック check

Stringを数字に変換する時、
エラーチェック

var test1 = parseFloat(document.getElementById(param_min).value);

if(isNaN(test1)){
   document.getElementById(param_min).focus();
   return false;
}

[ jsp ] イメージ 画像 回転 CSS

img.90{
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
img.180{
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
img.270{
     -webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

[ Jsp ][ jQuery ] イメージ 幅 調整 / イメージを表の幅に合わす

表の中にイメージをいれたら
explorerではイメージがおおきい場合、表が伸びたので。。


jQuery
<script src="COMMON/jQuery.js" type="text/javascript"></script>
<SCRIPT TYPE="TEXT/JAVASCRIPT">
$(document).ready(function() {
for(var i = 1; i<10; i++){
for ( var j = 1; j < 10; j++) {
var tdWidth=0;
var imgWidth=0;
var id = "TD_" + i+"_"+j;
tdWidth = $("#" + id).width();
var imgid = "IMG_" + i+"_"+j;
imgWidth = $("#" + imgid).width();
if( tdWidth > imgWidth ){
$("#" + imgid).width(tdWidth);
}
}
}
});
<script>

イメージのwidthを10pxして、ページロード時に幅を調節するようにした。

<img src="/SAVEIMG/<%=session.getAttribute("APPNAME").toString()%>/${LOT_IMAGE}/${cnt}_${chkcnt}.${RESULT_LIST.chk[chkcnt-1][cnt-1]}"
id="IMG_${cnt}_${chkcnt}" width=10px>

[Jsp][HTML] 空白 挿入

html
空白挿入
&nbsp;