| Autor | Zpráva | ||
|---|---|---|---|
| Harpl Profil * |
#1 · Zasláno: 17. 11. 2014, 06:12:44
Dobrý den,
snažím se sečíst hodnotu všech inputů, jenže tam mám ještě kontroly, že když value = 0, tak div s inputem zmizí a když je větší než 1, tak se zase objeví (i když zmizí je na stránce trošku jinde tlačítko pro přidání hodnoty). Podařilo se mi i sečíst hodnoty, jenže pak nefungovala tato ověření. Potřeboval bych tedy sčítat hodnoty všech inputů, ale dynamicky, při každé změně se obnoví. JS: $(function() {
$('input.rowModre').change(function () {
var $this = $(this);
if ($this.val() == "0") {
$("div.blues").fadeOut( "slow" );
} else {
$("div.blues").fadeIn( "slow" );
}
});
$('input.rowModre').trigger('change');
});
function pricistModre()
{
var value = parseInt(document.getElementById('pocetModre').value, 10);
value = isNaN(value) ? 0 : value;
if (value == 0) {
$("div.blues").fadeIn( "slow" );
};
value++;
document.getElementById('pocetModre').value = value;
}
function pricistZlute()
{
var value = parseInt(document.getElementById('pocetZlute').value, 10);
value = isNaN(value) ? 0 : value;
if (value == 0) {
$("div.yellows").fadeIn( "slow" );
};
value++;
document.getElementById('pocetZlute').value = value;
}
$(function() {
$('input.rowZlute').change(function () {
var $this = $(this);
if ($this.val() == "0") {
$("div.yellows").fadeOut( "slow" );
} else {
$("div.yellows").fadeIn( "slow" );
}
});
$('input.rowZlute').trigger('change');
});
function pricistCervene()
{
var value = parseInt(document.getElementById('pocetCervene').value, 10);
value = isNaN(value) ? 0 : value;
if (value == 0) {
$("div.reds").fadeIn( "slow" );
};
value++;
document.getElementById('pocetCervene').value = value;
}
$(function() {
$('input.rowCervene').change(function () {
var $this = $(this);
if ($this.val() == "0") {
$("div.reds").fadeOut( "slow" );
} else {
$("div.reds").fadeIn( "slow" );
}
});
$('input.rowCervene').trigger('change');
});
function pricistBile()
{
var value = parseInt(document.getElementById('pocetBile').value, 10);
value = isNaN(value) ? 0 : value;
if (value == 0) {
$("div.whites").fadeIn( "slow" );
};
value++;
document.getElementById('pocetBile').value = value;
}
$(function() {
$('input.rowBile').change(function () {
var $this = $(this);
if ($this.val() == "0") {
$("div.whites").fadeOut( "slow" );
} else {
$("div.whites").fadeIn( "slow" );
}
});
$('input.rowBile').trigger('change');
}); HTML (pouze část s inputy): <div class="listitem">
<style type="text/css">
.ittem {
overflow:hidden;
display:block;
}
</style>
<div class="ittem blues">
<a href=""><img src="images/blue.png" alt=""></a>
<a href=""><h3>blue</h3></a>
<span>Modré</span>
<div class="pocetkusu">
Počet kusů
</div>
<input type="number" value="0" class="number rowModre" min="0" name="pocetModre" id="pocetModre">
<div class="cena">
10kč
</div>
<div class="posta">
99kč Poštovné a balné
</div>
<img src="images/krizek.png" alt="" class="krizek">
</div>
<div class="ittem yellows">
<a href=""><img src="images/yellow.png" alt=""></a>
<a href=""><h3>žluté</b></h3></a>
<span>Žluté</span>
<div class="pocetkusu">
Počet kusů
</div>
<input type="number" value="0" class="number rowZlute" min="0" name="pocetZlute" id="pocetZlute">
<div class="cena">
10kč
</div>
<div class="posta">
99kč Poštovné a balné
</div>
<img src="images/krizek.png" alt="" class="krizek">
</div>
<div class="ittem whites">
<a href=""><img src="images/black.png" alt=""></a>
<a href=""><h3>černé</b></h3></a>
<span>Bílé</span>
<div class="pocetkusu">
Počet kusů
</div>
<input type="number" value="0" class="number rowBile" min="0" name="pocetBile" id="pocetBile">
<div class="cena">
10kč
</div>
<div class="posta">
99kč Poštovné a balné
</div>
<img src="images/krizek.png" alt="" class="krizek">
</div>
<div class="ittem reds">
<a href=""><img src="images/red.png" alt=""></a>
<a href=""><h3>červené</h3></a>
<span>Červené</span>
<div class="pocetkusu">
Počet kusů
</div>
<input type="number" value="0" class="number rowCervene" min="0" name="pocetCervene" id="pocetCervene">
<div class="cena">
10kč
</div>
<div class="posta">
99kč Poštovné a balné
</div>
<img src="images/krizek.png" alt="" class="krizek">
</div>
<div class="end">
<p>slevový kupon</p><input type="text">
<span>SPOLU: <b>
CENA ZDE Kč</b></span>
</div>
</div> Děkuji |
||
| Taps Profil |
#2 · Zasláno: 17. 11. 2014, 17:16:31
Harpl:
„Potřeboval bych tedy sčítat hodnoty všech inputů, ale dynamicky, při každé změně se obnoví.“ musíš hodnoty všech input projít přes each a sečít. pro inspiraci viz http://jsfiddle.net/taps/2T9TG/ http://stackoverflow.com/questions/9609731/onchange-event-for-input-type-number |
||
| Harpl Profil * |
#3 · Zasláno: 17. 11. 2014, 20:44:46
A na základě čeho se to obnovuje? Někdy se mi to obnovilo, někdy ne. Nakonec z toho vylezlo tohle. http://clip2net.com/s/jiG4mk
Potřeboval bych, aby to bylo opravdu aktuální, bylo by hodně prasácké dělat to např každou sekundu? |
||
| Taps Profil |
#4 · Zasláno: 18. 11. 2014, 21:14:41
Harpl:
obnovuje se to na základě kliknutí do inputu a na základě stisku klávesy |
||
|
Časová prodleva: 12 let
|
|||
0