[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


Thread replies: 13
Thread images: 12

File: Searchbar help please.png (36KB, 2520x1688px) Image search: [Google] [Yandex] [Bing]
Searchbar help please.png
36KB, 2520x1688px
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 (24KB, 352x370px) Image search: [Google] [Yandex] [Bing]
1457407457029.jpg
24KB, 352x370px
>>117803
Posting my best skeleies for payment
>>
>>117805
>>
File: 5285824-852852852.jpg (25KB, 480x433px) Image search: [Google] [Yandex] [Bing]
5285824-852852852.jpg
25KB, 480x433px
>>117808
>>
File: skelebro.jpg (192KB, 532x800px) Image search: [Google] [Yandex] [Bing]
skelebro.jpg
192KB, 532x800px
>>117809
>>
File: 1457478347132.png (199KB, 500x586px) Image search: [Google] [Yandex] [Bing]
1457478347132.png
199KB, 500x586px
>>117810
>>
File: 1457404890572.jpg (401KB, 800x1395px) Image search: [Google] [Yandex] [Bing]
1457404890572.jpg
401KB, 800x1395px
>>117811
>>
File: 1457405139913.png (74KB, 377x304px) Image search: [Google] [Yandex] [Bing]
1457405139913.png
74KB, 377x304px
>>117812
>>
>>117813
>>
File: 1457405817125.jpg (33KB, 250x333px) Image search: [Google] [Yandex] [Bing]
1457405817125.jpg
33KB, 250x333px
>>117814
>>
File: 1457405777101.gif (3MB, 249x249px) Image search: [Google] [Yandex] [Bing]
1457405777101.gif
3MB, 249x249px
>>117816
>>
File: 1457405766209.jpg (202KB, 800x800px) Image search: [Google] [Yandex] [Bing]
1457405766209.jpg
202KB, 800x800px
>>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
[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.
If a post contains illegal content, please click on its [Report] button and follow the instructions.
This is a 4chan archive - all of the content originated from them. If you need information for a Poster - you need to contact them.
This website shows only archived content and is not affiliated with 4chan in any way.
If you like this website please support us by donating with Bitcoin at 1XVgDnu36zCj97gLdeSwHMdiJaBkqhtMK