| Autor | Zpráva | ||
|---|---|---|---|
| Milkys Profil |
Dobrý večer,
Níže uvedený kod funguje na 50%. Zobrazuje resp. skrývá výsledky z 1. selectu (výběr datumu). S druhým selectem (výběr měny) potřebuji udělat to samé. Toto by to mělo dělat: Zobrazím stránku: zobrazí se jen výsledky mající id="priceList-1" (2012-05-03) a výsledky id="price-value-1" nechci tam mít výsledky id="price-value-2" (chci jen v Kč). Stále mám id="priceList-1", zvolím v selectu value="price-value-2" (EURA) a měly by se zobrazit ceny jen v eurech. V Kč zůstanou skryty. Takto by měl fungovat id="priceList-2" (2014-10-12). Dá se to vůbec nějak udělat? Pomůže mi s tím prosím někdo? Předem děkuji. <html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<div id="body-container">
<div id="body-container-in">
<form id="form-season-selection">
<select id="form-season-selection-select">
<option value="priceList-1">2012-05-03
</option>
<option value="priceList-2">2012-12-01
</option>
</select>
</form>
<form id="form-currency-selection">
<select name="currencySelector" id="currencySelector">
<option value="price-value-1" label="CZK">CZK
</option>
<option value="price-value-2" label="EUR">EUR
</option>
</select>
</dd>
</dl>
</form>
<div class="priceLists">
<table class="pricelist" id="priceList-1">
<tbody>
<tr><td>
<span>Pivo
</span></td>
<td class="price-value" id="price-value-1">
<span class="price">1000
</span>
<span class="currency">Kč
</span></td>
<td class="price-value" id="price-value-2">
<span class="currency">€
</span>
<span class="price">40
</span></td>
</tr>
</tbody>
</table>
<table class="pricelist" id="priceList-2">
<tbody>
<tr><td>
<span>Pivo
</span></td>
<td class="price-value" id="price-value-1">
<span class="price">500
</span>
<span class="currency">Kč
</span></td>
<td class="price-value" id="price-value-2">
<span class="currency">€
</span>
<span class="price">20
</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<script type="text/javascript">
//sezona
$(document).ready(function () {
$('.pricelist').hide();
$('#priceList-1').show();
$('#form-season-selection-select').change(function () {
$('.pricelist').hide();
$('#'+$(this).val()).show();
})
});
</script>
</body>
</html> |
||
| Milkys Profil |
#2 · Zasláno: 5. 5. 2012, 09:05:09
Vyřešeno, jak jednoduché.
//měna
$(document).ready(function () {
$('.price-value').hide();
$('#price-value-1').show();
$('#currencySelector').change(function () {
$('.price-value').hide();
$('#'+$(this).val()).show();
})
}); |
||
| Milkys Profil |
#3 · Zasláno: 5. 5. 2012, 14:34:25
Tak to funguje jen pokud tam bude jen jedna částka v Kč nebo euro. Když jich bude více v jedné nebo druké měně tak se zobrazí vždy jen ty první částky a další částky se stejným id ne. Právě proto, že id může být jen jedno.
Tak nevím... Ví někdo prosím jak to vyřešit nebo kde se o podobném problému píše? |
||
| _es Profil |
#4 · Zasláno: 5. 5. 2012, 14:59:47
Milkys:
„další částky se stejným id ne. Právě proto, že id může být jen jedno.“ No a prečo im teda nedáš odlišné id?
|
||
| Milkys Profil |
_es:
protože v selectu mám: <option value="price-value-1" label="CZK">CZK </option> <option value="price-value-2" label="EUR">EUR </option> A nechci mít v selectu toto: <option value="price-value-1" label="CZK">CZK </option> <option value="price-value-2" label="EUR">EUR </option> <option value="price-value-3" label="CZK">CZK </option> <option value="price-value-...n" label="EUR">EUR </option> |
||
|
Časová prodleva: 12 let
|
|||
0