Показать сообщение отдельно
  #1 (permalink)  
Старый 21.10.2014, 11:40
Аспирант
Отправить личное сообщение для alexmixaylov Посмотреть профиль Найти все сообщения от alexmixaylov
 
Регистрация: 14.09.2013
Сообщений: 70

Преключатель валют
Пишу переключатель валют для сайта
Впал в ступор - дальше не пойму как делать, подскажите пож что использовать
есть несколько блоков с ценой
<div class="wrap-price">
        <p class="price">1690</p>
        <p class="curency">
            <span class="jsCur usd">USD</span>
            <span class="jsCur eur">EUR</span>
            <span class="jsCur rub">RUB</span>
        </p>
    </div>
<div class="wrap-price">
        <p class="price">990</p>
        <p class="curency">
            <span class="jsCur usd">USD</span>
            <span class="jsCur eur">EUR</span>
            <span class="jsCur rub">RUB</span>
        </p>
    </div>

$(document).ready(function () {
    rate = 1; 
    //курсы валют
    var rubRates = 1;
    var usdRates = 40;
    var eurRates = 50; 
    $('span.jsCur.usd').addClass('active'); //ставлю валюту по умолчанию
    
    var basePrice = parseInt($('p.price').html()); //получаю базовую цену в блоке
    var activePrice = $('span.active').html(); //вычисляю какая валюта выбрана
    
        function calcRate() { //функция расчета множителя
        if (activePrice == 'USD') {
            rate = rubRates / usdRates;
        }
        if (activePrice == 'EUR') {
            rate = rubRates / eurRates;
        }
        //console.log(rate);
    }
    calcRate();

    //смена валюты по клику
    $("span.jsCur").click(function changeCur() {
        if ($(this).hasClass("usd")) {
            $("span.jsCur").removeClass("active");
            $('span.jsCur.usd').addClass("active");
        }
        if ($(this).hasClass("rub")) {
            $("span.jsCur").removeClass("active");
            $('span.jsCur.rub').addClass("active");
        }
        if ($(this).hasClass("eur")) {
            $("span.jsCur").removeClass("active");
            $('span.jsCur.eur').addClass("active");
        }

    });
    
    var wrapPrice = {
        price: basePrice,
        curPrice: basePrice * rate
    };

    console.log(wrapPrice.curPrice);
    console.log(rate);

});
нужно чтобы при клике на выбраную валюту (span.jsCur) пересчитывались все цены на страничке(p.price)

Знаю, что нужно как то в цикл обернуть , но не пойму Что совать туда, чтобы по клику все цены переписывались
Ответить с цитированием