| 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: 14 let
|
|||
0