[新着] Webテンプレートを仮オープンしました
<script type="text/javascript">
// まずは画像ファイル名リスト作成
var image_list = new Array(
"071017_umi_kaisuiyoku01.jpg",
"071018_uml_summer02.jpg"
);
var img_id = 'result';
function search(search_text){
if(! search_text ){
alert('検索値を入力して下さい');
return;
}
var len = image_list.length;
for( var i=0, i<len; i++){
if( image_list[i].indexOf( search_text,0 ) >=0 ){
document.getElementById(img_id).src = image_list[i];
break;
}
}
}
</script>
html抜粋
<form>
<input type="text" id="search_word">
<input type="button" value="search start" onclick="search(document.getElementById('search_word').value">
<img id="result" src="" alt="search result">
</form>実行チェックはしてないので、つっこみどころ満載でしょうが、適宜応用して下さい。