File
Login or Register via GitHub
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title> </title> <link type="text/css" href="http://www.filamentgroup.com/examples/menus/theme/ui.base.css" media="screen" rel="stylesheet" /> <link type="text/css" href="http://www.filamentgroup.com/examples/menus/theme/ui.theme.css" media="screen" rel="stylesheet" /> <style type="text/css">body { margin: 0; padding: 0; font: normal normal 14px verdana; text-align: center}.ipod_select_box { list-style: none; width: 190px; margin: 20px auto; padding: 5px}.ipod_select_box ul { margin: 0; padding: 0; display: none; list-style: none; text-align: left;}.ipod_select_box a { text-decoration: none; outline: 0pt; text-transform: capitalize; padding: 0 5px; line-height: 1.6em;}.ipod_select_box .ipod_main_ul { width: 100%; height: 180px; overflow: auto; margin: 5px 0; padding: 0; position:relative;}.ipod_select_box .ipod_sub { float:left;}.ipod_select_box .ipod_back { padding: 3px; font: normal normal 10px verdana; vertical-align: middle}.ipod_select_box .ipod_sub li a:link, .ipod_select_box .ipod_sub li a:active, .ipod_select_box .ipod_sub li a:visited, .ipod_select_box .ipod_sub li a { width: 160px; padding: 3px; margin: 0; font: normal normal 14px verdana;}.ipod_select_box .ipod_back span { margin: 0 5px 0 0; color: #fff}.ipod_select_box .ipod_back span.ui-icon { float: left; margin: 0}.ipod_select_box a span { float: left; cursor: pointer;}.ipod_select_box a span.ui-icon { float: right;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> </head> <body> <ul class="ipod_select_box"> <li> <a href="#">music genres</a> <ul> <li> <a href="#">acoustic</a> <ul> <li><a href="#196">cover songs</a></li> <li><a href="#22">acoustic folk</a></li> <li><a href="#21">acoustic general</a></li> <li><a href="#23">acoustic guitar</a></li> <li><a href="#24">acoustic piano</a></li> <li><a href="#25">acoustic rock</a></li> <li> <a href="#">acoustic vocals</a> <ul> <li><a href="#196">songs</a></li> <li><a href="#22">folk</a></li> <li><a href="#21">general</a></li> <li><a href="#23">guitar</a></li> <li><a href="#24">piano</a></li> <li><a href="#25">rock</a></li> <li><a href="#26">vocals</a></li> <li> <a href="#">blahhh</a> <ul> <li><a href="#196">A</a></li> <li><a href="#22">B</a></li> <li><a href="#21">C</a></li> <li><a href="#23">D</a></li> <li><a href="#24">E</a></li> <li><a href="#25">F</a></li> <li><a href="#26">G</a></li> <li><a href="#89">H</a></li> </ul> </li> </ul> </li> <li><a href="#89">folk</a></li> </ul> </li> <li > <a href="#">alternative</a> <ul > <li><a href="#197">cover songs</a></li> <li><a href="#34">alt power pop</a></li> <li><a href="#28">alternative general</a></li> <li><a href="#29">avant rock</a></li> <li><a href="#30">brit pop</a></li> <li><a href="#245">dance-punk</a></li> <li><a href="#225">emo</a></li> <li><a href="#31">experimental</a></li> <li><a href="#272">goth</a></li> <li><a href="#32">grunge</a></li> <li><a href="#33">indie</a></li> <li><a href="#224">nu metal</a></li> <li><a href="#37">other alternative</a></li> <li><a href="#35">pop punk</a></li> <li><a href="#223">post punk</a></li> <li><a href="#226">shoegaze</a></li> <li><a href="#36">ska</a></li> </ul> </li> <li > <a href="#">blues</a> <ul > <li><a href="#199">cover songs</a></li> <li><a href="#252">acoustic blues</a></li> <li><a href="#39">blues general</a></li> <li><a href="#165">blues rock</a></li> <li><a href="#40">country blues</a></li> <li><a href="#253">electric blues</a></li> <li><a href="#41">jump blues</a></li> <li><a href="#42">straight ahead blues</a></li> </ul> </li> <li > <a href="#">classical</a> <ul > <li><a href="#48">baroque</a></li> <li><a href="#45">chamber music</a></li> <li><a href="#52">choral</a></li> <li><a href="#44">classical general</a></li> <li><a href="#46">contemporary</a></li> <li><a href="#53">ensembles</a></li> <li><a href="#49">medieval</a></li> <li><a href="#54">opera</a></li> <li><a href="#50">renaissance</a></li> <li><a href="#51">symphonic</a></li> </ul> </li> <li > <a href="#">comedy</a> <ul > <li><a href="#57">adult comedy</a></li> <li><a href="#56">general comedy</a></li> <li><a href="#227">on stage</a></li> <li><a href="#243">parody</a></li> <li><a href="#58">political humor</a></li> <li><a href="#182">prank calls</a></li> </ul> </li> <li > <a href="#">country</a> <ul > <li><a href="#200">cover songs</a></li> <li><a href="#61">alternative country</a></li> <li><a href="#62">bluegrass</a></li> <li><a href="#195">cajun/zydeco</a></li> <li><a href="#63">christian country</a></li> <li><a href="#65">country and western</a></li> <li><a href="#60">country general</a></li> <li><a href="#64">country swing</a></li> <li><a href="#184">country-pop</a></li> <li><a href="#228">country-rock</a></li> <li><a href="#229">honky-tonk</a></li> <li><a href="#66">rockabilly</a></li> <li><a href="#183">traditional country</a></li> </ul> </li> <li > <a href="#">electronic</a> <ul > <li><a href="#68">acid</a></li> <li><a href="#69">ambient</a></li> <li><a href="#230">big beat</a></li> <li><a href="#70">breakbeat</a></li> <li><a href="#71">dance</a></li> <li><a href="#72">drum n bass</a></li> <li><a href="#231">electro</a></li> <li><a href="#73">electronica</a></li> <li><a href="#85">euro</a></li> <li><a href="#74">experimental sounds</a></li> <li><a href="#83">games soundtrack</a></li> <li><a href="#232">happy hardcore</a></li> <li><a href="#75">house</a></li> <li><a href="#86">idm</a></li> <li><a href="#246">indietronic</a></li> <li><a href="#76">industrial</a></li> <li><a href="#77">jungle</a></li> <li><a href="#87">mellow</a></li> <li><a href="#254">minimal</a></li> <li><a href="#84">noise</a></li> <li><a href="#78">techno</a></li> <li><a href="#79">techno hardcore</a></li> <li><a href="#81">trance</a></li> <li><a href="#80">tribal</a></li> <li><a href="#82">trip hop</a></li> </ul> </li> <li > <a href="#">hip hop</a> <ul > <li><a href="#92">alternative hip hop</a></li> <li><a href="#93">bass rap</a></li> <li><a href="#101">battles/disses</a></li> <li><a href="#94">christian rap</a></li> <li><a href="#95">freestyle</a></li> <li><a href="#233">grime</a></li> <li><a href="#96">hardcore rap</a></li> <li><a href="#154">hip hop - asian</a></li> <li><a href="#247">hip hop - dutch</a></li> <li><a href="#248">hip hop - german</a></li> <li><a href="#91">hip hop general</a></li> <li><a href="#234">hyphy</a></li> <li><a href="#250">nerdcore</a></li> <li><a href="#98">new school</a></li> <li><a href="#97">old school</a></li> <li><a href="#99">positive vibes</a></li> <li><a href="#100">spoken word</a></li> </ul> </li> <li > <a href="#">instrumentals</a> <ul > <li><a href="#198">cover songs</a></li> <li><a href="#169">beats general</a></li> <li><a href="#185">classical</a></li> <li><a href="#262">club bangas</a></li> <li><a href="#261">crunk</a></li> <li><a href="#255">dirty south</a></li> <li><a href="#257">east coast</a></li> <li><a href="#167">electro-hop</a></li> <li><a href="#47">film music</a></li> <li><a href="#263">funk</a></li> <li><a href="#266">game & soundtrack</a></li> <li><a href="#192">gangsta</a></li> <li><a href="#264">hardcore</a></li> <li><a href="#168">hip hop</a></li> <li><a href="#249">instrumentals with hooks</a></li> <li><a href="#186">jazzy beats</a></li> <li><a href="#187">latin</a></li> <li><a href="#265">miami bass</a></li> <li><a href="#258">mid west</a></li> <li><a href="#260">new school</a></li> <li><a href="#259">old school</a></li> <li><a href="#188">pop</a></li> <li><a href="#190">r&b</a></li> <li><a href="#271">reggae beats</a></li> <li><a href="#235">reggaeton</a></li> <li><a href="#189">rock</a></li> <li><a href="#194">scratch</a></li> <li><a href="#191">smooth</a></li> <li><a href="#256">west coast</a></li> </ul> </li> <li > <a href="#">jazz</a> <ul > <li><a href="#202">cover songs</a></li> <li><a href="#111">acid jazz</a></li> <li><a href="#112">bebop</a></li> <li><a href="#113">dixieland</a></li> <li><a href="#114">free jazz</a></li> <li><a href="#115">jazz fusion</a></li> <li><a href="#110">jazz general</a></li> <li><a href="#116">jazz vocals</a></li> <li><a href="#236">lounge</a></li> <li><a href="#268">modern jazz</a></li> <li><a href="#218">nu jazz</a></li> <li><a href="#118">smooth jazz</a></li> <li><a href="#119">swing</a></li> </ul> </li> <li > <a href="#">latin</a> <ul > <li><a href="#203">cover songs</a></li> <li><a href="#220">bossa nova</a></li> <li><a href="#180">cuban</a></li> <li><a href="#160">flamenco</a></li> <li><a href="#179">general latin</a></li> <li><a href="#117">latin jazz</a></li> <li><a href="#161">mariachi</a></li> <li><a href="#162">merengue</a></li> <li><a href="#181">pop/balada</a></li> <li><a href="#209">reggaeton</a></li> <li><a href="#163">salsa</a></li> <li><a href="#221">samba</a></li> <li><a href="#237">tango</a></li> </ul> </li> <li > <a href="#">metal</a> <ul > <li><a href="#204">cover songs</a></li> <li><a href="#170">alternative metal</a></li> <li><a href="#171">death/black metal</a></li> <li><a href="#273">doom metal</a></li> <li><a href="#172">goth metal</a></li> <li><a href="#173">heavy metal</a></li> <li><a href="#174">industrial metal</a></li> <li><a href="#270">power metal</a></li> <li><a href="#269">progressive metal</a></li> <li><a href="#175">rap-metal</a></li> </ul> </li> <li > <a href="#">pop</a> <ul > <li><a href="#205">cover songs</a></li> <li><a href="#122">adult contemporary</a></li> <li><a href="#125">beach</a></li> <li><a href="#208">christmas/seasonal</a></li> <li><a href="#128">contemporary christian</a></li> <li><a href="#129">contemporary gospel</a></li> <li><a href="#123">euro pop</a></li> <li><a href="#130">j-pop</a></li> <li><a href="#124">musical</a></li> <li><a href="#121">pop general</a></li> <li><a href="#127">pop rock</a></li> <li><a href="#126">power pop</a></li> </ul> </li> <li > <a href="#">rock</a> <ul > <li><a href="#206">cover songs</a></li> <li><a href="#133">christian rock</a></li> <li><a href="#134">classic rock</a></li> <li><a href="#135">folk rock</a></li> <li><a href="#222">garage rock</a></li> <li><a href="#136">goth rock</a></li> <li><a href="#137">guitar rock</a></li> <li><a href="#251">hard rock</a></li> <li><a href="#139">instrumental rock</a></li> <li><a href="#140">progressive rock</a></li> <li><a href="#219">psychedelic rock</a></li> <li><a href="#141">punk</a></li> <li><a href="#143">rock en espanol</a></li> <li><a href="#132">rock general</a></li> <li><a href="#142">rock n roll</a></li> <li><a href="#144">rock unplugged</a></li> <li><a href="#146">southern rock</a></li> <li><a href="#145">surf rock</a></li> </ul> </li> <li > <a href="#">talk/poetry</a> <ul > <li><a href="#213">audio blog</a></li> <li><a href="#214">fictional stories</a></li> <li><a href="#239">music talk</a></li> <li><a href="#212">poetry</a></li> <li><a href="#215">politics</a></li> <li><a href="#217">religious</a></li> <li><a href="#238">sports</a></li> <li><a href="#211">talk</a></li> </ul> </li> <li > <a href="#">urban/r&b</a> <ul > <li><a href="#207">cover songs</a></li> <li><a href="#106">funk</a></li> <li><a href="#103">funky r&b</a></li> <li><a href="#108">gospel</a></li> <li><a href="#240">neo-soul</a></li> <li><a href="#107">r&b/soul/pop</a></li> <li><a href="#104">smooth r&b</a></li> <li><a href="#105">soul</a></li> </ul> </li> <li > <a href="#">world</a> <ul > <li><a href="#242">dancehall</a></li> <li><a href="#241">dub</a></li> <li><a href="#244">native american</a></li> <li><a href="#149">new age</a></li> <li><a href="#151">reggae</a></li> <li><a href="#152">traditional african</a></li> <li><a href="#153">traditional arabic</a></li> <li><a href="#267">traditional asian</a></li> <li><a href="#155">traditional celtic</a></li> <li><a href="#156">traditional european</a></li> <li><a href="#157">traditional hawaiian</a></li> <li><a href="#158">traditional indian</a></li> <li><a href="#159">traditional irish</a></li> <li><a href="#164">traditional spanish</a></li> <li><a href="#150">world fusion</a></li> <li><a href="#148">world general</a></li> </ul> </li> </ul> </li> </ul> </body></html>
Output
You can jump to the latest bin by adding /latest to your URL
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
| ctrl + [num] | Toggle nth panel |
| ctrl + 0 | Close focused panel |
| ctrl + enter | Re-render output. If console visible: run JS in console |
| Ctrl + l | Clear the console |
| ctrl + / | Toggle comment on selected lines |
| ctrl + ] | Indents selected lines |
| ctrl + [ | Unindents selected lines |
| tab | Code complete & Emmet expand |
| ctrl + shift + L | Beautify code in active panel |
| ctrl + s | Save & lock current Bin from further changes |
| ctrl + shift + s | Open the share options |
| ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts | |
JS Bin URLs
| URL | Action |
|---|---|
| / | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
| /edit | Edit the current bin |
| /watch | Follow a Code Casting session |
| /embed | Create an embeddable version of the bin |
| /latest | Load the very latest bin (/latest goes in place of the revision) |
| /[username]/last | View the last edited bin for this user |
| /[username]/last/edit | Edit the last edited bin for this user |
| /[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
| /quiet | Remove analytics and edit button from rendered output |
| .js | Load only the JavaScript for a bin |
| .css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. | |
public
0viewers