partdb/public/index.html

45 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>electronic parts database explorer</title>
<script type='application/javascript' src='partdb.js'></script>
<link rel='stylesheet' href='index.css'>
</head>
<body>
<div class="container">
<table>
<thead>
<tr><th>search</th><th>part details</th></tr>
</thead>
<tbody>
<tr>
<td class="left">
<div class="resize">
<input class="fill" type="text" id="terms" name="terms" placeholder="search terms (space seperated, anded)" oninput="search()"><br>
<select id="results" size="20" onchange="select()"></select>
</div>
</td>
<td class="right">
<div class="resize">
<div class="name">name:</div><div class="justify"><input class="full" type="text" id="part_name"></div>
<div class="name">description:</div><div class="justify"><input class="full" type="text" id="part_description"></div>
<div>details:</div>
<div class="justify"><textarea class="full" id="part_details" rows="4"></textarea></div>
<div>package: <input type="text" id="part_package" size="4">-<input type="text" id="part_pincount" size="2"></div>
<div class="name">manufacturer:</div><div class="justify"><input class="full" type="text" id="part_manufacturer"></div>
<div class="name">family:</div><div class="justify"><input class="full" type="text" id="part_family"></div>
<div class="name"><a id="url_datasheet">datasheet</a>:</div><div class="justify"><input class="full" type="text" id="part_datasheet"></div>
<div class="name"><a id="url_page">page</a>:</div><div class="justify"><input class="full" type="text" id="part_page"></div>
<table>
<thead><tr><th>distributor</th><th>sku</th><th>page</th></tr></thead>
<tbody id="distributors"></tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>