Fancy table search

Developer
Amy Kapernick
Size
5,924 Kb
Views
40,480
  1. Fancy table search Previews
  2. Fancy table search HTML Codes
  3. Fancy table search CSS Codes
  4. Fancy table search JS Codes

How do I make an fancy table search?

What is a fancy table search? How do you make a fancy table search? This script and codes were developed by Amy Kapernick on 24 August 2022, Wednesday.

Fancy table search Previews
IQ Test

Fancy table search - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Fancy table search</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container">
<h1>AV Venues</h1>
<break></break><hr/>
<p>There are two types of HowTo Guides available for the AV Spaces - HowTo Documentation in the form of PDF documents ready for online viewing or printing; and short Getting Started YouTube videos which visually demonstrate basic functionality of the technology in the venue.</p>
<input type="text" id="input" placeholder="Type Venue Name or Number here..." />
<ul>	<li class='list'>	<p class='name'>001A.101</p>	</li>	<li class='list'>	<p class='name'>001A.105</p>	</li>	<li class='list'>	<p class='name'>001A.107</p>	</li>	<li class='list'>	<p class='name'>001B.102</p>	</li>	<li class='list'>	<p class='name'>001B.103</p>	</li>	<li class='list'>	<p class='name'>001B.105</p>	</li>	<li class='list'>	<p class='name'>001B.107</p>	</li>	<li class='list'>	<p class='name'>100.110 - R&D Boardroom</p>	</li>	<li class='list'>	<p class='name'>100.225 - EBC Boardroom</p>	</li>	<li class='list'>	<p class='name'>100.301 - Council Chamber</p>	</li>	<li class='list'>	<p class='name'>100.321 - Meeting Room 2</p>	</li>	<li class='list'>	<p class='name'>100.322 - Meeting Room 1</p>	</li>	<li class='list'>	<p class='name'>100.406</p>	</li>	<li class='list'>	<p class='name'>100.407</p>	</li>	<li class='list'>	<p class='name'>100.409</p>	</li>	<li class='list'>	<p class='name'>100.416</p>	</li>	<li class='list'>	<p class='name'>103.107</p>	</li>	<li class='list'>	<p class='name'>103.108</p>	</li>	<li class='list'>	<p class='name'>104.045</p>	</li>	<li class='list'>	<p class='name'>104.101</p>	</li>	<li class='list'>	<p class='name'>104.102</p>	</li>	<li class='list'>	<p class='name'>104.103</p>	</li>	<li class='list'>	<p class='name'>105.102</p>	</li>	<li class='list'>	<p class='name'>105.103</p>	</li>	<li class='list'>	<p class='name'>105.104</p>	</li>	<li class='list'>	<p class='name'>105.105</p>	</li>	<li class='list'>	<p class='name'>105.107</p>	</li>	<li class='list'>	<p class='name'>105.130</p>	</li>	<li class='list'>	<p class='name'>105.132</p>	</li>	<li class='list'>	<p class='name'>105.217</p>	</li>	<li class='list'>	<p class='name'>105.218</p>	</li>	<li class='list'>	<p class='name'>105.219</p>	</li>	<li class='list'>	<p class='name'>105.230</p>	</li>	<li class='list'>	<p class='name'>105.259</p>	</li>	<li class='list'>	<p class='name'>105.321</p>	</li>	<li class='list'>	<p class='name'>105.412</p>	</li>	<li class='list'>	<p class='name'>105.414</p>	</li>	<li class='list'>	<p class='name'>105.415</p>	</li>	<li class='list'>	<p class='name'>105.416</p>	</li>	<li class='list'>	<p class='name'>105.419</p>	</li>	<li class='list'>	<p class='name'>105.420</p>	</li>	<li class='list'>	<p class='name'>105.423</p>	</li>	<li class='list'>	<p class='name'>105.424</p>	</li>	<li class='list'>	<p class='name'>105.429</p>	</li>	<li class='list'>	<p class='name'>105.430</p>	</li>	<li class='list'>	<p class='name'>105.433</p>	</li>	<li class='list'>	<p class='name'>105.5103</p>	</li>	<li class='list'>	<p class='name'>105.597</p>	</li>	<li class='list'>	<p class='name'>105.598</p>	</li>	<li class='list'>	<p class='name'>105.6105</p>	</li>	<li class='list'>	<p class='name'>108.102 - Freda Jacob Lecture Theatre</p>	</li>	<li class='list'>	<p class='name'>108.111</p>	</li>	<li class='list'>	<p class='name'>108.112</p>	</li>	<li class='list'>	<p class='name'>108.113</p>	</li>	<li class='list'>	<p class='name'>108.114</p>	</li>	<li class='list'>	<p class='name'>108.116</p>	</li>	<li class='list'>	<p class='name'>108.117</p>	</li>	<li class='list'>	<p class='name'>108.118</p>	</li>	<li class='list'>	<p class='name'>108.119</p>	</li>	<li class='list'>	<p class='name'>108.120</p>	</li>	<li class='list'>	<p class='name'>108.200</p>	</li>	<li class='list'>	<p class='name'>108.202</p>	</li>	<li class='list'>	<p class='name'>108.203</p>	</li>	<li class='list'>	<p class='name'>108.204</p>	</li>	<li class='list'>	<p class='name'>108.205</p>	</li>	<li class='list'>	<p class='name'>108.206</p>	</li>	<li class='list'>	<p class='name'>108.208</p>	</li>	<li class='list'>	<p class='name'>108.210</p>	</li>	<li class='list'>	<p class='name'>108.213</p>	</li>	<li class='list'>	<p class='name'>108.214</p>	</li>	<li class='list'>	<p class='name'>108.215</p>	</li>	<li class='list'>	<p class='name'>108.216</p>	</li>	<li class='list'>	<p class='name'>108.218</p>	</li>	<li class='list'>	<p class='name'>108.219</p>	</li>	<li class='list'>	<p class='name'>108.220</p>	</li>	<li class='list'>	<p class='name'>108.221</p>	</li>	<li class='list'>	<p class='name'>108.222</p>	</li>	<li class='list'>	<p class='name'>108.223</p>	</li>	<li class='list'>	<p class='name'>109.101</p>	</li>	<li class='list'>	<p class='name'>109.201</p>	</li>	<li class='list'>	<p class='name'>109.228</p>	</li>	<li class='list'>	<p class='name'>109.307</p>	</li>	<li class='list'>	<p class='name'>109.308</p>	</li>	<li class='list'>	<p class='name'>109.309</p>	</li>	<li class='list'>	<p class='name'>109.311</p>	</li>	<li class='list'>	<p class='name'>109.312</p>	</li>	<li class='list'>	<p class='name'>129C.101</p>	</li>	<li class='list'>	<p class='name'>200A.102</p>	</li>	<li class='list'>	<p class='name'>200A.220 - BankWest Lecture Theatre</p>	</li>	<li class='list'>	<p class='name'>200B.159</p>	</li>	<li class='list'>	<p class='name'>201.102</p>	</li>	<li class='list'>	<p class='name'>201.215</p>	</li>	<li class='list'>	<p class='name'>201.218</p>	</li>	<li class='list'>	<p class='name'>201.219</p>	</li>	<li class='list'>	<p class='name'>201.228</p>	</li>	<li class='list'>	<p class='name'>201.309</p>	</li>	<li class='list'>	<p class='name'>201.322</p>	</li>	<li class='list'>	<p class='name'>201.330</p>	</li>	<li class='list'>	<p class='name'>201.407</p>	</li>	<li class='list'>	<p class='name'>201.412 - Robertson Lecture Theatre 1</p>	</li>	<li class='list'>	<p class='name'>201.413 - Robertson Lecture Theatre 2</p>	</li>	<li class='list'>	<p class='name'>201.418</p>	</li>	<li class='list'>	<p class='name'>201.419</p>	</li>	<li class='list'>	<p class='name'>201.420</p>	</li>	<li class='list'>	<p class='name'>201.421</p>	</li>	<li class='list'>	<p class='name'>201.422</p>	</li>	<li class='list'>	<p class='name'>201.472</p>	</li>	<li class='list'>	<p class='name'>201.507</p>	</li>	<li class='list'>	<p class='name'>201.517</p>	</li>	<li class='list'>	<p class='name'>201.643</p>	</li>	<li class='list'>	<p class='name'>201.649</p>	</li>	<li class='list'>	<p class='name'>201.213B</p>	</li>	<li class='list'>	<p class='name'>201.306B</p>	</li>	<li class='list'>	<p class='name'>201.306C</p>	</li>	<li class='list'>	<p class='name'>201.309B</p>	</li>	<li class='list'>	<p class='name'>201.504A</p>	</li>	<li class='list'>	<p class='name'>201.504B</p>	</li>	<li class='list'>	<p class='name'>201.504C</p>	</li>	<li class='list'>	<p class='name'>201.514A</p>	</li>	<li class='list'>	<p class='name'>201.514B</p>	</li>	<li class='list'>	<p class='name'>201.517D</p>	</li>	<li class='list'>	<p class='name'>201.644A</p>	</li>	<li class='list'>	<p class='name'>202.116</p>	</li>	<li class='list'>	<p class='name'>202.117</p>	</li>	<li class='list'>	<p class='name'>202.119</p>	</li>	<li class='list'>	<p class='name'>202.122</p>	</li>	<li class='list'>	<p class='name'>202.125</p>	</li>	<li class='list'>	<p class='name'>202.127</p>	</li>	<li class='list'>	<p class='name'>202.177</p>	</li>	<li class='list'>	<p class='name'>202.190</p>	</li>	<li class='list'>	<p class='name'>203.101</p>	</li>	<li class='list'>	<p class='name'>204.117</p>	</li>	<li class='list'>	<p class='name'>204.118</p>	</li>	<li class='list'>	<p class='name'>204.119</p>	</li>	<li class='list'>	<p class='name'>204.120</p>	</li>	<li class='list'>	<p class='name'>204.122</p>	</li>	<li class='list'>	<p class='name'>204.125 - Shilbury Lecture Theatre 1</p>	</li>	<li class='list'>	<p class='name'>204.126 - Shilbury Lecture Theatre 2</p>	</li>	<li class='list'>	<p class='name'>204.224</p>	</li>	<li class='list'>	<p class='name'>204.233 - Shilbury Lecture Theatre 3</p>	</li>	<li class='list'>	<p class='name'>204.234 - Shilbury Lecture Theatre 4</p>	</li>	<li class='list'>	<p class='name'>204.239</p>	</li>	<li class='list'>	<p class='name'>204.327</p>	</li>	<li class='list'>	<p class='name'>205.130</p>	</li>	<li class='list'>	<p class='name'>205.230</p>	</li>	<li class='list'>	<p class='name'>205.312</p>	</li>	<li class='list'>	<p class='name'>205.313</p>	</li>	<li class='list'>	<p class='name'>205.317</p>	</li>	<li class='list'>	<p class='name'>205.104C</p>	</li>	<li class='list'>	<p class='name'>205.125C - Dance Studio</p>	</li>	<li class='list'>	<p class='name'>205.228A</p>	</li>	<li class='list'>	<p class='name'>205.310A</p>	</li>	<li class='list'>	<p class='name'>205.310B</p>	</li>	<li class='list'>	<p class='name'>205.310C</p>	</li>	<li class='list'>	<p class='name'>205.311A</p>	</li>	<li class='list'>	<p class='name'>205.311C</p>	</li>	<li class='list'>	<p class='name'>207.201</p>	</li>	<li class='list'>	<p class='name'>207.222 - WASM Boardroom</p>	</li>	<li class='list'>	<p class='name'>207.310</p>	</li>	<li class='list'>	<p class='name'>207.311</p>	</li>	<li class='list'>	<p class='name'>207.320</p>	</li>	<li class='list'>	<p class='name'>208.112</p>	</li>	<li class='list'>	<p class='name'>208.130</p>	</li>	<li class='list'>	<p class='name'>208.201</p>	</li>	<li class='list'>	<p class='name'>208.204A</p>	</li>	<li class='list'>	<p class='name'>208.204B</p>	</li>	<li class='list'>	<p class='name'>208.211B</p>	</li>	<li class='list'>	<p class='name'>209.101</p>	</li>	<li class='list'>	<p class='name'>209.104</p>	</li>	<li class='list'>	<p class='name'>209.107</p>	</li>	<li class='list'>	<p class='name'>209.214</p>	</li>	<li class='list'>	<p class='name'>209.224</p>	</li>	<li class='list'>	<p class='name'>209.231</p>	</li>	<li class='list'>	<p class='name'>209.415</p>	</li>	<li class='list'>	<p class='name'>210.101 - Elizabeth Jolley Lecture Theatre</p>	</li>	<li class='list'>	<p class='name'>210.102 - Norm Dufty Lecture Theatre</p>	</li>	<li class='list'>	<p class='name'>210.104</p>	</li>	<li class='list'>	<p class='name'>211.101</p>	</li>	<li class='list'>	<p class='name'>211.139</p>	</li>	<li class='list'>	<p class='name'>211.140</p>	</li>	<li class='list'>	<p class='name'>211.221</p>	</li>	<li class='list'>	<p class='name'>211.222</p>	</li>	<li class='list'>	<p class='name'>211.223</p>	</li>	<li class='list'>	<p class='name'>211.226</p>	</li>	<li class='list'>	<p class='name'>211.227</p>	</li>	<li class='list'>	<p class='name'>211.230</p>	</li>	<li class='list'>	<p class='name'>212.122</p>	</li>	<li class='list'>	<p class='name'>212.123</p>	</li>	<li class='list'>	<p class='name'>212.124</p>	</li>	<li class='list'>	<p class='name'>213.101</p>	</li>	<li class='list'>	<p class='name'>213.104 - Tim Winton Lecture Theatre</p>	</li>	<li class='list'>	<p class='name'>215.100</p>	</li>	<li class='list'>	<p class='name'>215.300</p>	</li>	<li class='list'>	<p class='name'>215.302</p>	</li>	<li class='list'>	<p class='name'>215.301East</p>	</li>	<li class='list'>	<p class='name'>215.301West</p>	</li>	<li class='list'>	<p class='name'>216.101</p>	</li>	<li class='list'>	<p class='name'>216.116</p>	</li>	<li class='list'>	<p class='name'>216.117</p>	</li>	<li class='list'>	<p class='name'>216.118</p>	</li>	<li class='list'>	<p class='name'>216.201</p>	</li>	<li class='list'>	<p class='name'>216.202</p>	</li>	<li class='list'>	<p class='name'>216.206</p>	</li>	<li class='list'>	<p class='name'>216.302</p>	</li>	<li class='list'>	<p class='name'>216.309</p>	</li>	<li class='list'>	<p class='name'>216.313</p>	</li>	<li class='list'>	<p class='name'>216.317</p>	</li>	<li class='list'>	<p class='name'>216.402</p>	</li>	<li class='list'>	<p class='name'>216.413</p>	</li>	<li class='list'>	<p class='name'>216.416</p>	</li>	<li class='list'>	<p class='name'>220.104</p>	</li>	<li class='list'>	<p class='name'>221.100</p>	</li>	<li class='list'>	<p class='name'>221.101</p>	</li>	<li class='list'>	<p class='name'>221.102</p>	</li>	<li class='list'>	<p class='name'>221.103</p>	</li>	<li class='list'>	<p class='name'>300.204</p>	</li>	<li class='list'>	<p class='name'>300.214</p>	</li>	<li class='list'>	<p class='name'>300.215</p>	</li>	<li class='list'>	<p class='name'>300.216</p>	</li>	<li class='list'>	<p class='name'>300.217</p>	</li>	<li class='list'>	<p class='name'>300.219</p>	</li>	<li class='list'>	<p class='name'>300.220</p>	</li>	<li class='list'>	<p class='name'>300.221</p>	</li>	<li class='list'>	<p class='name'>301.102</p>	</li>	<li class='list'>	<p class='name'>301.112</p>	</li>	<li class='list'>	<p class='name'>301.119</p>	</li>	<li class='list'>	<p class='name'>301.128</p>	</li>	<li class='list'>	<p class='name'>301.147</p>	</li>	<li class='list'>	<p class='name'>301.222</p>	</li>	<li class='list'>	<p class='name'>301.233</p>	</li>	<li class='list'>	<p class='name'>302.001 - Davis Lecture Theatre 1</p>	</li>	<li class='list'>	<p class='name'>302.002 - Davis Lecture Theatre 2</p>	</li>	<li class='list'>	<p class='name'>303.216</p>	</li>	<li class='list'>	<p class='name'>303.222</p>	</li>	<li class='list'>	<p class='name'>303.226</p>	</li>	<li class='list'>	<p class='name'>303.230</p>	</li>	<li class='list'>	<p class='name'>303.272</p>	</li>	<li class='list'>	<p class='name'>303.278</p>	</li>	<li class='list'>	<p class='name'>303.284</p>	</li>	<li class='list'>	<p class='name'>303.292</p>	</li>	<li class='list'>	<p class='name'>303.112A</p>	</li>	<li class='list'>	<p class='name'>305.004</p>	</li>	<li class='list'>	<p class='name'>305.010</p>	</li>	<li class='list'>	<p class='name'>305.103</p>	</li>	<li class='list'>	<p class='name'>305.143</p>	</li>	<li class='list'>	<p class='name'>305.157</p>	</li>	<li class='list'>	<p class='name'>306.111</p>	</li>	<li class='list'>	<p class='name'>306.113</p>	</li>	<li class='list'>	<p class='name'>306.119</p>	</li>	<li class='list'>	<p class='name'>306.124</p>	</li>	<li class='list'>	<p class='name'>307.101 - Watson Lecture Theatre 1</p>	</li>	<li class='list'>	<p class='name'>307.102 - Watson Lecture Theatre 2</p>	</li>	<li class='list'>	<p class='name'>307.103 - Watson Lecture Theatre 3</p>	</li>	<li class='list'>	<p class='name'>308.104</p>	</li>	<li class='list'>	<p class='name'>308.109 - Haemotology Instrument Lab</p>	</li>	<li class='list'>	<p class='name'>308.126 - Histopathology Laboratory</p>	</li>	<li class='list'>	<p class='name'>308.130 - Human Biology Laboratory</p>	</li>	<li class='list'>	<p class='name'>308.131 - Human Biology/Cytology Laboratory</p>	</li>	<li class='list'>	<p class='name'>308.250</p>	</li>	<li class='list'>	<p class='name'>308.261</p>	</li>	<li class='list'>	<p class='name'>309.104</p>	</li>	<li class='list'>	<p class='name'>309.110</p>	</li>	<li class='list'>	<p class='name'>309.119</p>	</li>	<li class='list'>	<p class='name'>309.166</p>	</li>	<li class='list'>	<p class='name'>309.202 - CITS Boardroom</p>	</li>	<li class='list'>	<p class='name'>310.103A</p>	</li>	<li class='list'>	<p class='name'>310.103B</p>	</li>	<li class='list'>	<p class='name'>311.107</p>	</li>	<li class='list'>	<p class='name'>311.123</p>	</li>	<li class='list'>	<p class='name'>311.213</p>	</li>	<li class='list'>	<p class='name'>312.101</p>	</li>	<li class='list'>	<p class='name'>312.201</p>	</li>	<li class='list'>	<p class='name'>312.202</p>	</li>	<li class='list'>	<p class='name'>312.207</p>	</li>	<li class='list'>	<p class='name'>312.222</p>	</li>	<li class='list'>	<p class='name'>312.319</p>	</li>	<li class='list'>	<p class='name'>312.321</p>	</li>	<li class='list'>	<p class='name'>314.134</p>	</li>	<li class='list'>	<p class='name'>314.215</p>	</li>	<li class='list'>	<p class='name'>314.216</p>	</li>	<li class='list'>	<p class='name'>314.217</p>	</li>	<li class='list'>	<p class='name'>314.224</p>	</li>	<li class='list'>	<p class='name'>314.237</p>	</li>	<li class='list'>	<p class='name'>314.238</p>	</li>	<li class='list'>	<p class='name'>314.239</p>	</li>	<li class='list'>	<p class='name'>314.240</p>	</li>	<li class='list'>	<p class='name'>314.317</p>	</li>	<li class='list'>	<p class='name'>314.421</p>	</li>	<li class='list'>	<p class='name'>314.238A</p>	</li>	<li class='list'>	<p class='name'>314.347A</p>	</li>	<li class='list'>	<p class='name'>400.117 - Excercise Physiology Lab</p>	</li>	<li class='list'>	<p class='name'>400.219</p>	</li>	<li class='list'>	<p class='name'>400.222</p>	</li>	<li class='list'>	<p class='name'>400.230</p>	</li>	<li class='list'>	<p class='name'>400.233</p>	</li>	<li class='list'>	<p class='name'>400.249</p>	</li>	<li class='list'>	<p class='name'>400.251</p>	</li>	<li class='list'>	<p class='name'>400.303</p>	</li>	<li class='list'>	<p class='name'>400.305</p>	</li>	<li class='list'>	<p class='name'>400.363</p>	</li>	<li class='list'>	<p class='name'>400.365</p>	</li>	<li class='list'>	<p class='name'>400.405</p>	</li>	<li class='list'>	<p class='name'>401.001 - Hollis Lecture Theatre 1</p>	</li>	<li class='list'>	<p class='name'>401.002 - Hollis Lecture Theatre 2</p>	</li>	<li class='list'>	<p class='name'>401.117</p>	</li>	<li class='list'>	<p class='name'>401.118</p>	</li>	<li class='list'>	<p class='name'>401.119</p>	</li>	<li class='list'>	<p class='name'>401.120</p>	</li>	<li class='list'>	<p class='name'>401.121</p>	</li>	<li class='list'>	<p class='name'>401.122</p>	</li>	<li class='list'>	<p class='name'>401.123</p>	</li>	<li class='list'>	<p class='name'>401.130</p>	</li>	<li class='list'>	<p class='name'>401.151</p>	</li>	<li class='list'>	<p class='name'>401.152</p>	</li>	<li class='list'>	<p class='name'>401.155</p>	</li>	<li class='list'>	<p class='name'>401.245</p>	</li>	<li class='list'>	<p class='name'>401.255</p>	</li>	<li class='list'>	<p class='name'>401.260</p>	</li>	<li class='list'>	<p class='name'>401.261</p>	</li>	<li class='list'>	<p class='name'>401.262</p>	</li>	<li class='list'>	<p class='name'>401.329</p>	</li>	<li class='list'>	<p class='name'>401.122A</p>	</li>	<li class='list'>	<p class='name'>401.374A</p>	</li>	<li class='list'>	<p class='name'>402.211</p>	</li>	<li class='list'>	<p class='name'>402.214</p>	</li>	<li class='list'>	<p class='name'>402.215</p>	</li>	<li class='list'>	<p class='name'>402.216</p>	</li>	<li class='list'>	<p class='name'>402.217</p>	</li>	<li class='list'>	<p class='name'>402.218</p>	</li>	<li class='list' data-building="402" data-room="220" data-name="Jones Lecture Theatred">	<p class='name'>402.220 - Jones Lecture Theatre</p>	</li>	<li class='list'>	<p class='name'>402.223</p>	</li>	<li class='list'>	<p class='name'>402.224</p>	</li>	<li class='list'>	<p class='name'>402.225</p>	</li>	<li class='list'>	<p class='name'>402.226</p>	</li>	<li class='list'>	<p class='name'>402.230</p>	</li>	<li class='list'>	<p class='name'>402.231</p>	</li>	<li class='list'>	<p class='name'>402.232</p>	</li>	<li class='list'>	<p class='name'>402.302</p>	</li>	<li class='list'>	<p class='name'>402.303</p>	</li>	<li class='list'>	<p class='name'>402.305</p>	</li>	<li class='list'>	<p class='name'>402.308</p>	</li>	<li class='list'>	<p class='name'>402.310</p>	</li>	<li class='list'>	<p class='name'>402.312</p>	</li>	<li class='list'>	<p class='name'>402.314</p>	</li>	<li class='list'>	<p class='name'>402.318</p>	</li>	<li class='list'>	<p class='name'>402.320</p>	</li>	<li class='list'>	<p class='name'>402.323</p>	</li>	<li class='list'>	<p class='name'>402.325</p>	</li>	<li class='list'>	<p class='name'>402.327</p>	</li>	<li class='list'>	<p class='name'>402.329</p>	</li>	<li class='list'>	<p class='name'>402.343</p>	</li>	<li class='list'>	<p class='name'>402.344</p>	</li>	<li class='list'>	<p class='name'>402.345</p>	</li>	<li class='list'>	<p class='name'>402.346</p>	</li>	<li class='list'>	<p class='name'>402.347</p>	</li>	<li class='list'>	<p class='name'>402.348</p>	</li>	<li class='list'>	<p class='name'>402.350</p>	</li>	<li class='list'>	<p class='name'>402.354</p>	</li>	<li class='list'>	<p class='name'>402.904</p>	</li>	<li class='list'>	<p class='name'>402.905</p>	</li>	<li class='list'>	<p class='name'>402.211A</p>	</li>	<li class='list'>	<p class='name'>403.101 - Ken Hall Lecture Theatre</p>	</li>	<li class='list'>	<p class='name'>403.107</p>	</li>	<li class='list'>	<p class='name'>405.201 - Haydn Williams Lecture Theatre</p>	</li>	<li class='list'>	<p class='name'>405.204</p>	</li>	<li class='list'>	<p class='name'>405.205</p>	</li>	<li class='list'>	<p class='name'>405.210</p>	</li>	<li class='list'>	<p class='name'>405.214 - Nursing Boardroom</p>	</li>	<li class='list'>	<p class='name'>405.226 - Histology Laboratory</p>	</li>	<li class='list'>	<p class='name'>405.314</p>	</li>	<li class='list'>	<p class='name'>405.316</p>	</li>	<li class='list'>	<p class='name'>405.333</p>	</li>	<li class='list'>	<p class='name'>405.336</p>	</li>	<li class='list'>	<p class='name'>405.435</p>	</li>	<li class='list'>	<p class='name'>407.205</p>	</li>	<li class='list'>	<p class='name'>407.208</p>	</li>	<li class='list'>	<p class='name'>407.213</p>	</li>	<li class='list'>	<p class='name'>407.305</p>	</li>	<li class='list'>	<p class='name'>407.307</p>	</li>	<li class='list'>	<p class='name'>407.308 - Law Boardroom</p>	</li>	<li class='list'>	<p class='name'>407.309</p>	</li>	<li class='list'>	<p class='name'>407.401</p>	</li>	<li class='list'>	<p class='name'>407.402</p>	</li>	<li class='list'>	<p class='name'>407.404</p>	</li>	<li class='list'>	<p class='name'>407.413</p>	</li>	<li class='list'>	<p class='name'>407.414</p>	</li>	<li class='list'>	<p class='name'>407.211A</p>	</li>	<li class='list'>	<p class='name'>408.1010</p>	</li>	<li class='list'>	<p class='name'>408.1011 - Social Media Command Centre</p>	</li>	<li class='list'>	<p class='name'>408.1019 - Lance Twomey Lecture Theatre</p>	</li>	<li class='list'>	<p class='name'>408.1500</p>	</li>	<li class='list'>	<p class='name'>408.1501</p>	</li>	<li class='list'>	<p class='name'>408.1502</p>	</li>	<li class='list'>	<p class='name'>408.1503</p>	</li>	<li class='list'>	<p class='name'>408.1504</p>	</li>	<li class='list'>	<p class='name'>408.1505</p>	</li>	<li class='list'>	<p class='name'>408.2004</p>	</li>	<li class='list'>	<p class='name'>408.2016</p>	</li>	<li class='list'>	<p class='name'>408.2025</p>	</li>	<li class='list'>	<p class='name'>408.2038</p>	</li>	<li class='list'>	<p class='name'>408.2500</p>	</li>	<li class='list'>	<p class='name'>408.2503</p>	</li>	<li class='list'>	<p class='name'>408.2504</p>	</li>	<li class='list'>	<p class='name'>408.2506</p>	</li>	<li class='list'>	<p class='name'>408.2507</p>	</li>	<li class='list'>	<p class='name'>408.2510</p>	</li>	<li class='list'>	<p class='name'>408.3005</p>	</li>	<li class='list'>	<p class='name'>408.3502</p>	</li>	<li class='list'>	<p class='name'>408.4000 - CBS Boardroom</p>	</li>	<li class='list'>	<p class='name'>408.4007</p>	</li>	<li class='list'>	<p class='name'>408.4028</p>	</li>	<li class='list'>	<p class='name'>408.4502</p>	</li>	<li class='list'>	<p class='name'>408.4503</p>	</li>	<li class='list'>	<p class='name'>408.4505</p>	</li>	<li class='list'>	<p class='name'>408.4038A</p>	</li>	<li class='list'>	<p class='name'>410.101</p>	</li>	<li class='list'>	<p class='name'>410.201</p>	</li>	<li class='list'>	<p class='name'>410.209</p>	</li>	<li class='list'>	<p class='name'>410.301</p>	</li>	<li class='list'>	<p class='name'>410.303</p>	</li>	<li class='list'>	<p class='name'>410.305</p>	</li>	<li class='list'>	<p class='name'>410.306</p>	</li>	<li class='list'>	<p class='name'>410.307</p>	</li>	<li class='list'>	<p class='name'>410.314</p>	</li>	<li class='list'>	<p class='name'>410.315</p>	</li>	<li class='list'>	<p class='name'>410.428</p>	</li>	<li class='list'>	<p class='name'>410.429</p>	</li>	<li class='list'>	<p class='name'>410.507</p>	</li>	<li class='list'>	<p class='name'>410.525</p>	</li>	<li class='list'>	<p class='name'>410.302A</p>	</li>	<li class='list'>	<p class='name'>410.304A</p>	</li>	<li class='list'>	<p class='name'>500.3101</p>	</li>	<li class='list'>	<p class='name'>500.4103</p>	</li>	<li class='list'>	<p class='name'>500.4106</p>	</li>	<li class='list'>	<p class='name'>500.4301</p>	</li>	<li class='list'>	<p class='name'>500.1102A - Exhibition Space</p>	</li>	<li class='list'>	<p class='name'>500.1102B - Exhibition Space</p>	</li>	<li class='list'>	<p class='name'>501.101</p>	</li>	<li class='list'>	<p class='name'>501.102</p>	</li>	<li class='list'>	<p class='name'>501.103</p>	</li>	<li class='list'>	<p class='name'>501.116</p>	</li>	<li class='list'>	<p class='name'>501.117</p>	</li>	<li class='list'>	<p class='name'>501.201</p>	</li>	<li class='list'>	<p class='name'>501.202</p>	</li>	<li class='list'>	<p class='name'>501.203</p>	</li>	<li class='list'>	<p class='name'>501.204</p>	</li>	<li class='list'>	<p class='name'>501.210</p>	</li>	<li class='list'>	<p class='name'>501.217</p>	</li>	<li class='list'>	<p class='name'>501.218</p>	</li>	<li class='list'>	<p class='name'>501.313</p>	</li>	<li class='list'>	<p class='name'>501.325</p>	</li>	<li class='list'>	<p class='name'>501.409</p>	</li>	<li class='list'>	<p class='name'>502A.101</p>	</li>	<li class='list'>	<p class='name'>502A.102</p>	</li>	<li class='list'>	<p class='name'>502B.102</p>	</li>	<li class='list'>	<p class='name'>502C.101</p>	</li>	<li class='list'>	<p class='name'>502C.102</p>	</li>	<li class='list'>	<p class='name'>502C.103</p>	</li>	<li class='list'>	<p class='name'>502D.102</p>	</li>	<li class='list'>	<p class='name'>602.141</p>	</li>	<li class='list'>	<p class='name'>602.142</p>	</li>	<li class='list'>	<p class='name'>602.168</p>	</li>	<li class='list'>	<p class='name'>603.102</p>	</li>	<li class='list'>	<p class='name'>603.133</p>	</li>	<li class='list'>	<p class='name'>603.136</p>	</li>	<li class='list'>	<p class='name'>603.151</p>	</li>	<li class='list'>	<p class='name'>603.152</p>	</li>	<li class='list'>	<p class='name'>603.161</p>	</li>	<li class='list'>	<p class='name'>603.164</p>	</li>	<li class='list'>	<p class='name'>603.213</p>	</li>	<li class='list'>	<p class='name'>604.113</p>	</li>	<li class='list'>	<p class='name'>604.106</p>	</li>	<li class='list'>	<p class='name'>605.101</p>	</li>	<li class='list'>	<p class='name'>605.106</p>	</li>	<li class='list'>	<p class='name'>605.114</p>	</li>	<li class='list'>	<p class='name'>610.112</p>	</li>	<li class='list'>	<p class='name'>610.167</p>	</li>	<li class='list'>	<p class='name'>613.206</p>	</li>	<li class='list'>	<p class='name'>613.207</p>	</li>	<li class='list'>	<p class='name'>613.214</p>	</li>	<li class='list'>	<p class='name'>613.216</p>	</li>	<li class='list'>	<p class='name'>613.217</p>	</li>	<li class='list'>	<p class='name'>613.425</p>	</li>	<li class='list'>	<p class='name'>613.618</p>	</li>	<li class='list'>	<p class='name'>701.107</p>	</li>	<li class='list'>	<p class='name'>701.110</p>	</li>	<li class='list'>	<p class='name'>701.111</p>	</li>	<li class='list'>	<p class='name'>701.120</p>	</li>	<li class='list'>	<p class='name'>701.121</p>	</li>	<li class='list'>	<p class='name'>701.122</p>	</li>	<li class='list'>	<p class='name'>701.123</p>	</li>	<li class='list'>	<p class='name'>701.130</p>	</li>	<li class='list'>	<p class='name'>703.115</p>	</li>	<li class='list'>	<p class='name'>703.131</p>	</li>	<li class='list'>	<p class='name'>703.201</p>	</li>	<li class='list'>	<p class='name'>703.202</p>	</li>	<li class='list'>	<p class='name'>703.203</p>	</li>	<li class='list'>	<p class='name'>703.205</p>	</li>	<li class='list'>	<p class='name'>703.209</p>	</li>	<li class='list'>	<p class='name'>703.210</p>	</li>	<li class='list'>	<p class='name'>703.211</p>	</li>	<li class='list'>	<p class='name'>703.212 - Hobson Lecture Theatre</p>	</li>	<li class='list'>	<p class='name'>704.104</p>	</li>	<li class='list'>	<p class='name'>708.112 - WMC Conference Room</p>	</li>	<li class='list'>	<p class='name'>P01.100 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P01.101 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P01.205 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P01.206 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P01.211 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P01.212 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P01.213 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P01.214 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P01.300 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P01.301 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P01.418 - CGSB</p>	</li>	<li class='list'>	<p class='name'>P03.102</p>	</li>	<li class='list'>	<p class='name'>P04.102</p>	</li>	<li class='list'>	<p class='name'>P05.103 - Law School</p>	</li>	<li class='list'>	<p class='name'>P05.110 - Law School</p>	</li>	<li class='list'>	<p class='name'>P05.112 - Law School</p>	</li>	<li class='list'>	<p class='name'>P05.207 - Moot Court</p>	</li>	<li class='list'>	<p class='name'>P05.208 - Law School</p>	</li>
</ul>
</div> <script src='https://code.jquery.com/jquery-1.12.3.js'></script>
<script src='https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Fancy table search - Script Codes CSS Codes

