仕事自PCをXPからVistaに乗り換えた
仕事自PCをXPからVistaに乗り換えた。ちょと面白いところだけ。
- 旧PCのEclipseが入っているフォルダ、アプリケーションプログラムが入っているフォルダ、Apache Tomcatのフォルダを新PCにコピーしただけでVSSの指定もそのまま引き継いでいて旧PCと同じ動きになった。Setupとかしていない。コピーしただけ。これでTomcatもすんなり動いた。
- 2台のPC間でコピペするなら「dokodemo」が最良。マウスが新旧PCをいったりきたり。でも大量フォルダをコピーはやら無いほうがいい、中身が0バイトでコピーされてしまう。
- 2台のPC間で大量フォルダをコピーは新PCのコピー先ドライブを共有にしてしまうのがいい。早いし、まちがいない。
- 対Oralceに使っているCSEはVistaだとエラーメッセージが最初に出るが問題なく動く。ODBCにする必要はない。
- オラクル10.1を入れた。jre1.6だとインストールできなかった。jre1.5をインストールした。jre1.6はアンインストールした。jdkの最新Updateを行わないようにした。
- オラクル10.1を入れたらオラクルの持っているjre1.4がPathに入った。これによりエクリプスが動かなくなった。Pathからオラクルの持っているjre1.4を削除して自分でインストールしたjre1.5をPathにいれた。
<!DOCTYPE html>
<html lang="ja"><head>
<meta charset="UTF-8">
<title>テスト</title>
<script src="jquery-1.12.3.min.js"></script>
<style>
td {vertical-align: top;}
/* */
/* 既存レコードのチェックボックス 選択時の背景指定 */
/* */
.checkboxExists {
display:none;
}
/* チェックボックス 未選択時の背景指定 */
.checkboxExists + label {
padding:3px 0px 3px 16px;
background:url(images_black.png) no-repeat left center;
background-size:15px 15px;
cursor:pointer;
}
/* チェックボックス 選択時の背景指定 */
.checkboxExists:checked + label {
background:url(images_black_checked.png) no-repeat left center;
background-size:15px 15px;
cursor:pointer;
}
/* */
/* 新規レコードのチェックボックス 選択時の背景指定 */
/* */
.checkboxNotExists {
display:none;
}
/* チェックボックス 未選択時の背景指定 */
.checkboxNotExists + label {
padding:3px 0px 3px 19px;
background:url(images_white.png) no-repeat left center;
background-size:16px 16px;
cursor:pointer;
}
/* チェックボックス 選択時の背景指定 */
.checkboxNotExists:checked + label {
background:url(images_white_checked_xx.png) no-repeat left center;
background-size:16px 16px;
cursor:pointer;
}
</style>
<script type="text/javascript">
$(function() {
// 一覧がターゲット
var targetDOM = document.getElementById('recTable');
// インプット項目changeで旧値を赤文字表示する
//テキストフィールド
$("input").change(function() {
//if ($(this).attr("id") !="inputItem1") {
// 既存レコードがある場合。（一覧中の直近trにcalass=recExistsがある場合）
if ($(this).closest("tr.recExists", targetDOM).get(0) != null) {
// 入力内容が既存レコードと違う場合
if ($(this).val() != $(this).next("div").text()) {
// 既存内容から変更された
$(this).css('color', 'red');
$(this).next("div").css('display', 'block');
} else {
// 既存内容と同じ
$(this).css('color', 'black');
$(this).next("div").css('display', 'none');
}
}
//}
});
// １つのセレクトボックスでも２つの”.change”処理を通るか確認する。−＞結果：2つ通る
//セレクトボックス
$("#selectItem1").change(function() {
// alert("selectItem1のチャンジイベント");
});
// セレクトボックスchangeで旧値を赤文字表示する
//セレクトボックス
$("select").change(function() {
//if ($(this).attr("id") !="selectItem1") {
// 既存レコードがある場合。（一覧中の直近trにcalass=recExistsがある場合）
if ($(this).closest("tr.recExists", targetDOM).get(0) != null) {
// 選択内容が既存レコードと違う場合
if ($("option:selected", this).text() != $(this).next("div").text()) {
// 既存内容から変更された
$(this).css('color', 'red');
$(this).next("div").css('display', 'block');
} else {
// 既存内容と同じ
$(this).css('color', 'black');
$(this).next("div").css('display', 'none');
}
}
//}
});
});
</script>
</head>
<body>
<form>
<!-- ここのINPUTとSELECTはCHANGEイベントが起きても何もしない start -->
<input type="checkbox" id="checkxxx" name="checkxxx" value="1">
<input type="text" id="inputItem1" name="inputItem1" value="ZZZ" /><div style="display:none;">ZZZ</div>
<select name="selectItem1" id="selectItem1">
<option value="1">対象外セレクト1</option>
<option value="2" selected>対象外セレクト2</option>
<option value="3">対象外セレクト3</option>
</select>
<div style="display:none;">対象外セレクト2</div><td>
<!-- ここのINPUTとSELECTはCHANGEイベントが起きても何もしない end -->
<table id="recTable" cellpadding="0" cellspacing="0" border="0">
<!-- ここのINPUTとSELECTはCHANGEイベントで旧値を赤く出す start -->
<!-- 既存レコードはtr class="recExists"、新規レコードはtr class="recNotExists" -->
<tr class="recExists" bgcolor="#1e90ff">
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<!-- 既存レコードの配列IDXをexitsRecArray・・・に設定する。新規レコード時は空白を設定する-->
<input type="hidden" id="exitsRecArray1" name="exitsRecArray1" value="1" />
<td rowspan="2" style="vertical-align: middle; width:22px; text-align: center;">
<!-- 既存レコードは class="checkbox" -->
<input type="checkbox" id="check1" name="check1" value="1" class="checkboxExists"><label for="check1"></label>
</td>
<td>
<input type="text" id="inputItem[1]" name="inputItem[1]" value="aaa" /><div style="display:none;">aaa</div>
</td>
<td rowspan="2" style="vertical-align: middle;">
ああああ
</td>
<td>
<select name="selectItem[1]" id="selectItem[1]">
<option value="1" selected>セレクト1</option>
<option value="2">セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div style="display:none;">セレクト1</div>
</td>
<td><input type="text" id="inputItem[2]" name="inputItem[2]" value="bbb" /><div style="display:none;">bbb</div></td>
<td>
<select name="selectItem[2]" id="selectItem[2]">
<option value="1">セレクト1</option>
<option value="2" selected>セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div style="display:none;">セレクト2</div>
</td>
</tr>
<tr>
<td>
<input type="text" id="inputItem[3]" name="inputItem[3]" value="aaa" /><div style="display:none;">aaa</div>
</td>
<td>
<select name="selectItem[4]" id="selectItem[4]">
<option value="1" selected>セレクト1</option>
<option value="2">セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div style="display:none;">セレクト1</div>
</td>
<td><input type="text" id="inputItem[5]" name="inputItem[5]" value="bbb" /><div style="display:none;">bbb</div></td>
<td>
<select name="selectItem[6]" id="selectItem[6]">
<option value="1">セレクト1</option>
<option value="2" selected>セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div style="display:none;">セレクト2</div>
</td>
</tr>
</table>
</td>
</tr>
<tr class="recNotExists" bgcolor=#e0ffff">
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<!-- 既存レコードの配列IDXをexitsRecArray・・・に設定する。新規レコード時は空白を設定する-->
<input type="hidden" id="exitsRecArray2" name="exitsRecArray2" value="1" />
<td rowspan="2" style="vertical-align: middle; width:22px; text-align: center;">
<!-- 既存レコードは class="checkbox" -->
<input type="checkbox" id="check2" name="check2" value="1" class="checkboxNotExists" checked><label for="check2"></label>
</td>
<td>
<input type="text" id="inputItem[7]" name="inputItem[7]" value="aaa" />
</td>
<td rowspan="2" style="vertical-align: middle;">
ああああ
</td>
<td>
<select name="selectItem[1]" id="selectItem[8]">
<option value="1" selected>セレクト1</option>
<option value="2">セレクト2</option>
<option value="3">セレクト3</option>
</select>
</td>
<td><input type="text" id="inputItem[9]" name="inputItem[9]" value="bbb" /></td>
<td>
<select name="selectItem[10]" id="selectItem[10]">
<option value="1">セレクト1</option>
<option value="2" selected>セレクト2</option>
<option value="3">セレクト3</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="text" id="inputItem[11]" name="inputItem[11]" value="aaa" />
</td>
<td>
<select name="selectItem[12]" id="selectItem[12]">
<option value="1" selected>セレクト1</option>
<option value="2">セレクト2</option>
<option value="3">セレクト3</option>
</select>
</td>
<td><input type="text" id="inputItem[13]" name="inputItem[13]" value="bbb" /></td>
<td>
<select name="selectItem[14]" id="selectItem[14]">
<option value="1">セレクト1</option>
<option value="2" selected>セレクト2</option>
<option value="3">セレクト3</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
<tr class="recExists" bgcolor="#1e90ff">
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<!-- 既存レコードの配列IDXをexitsRecArray・・・に設定する。新規レコード時は空白を設定する-->
<input type="hidden" id="exitsRecArray3" name="exitsRecArray3" value="1" />
<td rowspan="2" style="vertical-align: middle; width:22px; text-align: center;">
<!-- 既存レコードは class="checkbox" -->
<input type="checkbox" id="check3" name="check3" value="1" class="checkboxExists" checked><label for="check3"></label>
</td>
<td>
<input type="text" id="inputItem[15]" name="inputItem[15]" value="aaa" /><div style="display:none;">aaa</div>
</td>
<td rowspan="2" style="vertical-align: middle;">
ああああ
</td>
<td>
<select name="selectItem[16]" id="selectItem[16]">
<option value="1" selected>セレクト1</option>
<option value="2">セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div style="display:none;">セレクト1</div>
</td>
<td><input type="text" id="inputItem[17]" name="inputItem[17]" value="bbb" /><div style="display:none;">bbb</div></td>
<td>
<select name="selectItem[18]" id="selectItem[18]">
<option value="1">セレクト1</option>
<option value="2" selected>セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div style="display:none;">セレクト2</div>
</td>
</tr>
<tr>
<td>
<input type="text" id="inputItem[19]" name="inputItem[19]" value="aaa" /><div style="display:none;">aaa</div>
</td>
<td>
<select name="selectItem[20]" id="selectItem[20]">
<option value="1" selected>セレクト1</option>
<option value="2">セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div style="display:none;">セレクト1</div>
</td>
<td><input type="text" id="inputItem[21]" name="inputItem[21]" value="bbb" /><div style="display:none;">bbb</div></td>
<td>
<select name="selectItem[22]" id="selectItem[2]">
<option value="1">セレクト1</option>
<option value="2" selected>セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div style="display:none;">セレクト2</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- ここのINPUTとSELECTはCHANGEイベントで旧値を赤く出す end -->
</table>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="ja"><head>
<meta charset="UTF-8">
<title>テスト</title>
<script src="jquery-2.1.4.min.js"></script>
<style>
.changeCss {color: red; display:block;}
.nrmlCss {display:none;}
td {vertical-align: top;}
.checkbox {background-color:#b6ff00;}
</style>
<script type="text/javascript">
$(function() {
//テキストフィールド
// $("input#text").keyup(function() {
// $("div#value-text span").text($(this).val());
// });
// //テキストフィールド
// $("input#text").change(function() {
// $("div#value-text span").text($(this).val());
// var dom = '<span></BR><font color=#ff0000>' + $(this).val() + '</font></span>';
// //var $target = $(this).parent();
// //$target.append(dom);
// $(this).next("span").remove();
// var $target = $(this);
// $target.after(dom);
// });
// //セレクトボックス
// $("select#select").change(function() {
// $("div#value-select span").text($(this).val());
// var dom = '<span></BR><font color=#ff0000>' + $(this).val() + '</font></span>';
// //var $target = $(this).parent();
// //$target.append(dom);
// $(this).next("span").remove();
// var $target = $(this);
// $target.after(dom);
// });
// //テキストフィールド
// $("input#text").change(function() {
// $("div#value-text span").text($(this).val());
// var dom = '<div class="changeCss">' + $(this).val() + '</div>';
// //var $target = $(this).parent();
// //$target.append(dom);
// $(this).next("span").remove();
// var $target = $(this);
// $target.after(dom);
// });
// //セレクトボックス
// $("select#select").change(function() {
// $("div#value-select span").text($(this).val());
// var dom = '<div class="changeCss">' + $(this).val() + '</div>';
// //var $target = $(this).parent();
// //$target.append(dom);
// $(this).next("span").remove();
// var $target = $(this);
// $target.after(dom);
// });
// 一覧がターゲット
var targetDOM = document.getElementById('recTable');
// インプット項目changeで旧値を赤文字表示する
//テキストフィールド
$("input").change(function() {
//if ($(this).attr("id") !="inputItem1") {
// 既存レコードがある場合。（一覧中の直近trにcalass=recExistsがある場合）
if ($(this).closest("tr.recExists", targetDOM).get(0) != null) {
// 入力内容が既存レコードと違う場合
if ($(this).val() != $(this).next("div").text()) {
// 既存内容から変更された
$(this).next("div").removeClass('nrmlCss');
$(this).next("div").addClass('changeCss');
} else {
// 既存内容と同じ
$(this).next("div").removeClass('changeCss');
$(this).next("div").addClass('nrmlCss');
}
}
//}
});
// １つのセレクトボックスでも２つの”.change”処理を通るか確認する。−＞結果：2つ通る
//セレクトボックス
$("#selectItem1").change(function() {
// alert("selectItem1のチャンジイベント");
});
// セレクトボックスchangeで旧値を赤文字表示する
//セレクトボックス
$("select").change(function() {
//if ($(this).attr("id") !="selectItem1") {
// 既存レコードがある場合。（一覧中の直近trにcalass=recExistsがある場合）
if ($(this).closest("tr.recExists", targetDOM).get(0) != null) {
// 選択内容が既存レコードと違う場合
if ($("option:selected", this).text() != $(this).next("div").text()) {
// 既存内容から変更された
$(this).next("div").removeClass('nrmlCss');
$(this).next("div").addClass('changeCss');
} else {
// 既存内容と同じ
$(this).next("div").removeClass('changeCss');
$(this).next("div").addClass('nrmlCss');
}
}
//}
});
});
</script>
</head>
<body>
<form>
<!-- ここのINPUTとSELECTはCHANGEイベントが起きても何もしない start -->
<input type="text" id="inputItem1" name="inputItem1" value="ZZZ" /><div class="nrmlCss">ZZZ</div>
<select name="selectItem1" id="selectItem1">
<option value="1">対象外セレクト1</option>
<option value="2" selected>対象外セレクト2</option>
<option value="3">対象外セレクト3</option>
</select>
<div class="nrmlCss">対象外セレクト2</div><td>
<!-- ここのINPUTとSELECTはCHANGEイベントが起きても何もしない end -->
<table id="recTable">
<!-- ここのINPUTとSELECTはCHANGEイベントで旧値を赤く出す start -->
<!-- 既存レコードはtr class="recExists"、新規レコードはtr class="recNotExists" -->
<tr class="recExists">
<!-- 既存レコードの配列IDXをexitsRecArray・・・に設定する。新規レコード時は空白を設定する-->
<input type="hidden" id="exitsRecArray1" name="exitsRecArray1" value="1" />
<td>
<!-- 既存レコードは class="checkbox" -->
<input type="checkbox" id="check1" name="check1" value="1" class="checkbox" checked>
</td>
<td><input type="text" id="inputItem[1]" name="inputItem[1]" value="aaa" /><div class="nrmlCss">aaa</div></td>
<td>
<select name="selectItem[1]" id="selectItem[1]">
<option value="1" selected>セレクト1</option>
<option value="2">セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div class="nrmlCss">セレクト1</div><td>
<td><input type="text" id="inputItem[2]" name="inputItem[2]" value="bbb" /><div class="nrmlCss">bbb</div></td>
<td>
<select name="selectItem[2]" id="selectItem[2]">
<option value="1">セレクト1</option>
<option value="2" selected>セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div class="nrmlCss">セレクト2</div><td>
<td>
</tr>
<!-- 既存レコードはtr class="recExists"、新規レコードはtr class="recNotExists" -->
<tr class="recNotExists">
<!-- 既存レコードの配列IDXをexitsRecArray・・・に設定する。新規レコード時は空白を設定する-->
<input type="hidden" id="exitsRecArray2" name="exitsRecArray2" value="" />
<td>
<!-- 既存レコードは class="checkbox" -->
<input type="checkbox" id="check2" name="check2" value="0">
</td>
<td><input type="text" id="inputItem[3]" name="inputItem[3]" value="aaa" />
<!-- <div class="nrmlCss">aaa</div> -->
</td>
<td>
<select name="selectItem[3]" id="selectItem[3]">
<option value="1" selected>セレクト1</option>
<option value="2">セレクト2</option>
<option value="3">セレクト3</option>
</select>
<!-- <div class="nrmlCss">セレクト1</div> -->
<td>
<td><input type="text" id="inputItem[4]" name="inputItem[4]" value="bbb" />
<!-- <div class="nrmlCss">bbb</div> -->
</td>
<td>
<select name="selectItem[4]" id="selectItem[4]">
<option value="1">セレクト1</option>
<option value="2" selected>セレクト2</option>
<option value="3">セレクト3</option>
</select>
<!-- <div class="nrmlCss">セレクト2</div> -->
<td>
<td>
</tr>
<!-- 既存レコードはtr class="recExists"、新規レコードはtr class="recNotExists" -->
<tr class="recExists">
<!-- 既存レコードの配列IDXをexitsRecArray・・・に設定する。新規レコード時は空白を設定する-->
<input type="hidden" id="exitsRecArray3" name="exitsRecArray3" value="2" />
<td>
<!-- 既存レコードは class="checkbox" -->
<input type="checkbox" id="check3" name="check3" value="1" class="checkbox" checked>
</td>
<td><input type="text" id="inputItem[5]" name="inputItem[5]" value="aaa" /><div class="nrmlCss">aaa</div></td>
<td>
<select name="selectItem[6]" id="selectItem[6]">
<option value="1" selected>セレクト1</option>
<option value="2">セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div class="nrmlCss">セレクト1</div><td>
<td><input type="text" id="inputItem[7]" name="inputItem[7]" value="bbb" /><div class="nrmlCss">bbb</div></td>
<td>
<select name="selectItem[8]" id="selectItem[8]">
<option value="1">セレクト1</option>
<option value="2" selected>セレクト2</option>
<option value="3">セレクト3</option>
</select>
<div class="nrmlCss">セレクト2</div><td>
<td>
</tr>
<tr>
<!-- ここのINPUTとSELECTはCHANGEイベントで旧値を赤く出す end -->
</table>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="ja"><head>
<meta charset="UTF-8">
<title>テスト</title>
<script type="text/javascript">
<!--
// HTML読み込み完了後にINPUTをすべてDISABLEにする処理（IE9以降で動く）1/2 start ←これを追加する！
// addEventListener()がサポートされているかのフラグ
var dOMContentLoadedFlg = false;
// はじめからdisabledだったエレメントの配列
var disabledElems = [];
// HTML読み込み完了後にINPUTをすべてDISABLEにする処理（IE9以降で動く）1/2 end ←これを追加する！
window.onload = function(){
// 5秒待ってからセレクトボックスに追加 start
var huga = 0;
//console.log("待ち時間始まり");
var hoge = setInterval(function() {
// セレクトボックスに追加する start
var select = document.getElementById('selectItem1');
var selectBox = {
'Japan' : '日本',
'America' : 'アメリカ',
'UK' : 'イギリス',
'Taiwan' : '台湾',
'Thailand' : 'タイ',
'Indonesia' : 'インドネシア',
'Vietnam' : 'ベトナム',
};
for ( var i in selectBox ) {
var option = document.createElement('option');
option.setAttribute('value', i);
option.innerHTML = selectBox[i];
select.appendChild(option);
}
// HTML読み込み完了後はすべてのフォーム要素を有効にする（IE9以降で動く） start ←window.onloadにこれを追加する！
if (dOMContentLoadedFlg == true) {
for(i=0;i<document.form.elements.length;i++){
// はじめdisabledだったエレメント用フラグにfalse設定
var flg = false;
for (var j = 0, len = disabledElems.length; j < len; j++) {
// はじめdisabled=trueだったエレメントの場合
if (disabledElems[j] == document.form.elements[i]) {
// はじめdisabled=trueだったエレメント用フラグにtrue設定
flg = true;
}
}
// はじめdisabled=trueじゃなかったエレメントの場合
if (!flg) {
document.form.elements[i].disabled = false;
}
}
}
// HTML読み込み完了後はすべてのフォーム要素を有効にする（IE9以降で動く） end
//console.log("待ち時間終わり");
clearInterval(hoge);
// セレクトボックスに追加する end
}, 5000);
// 5秒待ってからセレクトボックスに追加 end
}
// HTML読み込み完了後にINPUTをすべてDISABLEにする処理（IE9以降で動く）2/2 start ←これを追加する！
function Init()
{
alert('onload前に処理されます。\r\n入力可フォーム要素を無効にして、\r\nwindow.onloadでoptionを追加して、5秒後に有効に戻します。');
// HTML読み込み完了後はすべてのフォーム要素を無効にする
for(i=0;i<document.form.elements.length;i++){
// はじめはdisabled=trueだったエレメントの場合
if (document.form.elements[i].disabled == true) {
// エレメントを保存しておく
disabledElems.push(document.form.elements[i]);
} else {
document.form.elements[i].disabled = true;
}
}
}
// 今回IE11のwindow.onloadのためなのでaddEventListener()がサポートされない環境はInit()しなくてもOK
if( document.addEventListener )
{
dOMContentLoadedFlg = true;
document.addEventListener( 'DOMContentLoaded', Init, false );
}
else
{
dOMContentLoadedFlg = false;
}
// HTML読み込み完了後にINPUTをすべてDISABLEにする処理（IE9以降で動く）2/2 end ←これを追加する！
// -->
</script>
</head>
<body>
<form name="form">
===テスト===</BR>
入力可 INPUT項目<input type="text" id="inputItem1" name="inputItem1" value="ZZZ" /></BR>
入力可 SELECT項目
<select name="selectItem1" id="selectItem1">
<option value="1">対象外セレクト1</option>
<option value="2" selected>対象外セレクト2</option>
<option value="3">対象外セレクト3</option>
</select></BR></BR>
はじから入力不可 INPUT項目<input type="text" id="inputItem2" name="inputItem2" value="ZZZ" disabled=true /></BR>
はじから入力不可 SELECT項目
<select name="selectItem2" id="selectItem2" disabled=true>
<option value="1">対象外セレクト1</option>
<option value="2" selected>対象外セレクト2</option>
<option value="3">対象外セレクト3</option>
</select>
</form>
</body>
</html>
