«前の日記(2011-05-05) 最新 次の日記(2011-05-07)» 編集

ɥozɐʞıɥ


2011-05-06 IE限定でキー入力もできるComboBox [長年日記]

_ [JavaScript] IE限定のキー入力もできるコンボボックス

ListBoxだとキーによる任意文字列を入力することができないってことでWindowsFormのComboBoxに近い部品を作ってみました。Popup使っているのでIE限定です。

<html>

<body>

<title>

title

</title>

</body>

<body>

<h2>コンボボックスのテスト</h2>

<form>

<input type="text" name="name01" id="id01" value="" style="position:absolute;top:50px;left:50px;width:150px;height:20px;"/>

<input type="button" name="name02" id="id02" value="▼" style="position:absolute;top:50px;left:200px;height:20px;"/>

</form>

<script language="javascript" type="text/javascript">

<!--

popObject = window.createPopup();

popObjectBody = popObject.document.body;

popObjectBody.style.border = "solid black 0px";

popObjectBody.innerHTML="<select name='name03' id='id03' size='3'><option value=''>選択してください</option><option value='メロン'>メロン</option><option value='バナナ'>バナナ</option></select>";

popObject.document.getElementById('id03').onclick =function(){document.getElementById('id01').value = popObject.document.getElementById('id03').value;popObject.hide();};

document.getElementById('id02').onclick = function (){

o = document.getElementById('id01');

popObject.show(o.offsetTop,o.offsetLeft + o.clientHeight + 10,o.clientWidth,o.clientHeight * 4,document.body);

}

-->

</script>

</body>

</html>

onchange→onclickへ変更。



2002|09|10|11|12|
2003|01|02|03|04|05|06|07|08|09|10|11|12|
2004|01|02|03|04|05|06|07|08|09|10|11|12|
2005|01|02|03|04|05|06|07|08|09|10|11|12|
2006|01|02|03|04|05|06|07|08|09|10|11|12|
2007|01|02|03|04|05|06|07|08|09|10|11|12|
2008|01|02|03|04|05|06|07|08|09|10|11|12|
2009|01|02|03|04|05|06|07|08|09|10|11|12|
2010|01|02|03|04|05|06|07|08|09|10|11|12|
2011|01|02|03|04|05|06|07|08|09|10|11|12|
2012|01|02|03|04|05|06|07|08|09|10|11|12|
2013|01|02|03|04|05|06|07|08|09|10|11|12|
2014|01|02|03|04|05|06|07|08|09|10|11|12|
2015|01|02|03|04|05|06|07|08|09|10|11|12|
2016|01|02|03|04|05|06|07|08|09|10|11|12|
2017|01|02|03|04|05|06|07|08|09|10|11|12|
2018|01|02|03|04|05|06|07|08|09|10|
«前の日記(2011-05-05) 最新 次の日記(2011-05-07)» 編集