<html>
<head>
<link href="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script src="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div data-role="page" id="homePage">
<div data-role="header" data-position="fixed">
<h1>Heading</h1>
</div>
<!-- /header -->
<div role="main" class="ui-content"> <a href="#storeMainPage">Store</a>
</div>
<!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div>
<!-- /footer -->
</div>
<!-- /page -->
<div data-role="page" id="liveRatesPage">
<div data-role="header" data-position="fixed"> <a href="#homePage" class="ui-btn-left ui-btn ui-btn-inline ui-mini ui-corner-all
ui-btn-icon-left ui-icon-home">
Home
</a>
<h1>Online CMR</h1>
</div>
<!-- /header -->
<div role="main" class="ui-content">
<!-- /navbar -->
<ul id="ulLiveRates" class="list-liverates"></ul>
<input id="hdnLiveRateIndex" value="0" type="hidden" />
</div>
<!-- /content -->
</div>
<!-- /page -->
<div data-role="page" id="storeMainPage">
<div data-role="header" data-position="fixed"> <a href="#homePage" class="ui-btn-left ui-btn ui-btn-inline ui-mini ui-corner-all
ui-btn-icon-left ui-icon-home">Home</a>
<h1>Online CMR</h1>
<button id="aStoreReload" class="ui-btn-right ui-btn ui-btn-inline ui-mini
ui-corner-all ui-btn-icon-left ui-icon-refresh">Reload</button>
</div>
<!-- /header -->
<div role="main" class="ui-content store-main">
<select id="ddlStoreMainCommodity" name="ddlStoreMainCommodity" data-native-menu="true">
<option value="0" selected="">Select Commodity</option>
<option value="7">Veg Oils/Cakes</option>
<option value="2">Oil Seeds</option>
<option value="13">Sugar/Jaggery</option>
<option value="12">Pulses</option>
<option value="19">Cereals</option>
<option value="14">Spices</option>
<option value="6">Rice/Paddy</option>
<option value="4">Cashew</option>
<option value="11">Coffee</option>
<option value="10">Arecanut</option>
<option value="25">Wheat Products</option>
<option value="26">Poultry</option>
<option value="27">General</option>
</select>
<div class="text-center" style=" margin-bottom: 0.313em;">OR</div>
<select id="ddlStoreCity" name="ddlStoreCity" data-native-menu="true">
<option value="0" selected="">Select City</option>
<option value="93">Adoni</option>
<option value="146">Ahmedabad</option>
<option value="238">Akola</option>
<option value="228">Alipurduar</option>
<option value="66">Anandapura</option>
<option value="196">Arsikere</option>
<option value="34">Athani</option>
<option value="118">Badiyadka</option>
<option value="26">Bagalkot</option>
<option value="167">Bangalore</option>
<option value="234">Bantwal</option>
<option value="9">Belgaum</option>
<option value="8">Bellary</option>
<option value="68">Bhadravati</option>
<option value="241">Bhuj</option>
<option value="245">Bidar</option>
<option value="19">Bijapur</option>
<option value="38">Challikere</option>
<option value="46">Chikmagalur</option>
<option value="190">Chikodi</option>
<option value="199">Chintamani</option>
<option value="39">Chitradurga</option>
<option value="130">Coimbatore</option>
<option value="198">Cuddalore</option>
<option value="161">Cuttack</option>
<option value="24">Daginkatte</option>
<option value="25">Davangere</option>
<option value="11">Dharwad</option>
<option value="78">Dulya</option>
<option value="12">Gadag</option>
<option value="18">Gangavathi</option>
<option value="65">Gokak</option>
<option value="29">Gulbarga</option>
<option value="243">Guntakal</option>
<option value="99">Guntur</option>
<option value="32">Harapanahalli</option>
<option value="35">Harihar</option>
<option value="42">Hassan</option>
<option value="36">Haveri</option>
<option value="51">Hebri</option>
<option value="131">Hosur</option>
<option value="10">Hubli</option>
<option value="94">Hyderabad</option>
<option value="136">Indore</option>
<option value="139">Jabalpur</option>
<option value="77">Jalgaon</option>
<option value="226">Jalpaiguri</option>
<option value="43">Jamkhandi</option>
<option value="165">Jeypore</option>
<option value="126">Kakinad</option>
<option value="242">Kalol</option>
<option value="229">Kampli</option>
<option value="143">Kanpur</option>
<option value="20">Karatagi</option>
<option value="105">Karimnagar</option>
<option value="57">Karkala</option>
<option value="115">Kasargod</option>
<option value="49">Kerehalli</option>
<option value="98">Khammam</option>
<option value="70">Kolhapur</option>
<option value="150">Kolkata</option>
<option value="120">Kollam</option>
<option value="44">Koppa</option>
<option value="7">Koppal</option>
<option value="60">Kumta</option>
<option value="48">Kundapur</option>
<option value="92">Kurnool</option>
<option value="192">Kushalanagar</option>
<option value="79">Latur</option>
<option value="144">Lucknow</option>
<option value="64">Malebennur</option>
<option value="45">Mandya</option>
<option value="15">Mangalore</option>
<option value="240">Manvi</option>
<option value="185">Maski</option>
<option value="124">Mettupalayam</option>
<option value="145">Modasa</option>
<option value="53">Mudigere</option>
<option value="76">Mumbai</option>
<option value="37">Mysore</option>
<option value="244">Nadiyad</option>
<option value="181">Nanded</option>
<option value="102">Narasaraopet</option>
<option value="28">Nargund</option>
<option value="80">Nasik</option>
<option value="246">Nipani</option>
<option value="128">Palani</option>
<option value="123">Palasa</option>
<option value="135">Panruti</option>
<option value="40">Pavagad</option>
<option value="97">Podili</option>
<option value="91">Proddatur</option>
<option value="189">Puducherry</option>
<option value="73">Pune</option>
<option value="54">Puttur</option>
<option value="191">Raibag</option>
<option value="13">Raichur</option>
<option value="27">Ranebennur</option>
<option value="50">Rippenpet</option>
<option value="69">Sacheripete</option>
<option value="183">Sagar</option>
<option value="52">Sakleshapura</option>
<option value="174">Salem</option>
<option value="75">Sangli</option>
<option value="67">Santhekatte</option>
<option value="33">Shiggavi</option>
<option value="170">Shikaripura</option>
<option value="21">Shimoga</option>
<option value="17">Siddapura(UK)</option>
<option value="22">Sindhanur</option>
<option value="186">Sirguppa</option>
<option value="14">Sirsi</option>
<option value="71">Solapur</option>
<option value="197">Surat</option>
<option value="100">Suryapet</option>
<option value="30">Talikoti</option>
<option value="47">Thekatte</option>
<option value="129">Theni</option>
<option value="182">Tirupati</option>
<option value="116">Trichur</option>
<option value="23">Tumkur</option>
<option value="125">Tuni</option>
<option value="59">Udupi</option>
<option value="213">Vadodara</option>
<option value="134">Vellore</option>
<option value="88">Vengurla</option>
<option value="95">Vijaywada</option>
<option value="194">VIRUDHUNAGAR</option>
<option value="106">Vizag</option>
<option value="16">Yallapur</option>
<option value="193">Yeracaud</option>
</select>
<h4 id="storeMainDesc">Latest Store Updates</h4>
<ul id="ulStoreMain" class="list-store"></ul>
<input type="hidden" id="hdnStoreIndex" value="0" />
</div>
<!-- /content -->
<!-- /footer -->
</div>
<!-- /page -->
</body>
</html>
// Refresh the store main page - experimental
$(document).on('click', '#aStoreReload', function (event) {
location.reload();
});
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. |