[ 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;

[Jsp] Get 日本語 文字化け

文字化けが発生し、
Encodingしてやってみたら行けた。

String lotNo = lotPlus(request);
String lotNo_En = java.net.URLEncoder.encode(lotNo, "UTF-8");
String URL = "test-run?LOT_NO=" + lotNo_En;

response.sendRedirect(URL);

若しくは。。
encodeURIComponent(testname)

[Jsp][HTML] CSS スタイル ボタン

<style type="text/css">
.myButton {
color: #150;
font: bold 84% 'trebuchet ms', helvetica, sans-serif;
background-color: #fed;
border: 1px solid;
border-color: #696 #363 #363 #696;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr='#aabbccdd', EndColorStr='#aabbccdd' );
}

.myButtonh {
color: #100;
font: bold 84% 'trebuchet ms', helvetica, sans-serif;
border: 1px solid;
border-color: #696 #363 #363 #696;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr='#ffffff', EndColorStr='#ffeeddaa' );
border-color: #c63 #930 #930 #c63;
}
</style>


<input type="submit" value="選択削除" class=myButton
onmouseover="this.className='myButtonh'"
onmouseout="this.className='myButton'">

マウスによって変化

参考サイト
http://www.webreference.com/programming/css_stylish/