Autor | Zpráva | ||
---|---|---|---|
Prkny Profil |
#1 · Zasláno: 20. 5. 2012, 07:16:59
Zdravím,
rád bych se zeptal jak udělat vymezovač cen, který má např. alza. NEvíte o nějakém příkladu případně hotovém řešení ? Rád bych parametry dostal např. do URL adresy přes GET. Děkuji. |
||
ShiraNai7 Profil |
#2 · Zasláno: 20. 5. 2012, 19:02:27
Např. pomocí jQuery UI - http://jqueryui.com/demos/slider/#range
|
||
Prkny Profil |
#3 · Zasláno: 21. 5. 2012, 12:56:46
Děkuji za tip.
Bohužel někde dělám chybu, jelikož se mi ten slide nezobrazuje. Nevíte čím by to mohlo být ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;> <meta name="generator" content="PSPad editor, www.pspad.com"> <meta charset="utf-8"> <style> #demo-frame > div.demo { padding: 10px !important; }; </style> <script> $(function() { $( "#slider-range" ).slider({ range: true, min: 0, max: 500, values: [ 75, 300 ], slide: function( event, ui ) { $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); } }); $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) + " - $" + $( "#slider-range" ).slider( "values", 1 ) ); }); </script> <title></title> </head> <body> <div class="demo"> <p> <label for="amount">Price range:</label> <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" /> </p> <div id="slider-range"></div> </div><!-- End demo --> <div class="demo-description"> <p>Set the <code>range</code> option to true to capture a range of values with two drag handles. </p> </div><!-- End demo-description --> </body> </html> |
||
Medvídek Profil |
#4 · Zasláno: 21. 5. 2012, 13:20:17
Prkny:
A kde máš přilinkován jQuery a jQuery UI? |
||
Prkny Profil |
#5 · Zasláno: 21. 5. 2012, 20:10:07
[#4] Medvídek
Ani když okopíruju tento samotný kod tak se mi to nezobrazí http://jqueryui.com/demos/slider/range.html Co mi tam konkrétně ještě chybí ? |
||
Časová prodleva: 12 let
|
0