Вывод курса валют

[spinastr]

spinastr,

поместить в <div id="usd"></div>

[laimas]

spinastr,
хотите сайт? Значит начинайте учить основы html/css/js. Здесь форм помощи для тех, кто что-то делает сам и обращается по конкретным вопросам. Для тех кто сам не делает, но просит сделать, для этого на сайте есть раздел Работа.

"поместить в <div id="usd"></div>"? Да не проблема:

$.getJSON("http://domain_1", function(data) {
    $('#usd').html($.map(data, function(e) {
        return e.date + ': ' + e.rate + '$' + e.value
    }).join('<br>'));
});

Так устроит?

[spinastr]

laimas,

демо

{"current":{"date":"8.2.2018","value":56.95,"rate" :"▼"},"previous":{"date":"7.2.2018","value":57.2 2,"rate":"▲"}}

так нужно?

{'current':{'date','value','rate','previous':{'date','value','rate'}}

Так нужно в current.json написать?

[spinastr]

$.getJSON("http://domain_1", function(data) {
    $('#usd').html($.map(data, function(e) {
        return e.date + ': ' + e.rate + '$' + e.value
    }).join('<br>'));
});

вот тут уже знакомо, вижу блок, а под стрклки как вывод сделать что бы считали повышение или понижение?

[spinastr]

laimas,
или нужно так?

{"current":{"date":"date('j.n.Y')","value":$usd_curr,"rate" :"$usd_curr > $usd_prev ? '▲' : '▼'"},"previous":{"date":"date('j.n.Y', strtotime('-1 day'))","value":$usd_prev,"rate":"$usd_prev > $last ? '▲' : '▼'"}}

[spinastr]

Я пытаюсь делать сам и вникнуть, но не понимаю js.

У меня не так много денег что бы фрилансеров найти, уж простите меня. Я инвалид.

[laimas]

Я пытаюсь делать сам и вникнуть, но не понимаю js.

Ну так как могут что-то конкретного посоветовать те, которых вы спрашиваете, если они не знают, что нужно в итоге?

Поэтому и просьба, показать html код того во что это нужно вывести. Есть же какая-то красивая картинка, которая показывает как это будет на странице? А по этой картинке сверстан html-код, который и будет реализовать на странице эту картинку.

Ну ежику же понятно, что просто вывести в 'usd' ну не катит. Наверное же цифры курса как-то выделяются или шрифтом, или начертанием и т.п., стрелки тоже, а это означает, что вся информация не просто в <div id="usd"> помещается, но и помещается в какие-то определенные для них html-элементы. Этим элементам могут быть определены и стили, да еще и по условию.

Значит в <div id="usd"> есть html-код, который и надо показать. Неужели это трудно для понимания?

Может с учетом этого кода потребуется что-то изменить/добавить в ранее предложенном коде.

Я и не требую от вас оплаты, от вас только требуется показывать и разъяснять, чтобы не тратить зря время тем, кто вам будет помогать.

[spinastr]

laimas,

красивая картинка

https://pp.userapi.com/c840222/v8402...Ng2r7Zih4Q.jpg

код блока погоды с анимацией

<li><div class="wow fadeInLeft animated" style="visibility: visible; animation-name: bounceIn;"><a href="pogoda_v_oblasti/0-10" title="Посмотреть погоду на неделю"><span class="lead toggler" id="celsius2"></span> </div></a></li>

Мобильная версия

https://pp.userapi.com/c840222/v8402...0zQxHNZAks.jpg

[spinastr]

laimas,

Так как реальный код курса вывести не пойму?

[laimas]

А причем тут код блока погоды?

В общем так, если так как на картинке отображать курс, то можно это решить, например, посредством пседоэлементов :before/:after. Так как цвет стрелок вверх/вниз разный, то структура json, которую отдает сервер не годится. Выгоднее возвращать признак роста/падения курса.

В файле current.php измените вот эти две строки кода, на указанные:

//было
'rate' => $usd_curr > $usd_prev ? '▲' : '▼'
//заменить на
'rate' => intval($usd_curr > $usd_prev)
//было
'rate' => $usd_prev > $last ? '▲' : '▼'
//заменить на
'rate' => intval($usd_prev > $last)

Добавить в файл стилей следующие правила:

/*общие правила для элементов отображающих курс*/
span[class|=rate] {
    display: block;
    text-align: center;
    padding: 3px 0;
    color: #000;
    font-weight: bold;
}

/*правила для знака доллара*/
span[class|=rate]:before {
    margin-right: 10px;
    content: "$";
}

/*общие правила для стрелок*/
span[class|=rate]:after {
    margin-left: 10px;
}

/*правила для стрелки вверх*/
.rate-1:after {
    content: "▲";
    color: #BC0101;
}

/*правила для стрелки вниз*/
.rate-0:after {
    content: "▼";
    color: #089301;
}

То есть, что будет в качестве стрелок и знака доллара задается в стилях, а какая стрелка будет отображена определяется именем класса, который определяется динамикой курса.

Код блока вывода:

<div id="usd" class="">
    <span id="current" class="rate-0"></span>
    <span id="previous" class="rate-0"></span>
</div>

JS код вывода:

$.getJSON("http://domain_1", function(data) {
    $.each(data, function(k, o) {
        $('#'+k).text(o.value).attr('class', function() {
            return this.className.replace(/\d/, o.rate)    
        })
    })
});

На что нужно заменить http://domain_1, думаю пояснять больше не надо.