<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<TITLE></TITLE>
<style>
.clsdiv{height:20px;padding:0px;border:1px solid #7F9DB9;border-right:0px;border-bottom:1px solid #7F9DB9;font-size:9pt;}
</style>
<body>
<form name='form1' οnclick="">
<script language="javascript">
//Make Table
function createTable()
{
var akey=event.keyCode;
if (akey==13)
{
return;
}
if (document.all.mydiv)
{
if (akey)
{
document.all.mydiv.parentNode.removeChild(mydiv);
}
else
{
return;
}
}
str=new makeArray("hello", "hel", "isi","isic","world","old");//Array
var vDiv = document.createElement("DIV");//Make Div
vDiv.id="mydiv"
vDiv.style.borderColor="#564500";
vDiv.style.border="2";
vDiv.style.width="170";
vDiv.style.visibility='hidden';
document.body.appendChild(vDiv);//insert Div
var vTable=document.createElement("table");//Make Table
//Tdのプロパティ
vTable.id='mytb';
vTable.cellPadding="0";
vTable.cellSpacing="0";
vTable.width="100%";
vTable.color="#12ffff";
vTable.borderColorDark="#564500";
vTable.borderColorLight="#FFFFFF";
for(j=0;j<str.length;j++)
{
var vTr=vTable.insertRow(j);
//Trのプロパティ
vTr.id="myTr";
vTr.οnmοuseοver=function(){this.style.backgroundColor='#316AC5';}
vTr.οnmοuseοut=function(){this.style.backgroundColor='';}
vTr.οnclick=function(){document.all.sv.innerText=this.innerText;}
vTd=vTr.insertCell(0);//insert Td
if (document.all.sv.value!="")
{
var strsv=document.all.sv.value;
try
{
str[j].search(strsv);
}
catch(err)
{
return;
alert(err);
}
if(str[j].search(strsv)!=-1)
{
vTd.innerHTML="<p>"+str[j]+"</p>";
}
}
else
{
vTd.innerHTML="<p>"+str[j]+"</p>";
}
}
vDiv.appendChild(vTable);
}
function mouseDown()
{
if(event.button==2)
{
if(event.srcElement.tagName=="INPUT")
{
window.confirm(event.srcElement.value);
}
}
}
//DIV visibility
function al()
{
var akey=event.keyCode;
if (akey==13)
{
return;
}
if (document.all.mydiv.style.visibility=='visible')
{
document.all.mydiv.style.visibility='hidden';
}
else
{
document.all.mydiv.style.visibility='visible'
var str=document.getElementById('sv').value;
}
}
//click other
function clickE()
{
if(window.event.srcElement.id !='dd')
{
if (document.all.mydiv)
{
document.all.mydiv.style.visibility='hidden';
document.all.mydiv.parentNode.removeChild(mydiv);
}
}
}
document.onclick = clickE
//Make Array
function makeArray()
{
for (var i=0; i < arguments.length; i++)
this[i] = arguments[i];
this.length = arguments.length;
}
</script>
<input id=sv name='sv' type=text width=300 οnkeyup="createTable();al();">
<input id=dd type=button value="V" οnclick="createTable();al();">
</form>
</BODY>
</HTML>