|
Сообщение от laimas
|
|
долгие разговоры мне вести некогда.
|
Извините что вас отвлекаю, я не спишу.
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Документ без названия</title>
<script type="text/javascript" src="http://forum.ucoz.ru/.s/src/jquery-1.7.2.js"></script>
</head>
<body>
<style>
.up {color: #0f0; /*зеленый цвет*/}
.down {color: #f00;}
</style>
<table style="width:50%;font-family: Verdana, Arial, Helvetica, sans-serif;">
<tbody>
<tr>
<td style="font-size: 3vw; color: #8c8c8c;"><span class="usddata2"></span></td>
<td style="font-size: 3vw; color: #8c8c8c;"><span class="usddata"></span></td>
</tr>
<tr>
<td style="font-size: 4vw; color: #333333;"><span class="previous"></span></td>
<td style="font-size: 4vw; color: #333333;"><span class="current"></span></td>
</tr>
</tbody>
</table>
<script>
//именно такое и получит Ajax
$.getJSON("http://h116641.s08.test-hf.su/", function(data) {
$('.usddata').html(data.current.date);
$('.usddata2').html(data.previous.date);
//и вот тут данные этого объекта помещаются на свои места
$.each(data, function(k, o) {
$('.'+k).html("$ " + o.value + ' <b class=' + ['','down','up'][o.rate] +'>' + ['','▼','▲'][o.rate] +'</b>').attr("title", o.date)
})
});
</script>
</body>
</html>
Визуально это выглядит так:
https://pp.userapi.com/c841127/v8411...McDyFLQydg.jpg