[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y ] [Home]
4chanarchives logo
/g/ Related
Images are sometimes not shown due to bandwidth/network limitations. Refreshing the page usually helps.

You are currently reading a thread in /wsr/ - Worksafe Requests

Thread replies: 13
Thread images: 12
File: Searchbar help please.png (36 KB, 2520x1688) Image search: [Google]
Searchbar help please.png
36 KB, 2520x1688
How would I go about adding a button in HTML/JS which adds a search bar right under my search bar.
Something like pic related.
I want it to add a search bar to expand the parameters of the search/
>>
File: 1457407457029.jpg (24 KB, 352x370) Image search: [Google]
1457407457029.jpg
24 KB, 352x370
>>117803
Posting my best skeleies for payment
>>
>>117805
>>
File: 5285824-852852852.jpg (25 KB, 480x433) Image search: [Google]
5285824-852852852.jpg
25 KB, 480x433
>>117808
>>
File: skelebro.jpg (192 KB, 532x800) Image search: [Google]
skelebro.jpg
192 KB, 532x800
>>117809
>>
File: 1457478347132.png (199 KB, 500x586) Image search: [Google]
1457478347132.png
199 KB, 500x586
>>117810
>>
File: 1457404890572.jpg (401 KB, 800x1395) Image search: [Google]
1457404890572.jpg
401 KB, 800x1395
>>117811
>>
File: 1457405139913.png (74 KB, 377x304) Image search: [Google]
1457405139913.png
74 KB, 377x304
>>117812
>>
File: Go home skeley your drunk.jpg (227 KB, 1280x1707) Image search: [Google]
Go home skeley your drunk.jpg
227 KB, 1280x1707
>>117813
>>
File: 1457405817125.jpg (33 KB, 250x333) Image search: [Google]
1457405817125.jpg
33 KB, 250x333
>>117814
>>
File: 1457405777101.gif (3 MB, 249x249) Image search: [Google]
1457405777101.gif
3 MB, 249x249
>>117816
>>
File: 1457405766209.jpg (202 KB, 800x800) Image search: [Google]
1457405766209.jpg
202 KB, 800x800
>>117818
>>
>>117803

html:
<div><input id="searchbar1"></input><button id="mybutton"></button></div>
<div><input id="searchbar2" class="hidden"></input></div>

css:
.hidden { display: none; }

js:
document.getElementById('mybutton').addEventListener('click', function() {
document.getElementById('searchbar2').classList.remove('hidden');
});

I hope this makes sense. /wsr/ doesn't have a code tag.
Thread replies: 13
Thread images: 12

banner
banner
[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y] [Home]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
If a post contains personal/copyrighted/illegal content you can contact me at [email protected] with that post and thread number and it will be removed as soon as possible.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com, send takedown notices to them.
This is a 4chan archive - all of the content originated from them. If you need IP information for a Poster - you need to contact them. This website shows only archived content.