html {	box-sizing: border-box;
}
*, *:before, *:after {	box-sizing: inherit;
}
body {	margin: 0;	padding: 0;	font-family: helvetica, arial, sans-serif;
}
.container {	max-width: 900px;	padding: 30px;	margin: 0 auto;
}
.list {	list-style-type:none;	display:none;
}
input[type=text] {	padding: 1em;	font-family: helvetica, arial, sans-serif;	border-radius: 3px;	box-shadow: none;	border: 1px solid #999;	background: #eee;	width: 100%;	max-width: 320px;
}

Fancy table search - Script Codes JS Codes

var venueData = {	rooms: {	210101: {	building: '210',	roomNo: '101',	name: 'Elizabeth Jolley',	items: [	'equipment1',	'equipment2',	'equipment3'	],	},	},	items: {	id1: {	name: 'avpanel-8button',	pdf: '/local/docs/Button.pdf',	videoID: 'c_IqpoqluXE',	}, id2: {	name: 'avpanel-10button',	pdf: '/local/docs/Button.pdf',	videoID: 'c_IqpoqluXE',	}, id1: {	name: 'avpanel-2016uplift',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'avpanel-b105MR',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'avpanel-b108',	pdf: '/local/docs/108.pdf">Audio Visual Panel - Building 108',	videoID: 'YzvnF7tqRmE',	}, id1: {	name: 'avpanel-b216',	pdf: '/local/docs/AudioVisualPanel-Classroom-B216-Mar2013.pdf',	videoID: 'd2K_Xg70JWs',	}, id1: {	name: 'avpanel-b303',	pdf: '/local/docs/Audio_Visual_Panel_-_Classroom_B303_V1.3.pdf',	videoID: 'qWoQmg1o6Xg',	}, id1: {	name: 'avpanel-b309',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'avpanel-b501',	pdf: 'insertpdfhere',	videoID: 'YgDsDBCpojY',	}, id1: {	name: 'avpanel-b502MR',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'avpanel-LTuplift',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'avpanel-CATS1',	pdf: '/local/docs/Audio_Visual_Panel_-_Collaborative_Stage_1_V1.2_Feb_14.pdf',	videoID: '62nL5LY1ymw',	}, id1: { name: 'avpanel-CATS2',	pdf: '/local/docs/Audio_Visual_Panel_-_Collaborative_Stage_2_V1.0_Feb_14.pdf',	videoID: 'YgDsDBCpojY',	}, id1: {	name: 'avpanel-CBS',	pdf: '/local/docs/Business.pdf',	videoID: 'awMM4ywXPwU',	}, id1: {	name: 'avpanel-generic',	pdf: '/local/docs/Audio_Visual_Panel_-_Classroom_Generic_V2.1_Feb_14.pdf',	videoID: 'awMM4ywXPwU',	}, id1: {	name: 'avpanel-LT',	pdf: '/local/docs/Audio_Visual_Panel_-_Lecture_Theatre_V1.5_Feb_14.pdf',	videoID: 'THODfS9m8WU',	}, id1: {	name: 'revolab',	pdf: '/local/docs/Getting_Started_-_Microphone_Rechargeable_2013.pdf',	videoID: 'JEbNrINjQuw',	}, id1: {	name: 'voicelift',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'mocow',	pdf: '/local/docs/MoCow_V1.1.pdf',	videoID: 'test',	}, id1: {	name: 'smartboard',	pdf: '/local/docs/Interactive_Whiteboard_-_Smartboard_V1.0_Feb_2014.pdf',	videoID: 'fF3k3tcnCB8',	}, id1: {	name: 'epson',	pdf: '/local/docs/Interactive_Whiteboard_-_Epson_V1.1_Feb_2014.pdf',	videoID: '6_YMl2kThK4',	}, id1: {	name: 'commbox',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'wacom',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'airmedia-mobile',	pdf: '/local/docs/Crestron_Air_Media_v1.0_Feb_2014.pdf',	videoID: 'FHfNUShHlGU',	}, id1: {	name: 'airpedia-pc',	pdf: '/local/docs/Crestron_Air_Media_v1.0_Feb_2014.pdf',	videoID: 'fMSPmlJsGeE',	}, id1: {	name: 'solstice-mobile',	pdf: '/local/docs/Crestron_Air_Media_v1.0_Feb_2014.pdf',	videoID: 'test',	}, id1: {	name: 'solstice-pc',	pdf: '/local/docs/Crestron_Air_Media_v1.0_Feb_2014.pdf',	videoID: 'test',	}, id1: {	name: 'SCHD',	pdf: '/local/docs/SCHD.pdf',	videoID: '',	}, id1: {	name: 'classcapture',	pdf: 'https://webforms.curtin.edu.au/ilecture/index.cfm',	videoID: '',	}, id1: {	name: 'PCAP-PC',	pdf: '/local/docs/PCAP-Mac.pdf',	videoID: 'GKcGuFImZbc',	}, id1: {	name: 'PCAP-Mac',	pdf: '/local/docs/PCAP-Mac.pdf',	videoID: 'L702vICLEa4',	}, id1: {	name: 'VC-MR',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'VC-CATS2',	pdf: '/local/docs/VC2.pdf',	videoID: 'test',	}, id1: {	name: 'VC-CATS1',	pdf: '/local/docs/VC1.pdf',	videoID: 'test',	}, id1: {	name: 'VC-pilbara',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'webex-av',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'webex-pc',	pdf: 'insertpdfhere',	videoID: 'test',	}, id1: {	name: 'webex-vc',	pdf: 'insertpdfhere',	videoID: 'test',	},	}
};
var venues = [];
function initVenues() {	// console.log('initVideos');	for (var venueId in venueData.rooms) {	// console.log(venueData.rooms[venueId]);	venues.push(new Room(venueId, venueData.rooms[venueId]));	}
}
var Room = function(roomId, roomData) {	var _self = this;	this.roomId = roomId;	this.roomData = roomData;	console.log(this.roomData);
};
var input = document.getElementById('input');
input.addEventListener('keyup', function () { var filter = input.value.toUpperCase(); var listItems = document.getElementsByTagName('li'); for (var i = 0; i < listItems.length; i++) {	var listItem = listItems[i]; var name = listItem.getElementsByClassName('name')[0].innerHTML;	hideItem(listItem); if (name.toUpperCase().indexOf(filter) !== -1 && filter !== '') { showItem(listItem);	} }
});
function hideItem(element) {	element.style.display = 'none';
}
function showItem(element) {	element.style.display = 'inline';
}
(function() {	initVenues();
})();
Fancy table search - Script Codes
Fancy table search - Script Codes
Home Page Home
Developer Amy Kapernick
Username aimhigherwebdesign-amy
Uploaded August 24, 2022
Rating 3
Size 5,924 Kb
Views 40,480
Do you need developer help for Fancy table search?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Amy Kapernick (aimhigherwebdesign-amy) Script Codes
Name
Developing Imaginative Layouts
Nutrition Calculator
WebEx Troubleshooting
Instant Quote Generator
AV Venues Page
Playing with Flexbox
Gulpfile
A Pen by Amy Kapernick
Portfolio Page
Enquire Now Button with SVG
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!