Regions of New Zealand - In Dropdown Form

Split into north and south island lists Also added a combined list, with a disabled options for north and south. /your welcome! :)

How to download music to mp3 format from youtube using youtube-dl

How to download ABGT from youtube. youtube-dl sudo apt install python3-pip ffmpeg brew install ffmpeg brew install youtube-dl Getting this error: The operation couldn’t be completed. Un..

php export csv from string to browser download

exports an array to a csv string and returns the result in the browser

add a divider to your dropdown nav toggles

good for seperating menu sections in the same dropdown item add this to your toggle <li><hr class="dropdown-divider"></li>

Idea: Google Font Dropdown Selector Code

just an idea at the moment, a dropdown list of google fonts and when selected it loads that selected font using the @import css tag.  Loading the fonts Gist : not tested https://gist.github.com..

down chevron and styles

a down chevron and the class to style it, default this is 16x16px but you can zoom it in or out easily, just change the height and width of it target with the class bi-chevron-down

scroll down the page using a button click

scrolling down 600px from where you currently are on the screen demo vid

Scroll down indicator css javascript and html

I have seen these a couple of times, indictating to the user that there is further content down the page, and they should scroll to view it. Then as you scroll down the indicator dissapears. So we w..

dropdown section

What generates the dropdown widget items? generated by the function generate_section_button() per class template file section-dropdown-bootstrap.html  

dropdown change input box on select

changes the value of an hidden input depending on the selection of the dropdown

add years as options to select dropdown

add the years as dropdown items between a range of years with javascript document ready js only version

chevron down

replicating the bootstrap dropdown toggle in jquery

here is a code that can toggle a sub element using the same format as bootstrap. Update: also added another line that closes all the open menu's when one is clicked, so that you dont have a bunch of ..

download icon svg

a simple download icon in svg format, also added button example usage so you can use the svg within the button as an icon and change the fill colour on mouse over, plus it scales nicely on mobile devi..

php countries array to dropdown form element

here we generate a form dropdown from a php countries array using the country code as the name of the form option

wordpress main nav dropdown fix

this unsets the flex and allows the menu items to stack properly in a dropdown menu, not sure if this is reusable

Use Recursion to Count Down

just a slight change to the count up version of this, using unshift rather than push to the array.

toggle div function with chevron up down toggle

showing an example of chevron toggles kinda like a manual accordion

Dropdown Box with Searchable Text

Here we have a dropdown select box, that you can type into to search the available options. No Javascript Required for this the browser does all the work. Press into the text box, and you will see a..

Drop Down Menu Swapping Left align to Right

this is useful if you have a nav that hits the right side of the screen and you want it to open on the left rather than the right side. you can see on the very right drop down item opens with its item..

Regular expression breakdown regex preg_replace php

/ - opening delimiter (necessary for regular expressions, can be any character that doesn't appear in the regular expression \( - Match an opening parenthesis [^)]+ - Match 1 or more character that..

simple dropdown multi level navigation ul li css

updated to work standalone and not effect other list elements on the page

simple dropdown navigation ul li css

demo .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 16..

simple dropin wordpress dropdown navigation css

this is good if you just want to drop in some css and get a dropdown navigation back using the default wordpress nav example of the default styles code (css) /* Menu Dropdown */ .nav ul { l..