Вывести в картинку в соответствии с днем недели.

@Dimon25 · Регистрация: 06.03.2017

Студворк — интернет-сервис помощи студентам

Здравствуйте
Нужно вывести в картинку в соответствии с днем недели. События каждый день разные, соответственно данные находятся в json файле ибо иначе скрипт стал бы огромным.
Собсна вопрос - как вывести картинку (путь в json) Сам файл
код

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="wrapper">
<h2>Сегодня</h2>
<div id="calendar"></div>
<div id="calendar_data">
  <h3>No Events</h3>
  <dl>
    <dt><dfn>Title:</dfn></dt><dd>No Events for this Day</dd>
    <dt><dfn>Hour:</dfn></dt><dd>No provide</dd>
    <dt><dfn>Venue:</dfn></dt><dd>No provide</dd>
    <dt><dfn>Location:</dfn></dt><dd>No provide</dd>
    <dt><dfn>Description:</dfn></dt><dd>No provide</dd>
    <dt><dfn>More Info:</dfn></dt><dd><a href="#" title="More info">Here</a><dt></dd>
  </dl>
</div>
<div class="clearfix"></div>
<div id="json">
 
</div>
        </div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
// Start
_('#calendar').innerHTML = calendar();
 
// short queySelector
function _(s) {
  return document.querySelector(s);
};
 
// show info
function showInfo(event) {
  // link 
  var url = 'http://site.ru/calendar.json';
  // get json
  getjson(url, function(obj) {
    for (key in obj) {
      // if has envent add class
      if(_('[data-id="' + key + '"]')){
        _('[data-id="' + key + '"]').classList.add('event');        
      }
      if (event === key) {
        // template info
        var data = '<h3>' + obj[key].type + '</h3>' +
            '<dl>' +
            '<dt><dfn>Title:</dfn></dt><dd>' + obj[key].title + '</dd>' +
            '<dt><dfn>Hour:</dfn></dt><dd>' + obj[key].time + '</dd>' +
            '<dt><dfn>Venue:</dfn></dt><dd>' + obj[key].venue + '</dd>' +
            '<dt><dfn>Location:</dfn></dt><dd>' + obj[key].location + '</dd>' +
            '<dt><dfn>Description:</dfn></dt><dd>' + obj[key].desc + '</dd>' +
            '<dt><dfn></dfn></dt><dd><a href="' + obj[key].more +
            '" title="">Утренняя служба</a><dt></dd>' +
            '</dl>' +
        '<dt><dfn></dfn></dt><dd><a href="' + obj[key].more1 +
            '" title="титле">Литургия</a><dt></dd>' +
            '</dl>' +
            '<dt><dfn></dfn></dt><dd><a href="' + obj[key].more2 +
            '" title="титле">Мчч.</a><dt></dd>' +
            '</dl>'
        ;
        return _('#calendar_data').innerHTML = data;
      }
    }
  });
}
 
// simple calendar
function calendar() {
  // show info on init
  showInfo();
 
  // vars
  var day_of_week = new Array(
    'Sun', 'Mon', 'Tue',
    'Wed', 'Thu', 'Fri', 'Sat'),
      month_of_year = new Array(
    'January', 'February', 'March',
    'April', 'May', 'June', 'July',
    'August', 'September', 'October',
    'November', 'December'),
      
      Calendar = new Date(),
      year = Calendar.getYear(),
      month = Calendar.getMonth(),
      today = Calendar.getDate(),
      weekday = Calendar.getDay(),
      html = '';
 
  // start in 1 and this month
  Calendar.setDate(1);
  Calendar.setMonth(month);
 
  // template calendar
  html = '<table>';
  // head
  html += '<thead>';
  html += '<tr class="head_cal"><th colspan="7">' + month_of_year[month] + '</th></tr>';
  html += '<tr class="subhead_cal"><th colspan="7">' + Calendar.getFullYear() + '</th></tr>';
  html += '<tr class="week_cal">';
  for (index = 0; index < 7; index++) {
    if (weekday == index) {
      html += '<th class="week_event">' + day_of_week[index] + '</th>';
    } else {
      html += '<th>' + day_of_week[index] + '</th>';
    }
  }
  html += '</tr>';
  html += '</thead>';
 
  // body
  html += '<tbody class="days_cal">';
  html += '</tr>';
  // white zone
  for (index = 0; index < Calendar.getDay(); index++) {
    html += '<td class="white_cal"> </td>';
  }
  
  for (index = 0; index < 31; index++) {
    if (Calendar.getDate() > index) {
 
      week_day = Calendar.getDay();
      
      if (week_day === 0) {
        html += '</tr>';
      }
      if (week_day !== 7) {
        // this day
        var day = Calendar.getDate();
        var info = (Calendar.getMonth() + 1) + '/' + day + '/' + Calendar.getFullYear();
 
        if (today === Calendar.getDate()) {
          html += '<td><a class="today_cal" href="#" data-id="' + info + '" onclick="showInfo(\'' + info + '\')">' +
            day + '</a></td>';
 
          showInfo(info);
          
        } else {
          html += '<td><a href="#" data-id="' + info + '" onclick="showInfo(\'' + info + '\')">' +
            day + '</a></td>';
        }
 
      }
      if (week_day == 7) {
        html += '</tr>';
      }
    }
    Calendar.setDate(Calendar.getDate() + 1);
  } // end for loop
  return html;
}
 
 
//   Get Json data  
function getjson(url, callback) {
  var self = this,
      ajax = new XMLHttpRequest();
  ajax.open('GET', url, true);
  ajax.onreadystatechange = function() {
    if (ajax.readyState == 4) {
      if (ajax.status == 200) {
        var data = JSON.parse(ajax.responseText);
        return callback(data);
      } else {
        console.log(ajax.status);
      }
    }
  };
  ajax.send();
}

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
*,
*:after,
*:before {
  box-sizing: border-box;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
.clearfix { display: inline-table; }
 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
 
 
body {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
}
/* for demo */
.wrapper {
  display:block;
  width: 600px;
  margin: 10px auto;
  background: #FCFCFC;
  color: #C5C2C2;
}
div#calendar {
  margin: 0;
  padding: 0;
  display: block;
  width: 50%;
  float: left;
  height: 300px;
  background: #F3F3F3;
}
table {
  width: 100%;
  font-family: sans-serif;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #DADADA;
  background: #ECECEC;
  height: 300px;
}
thead {} tr.head_cal {
  background: #FFAFAF;
  color: #FF8D8D;
  font-size: 20px;
  line-height: 60px;
  text-transform: uppercase;
}
tr.subhead_cal {
  background: #FF8585;
  color: #FFF;
  font-size: 18px;
  line-height: 28px;
}
tr.week_cal {
  background: #FFF;
  color: #D5D5D5;
  font-size: 15px;
  line-height: 27px;
}
td.white_cal {
  background: #ECECEC!important;
}
tbody.days_cal tr td a {
  padding: 5px 7px;
  text-decoration: none;
  color: #B9B9B9;
  line-height: 30px;
}
tbody.days_cal tr td {
  padding: 0;
  margin: 0;
  background: #FAFAFA;
  border: 1px solid #EBEAEA;
  text-align: center;
}
.event {
  border-radius: 100%;
  border-bottom: 1px solid #3498DB;
  transition: all 0.3s ease;
}
.today_cal.event {
  border-radius: 100%;
  border-bottom: 1px solid #EE7171;
  transition: all 0.3s ease;
}
.today_cal.event:hover,
.event:hover{
  border-color: #E26D2B;
  color: #E26D2B;
  transition: all 0.3s ease;
}
.week_event {
  color: #EE7171;
}
#calendar_data {
  margin: 0;
  padding: 0;
  display: block;
  width: 50%;
  float: left;
  height: 300px;
  background: #fff;
  border: 1px solid #E6E6E6;
  color: #C5C2C2;
  font-size: 13px;
  font-family: sans-serif;
  font-weight: 700;
}
#calendar_data h3 {
  text-align: center;
  font-size: 20px;
  padding: 5px 10px;
  margin: 0;
  color: #FF7676;
  border-bottom: 1px solid #EEEBEB;
  text-transform: capitalize;
}
#calendar_data  dl {
  padding: 0.5em;
  margin-left: -1em;
}
#calendar_data  dt {
  float: left;
  clear: left;
  width: 100px;
  text-align: right;
  font-weight: bold;
  color: #8F8F8F;
}
#calendar_data  dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em 0;
}
#calendar_data a {
  color: #FF8585;
  text-decoration: underline;
}
#json pre {
  display: block;
  clear: left;
  margin-top: 21px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: auto;
  height: 220px;
  background: #E46868;
  color: #FFF;
  border: 1px solid #E47B7B;
}

http://jsfiddle.net/Gegemon/nog0ymb9/1/

JSON
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
{
    "12/26/2018": {
        "type":"",
        "title": "26 декабря 2018 г. ( 13 декабря ст.ст.), среда.Седмица 31-я по Пятидесятнице. Рождественский пост.",        
        "venue":"Hyatt Regency Hotel",
        "time": "10:00 AM",
        "desc": "htyh-cerkvej.html", 
        "more": "http://site.ru/biblija/novyj-zavet/evangelie-ot-matfeja/1673-glava-10.html#10-16",
        "more1": "http://site.ru/biblija/novyj-zavet/sobornoe-poslanie-svjatogo-apostola-iakova/1674-glava-1.html#1-18",
        "more2": "http://site.ru/biblija/novyj-zavet/poslanie-k-efesjanam-svjatogo-apostola-pavla/1684-glava-6.html#6-10"
   },
    "12/27/2018": {
        "type":"",
        "title": "27 декабря 2018 г. ( 14 декабря ст.ст.), четверг.\nСедмица 31-я по Пятидесятнице. Рождественский пост.",
        "venue":"Hyatt Regency Hotel",
        "time": "10:00 AM",
        "desc": "htyh-cerkvej.html",
        "more": "http://site.ru/biblija/novyj-zavet/sobornoe-poslanie-svjatogo-apostola-iakova/1674-glava-1.html#1-19",
        "more1": "",
        "more2": "http://site.ru/zhitija/1726-mucheniki-firs-levkij-i-kallinik-kesarijskie.html"
    }
 }

@atanov · 27.12.2018, 12:35

Dimon25, распарсить в объект и взять свойство объекта и подставить хоть в url хоть в src. Только что-то я не вижу именно картинки. html'и вижу а изображений... Сляпой наверное

@Dimon25 · 27.12.2018, 17:39 **[ТС]**

atanov,

распарсить в объект и взять свойство объекта и подставить хоть в url хоть в src

я вообще не знаю JS
Попроще пжст.

Только что-то я не вижу именно картинки. html'и вижу а изображений.

картинки там и нет, но очень нужна. Потому и спрашиваю как сделать.

@atanov · 27.12.2018, 19:07

Dimon25, вот так можно перебрать:

HTML5
1
2
<meta charset="utf-8">
<script src="107.js"></script>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
let jsonObj = {
    "12/26/2018": {
        "type":"",
        "title": "26 декабря 2018 г. ( 13 декабря ст.ст.), среда.Седмица 31-я по Пятидесятнице. Рождественский пост.",        
        "venue":"Hyatt Regency Hotel",
        "time": "10:00 AM",
        "desc": "htyh-cerkvej.html", 
        "more": "http://site.ru/biblija/novyj-zavet/evangelie-ot-matfeja/1673-glava-10.html#10-16",
        "more1": "http://site.ru/biblija/novyj-zavet/sobornoe-poslanie-svjatogo-apostola-iakova/1674-glava-1.html#1-18",
        "more2": "http://site.ru/biblija/novyj-zavet/poslanie-k-efesjanam-svjatogo-apostola-pavla/1684-glava-6.html#6-10"
   },
    "12/27/2018": {
        "type":"",
        "title": "27 декабря 2018 г. ( 14 декабря ст.ст.), четверг.\nСедмица 31-я по Пятидесятнице. Рождественский пост.",
        "venue":"Hyatt Regency Hotel",
        "time": "10:00 AM",
        "desc": "htyh-cerkvej.html",
        "more": "http://site.ru/biblija/novyj-zavet/sobornoe-poslanie-svjatogo-apostola-iakova/1674-glava-1.html#1-19",
        "more1": "",
        "more2": "http://site.ru/zhitija/1726-mucheniki-firs-levkij-i-kallinik-kesarijskie.html"
    }
 };
 for (key in jsonObj)
 {
    for (clave in jsonObj[key])
    {
        console.log(clave + ' ' + jsonObj[key][clave]);
    }   
 }

В консоль выводится последовательно перебор свойств и значений первого объекта, потом второго. Ваша задача в эти объекты поставить линк на картинку. Доступ к значению объекта можно осуществлять по ключу, например title, будет доступен так: jsonObj[key][title].

@Dimon25 · 27.12.2018, 20:22 **[ТС]**

atanov,
если я правильно понял идея такова -

Java
1
2
3
{
    for (clave in jsonObj[key][time])
    {

не выводит ничего.
И еще - как вывести ссылку с анкором, формат я имею ввиду. Ибо просто вставка ссылки воспринимается как текст

@atanov · 27.12.2018, 20:48

Dimon25, в консоль выводит. А дальше я ничего не понял - ссылка линк что ли?

@Dimon25 · 27.12.2018, 20:57 **[ТС]**

atanov,

ссылка линк что ли?

да, типа <a href="site.ru">мой сайт</a>

в консоль выводит

это не интересно, надо чтобы на сайт выводил

@atanov · 27.12.2018, 21:28

Dimon25, ну так давайте выкладывайте html сюда и куда вставлять. И что именно брать из объекта

@Dimon25 · 27.12.2018, 21:46 **[ТС]**

постараюсь развернуть задачу. Итак.
Нужно в идеале получить это

Вывести в картинку в соответствии с днем недели.

т.е картинка каждый день другая, ссылка на праздники также каждый день другая.

@atanov · 27.12.2018, 21:49

Dimon25, осталось чуть-чуть, ответить на мой пост #8

@Dimon25 · 27.12.2018, 21:52 **[ТС]**

atanov,
виноват ))
парил с вложениями - кнопки нет "вставить в ответ"

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
// Start
_('#calendar').innerHTML = calendar();
 
// short queySelector
function _(s) {
  return document.querySelector(s);
};
 
// show info
function showInfo(event) {
  // link 
  var url = 'http://psaltiri.ru/calendar.json';
  // get json
  getjson(url, function(obj) {
    for (key in obj) {
      // if has envent add class
      if(_('[data-id="' + key + '"]')){
        _('[data-id="' + key + '"]').classList.add('event');        
      }
      if (event === key) {
        // template info
        var data = '<h3>' + obj[key].type + '</h3>' +
            '<dl>' +
            '<dt><dfn>Title:</dfn></dt><dd>' + obj[key].title + '</dd>' +
            '<dt><dfn>Hour:</dfn></dt><dd>' + obj[key].time + '</dd>' +
            '<dt><dfn>Venue:</dfn></dt><dd>' + obj[key].venue + '</dd>' +
            '<dt><dfn>Location:</dfn></dt><dd>' + obj[key].location + '</dd>' +
            '<dt><dfn>Description:</dfn></dt><dd>' + obj[key].desc + '</dd>' +
            '<dt><dfn></dfn></dt><dd><a href="' + obj[key].more +
            '" title="">Утренняя служба</a><dt></dd>' +
            '</dl>' +
        '<dt><dfn></dfn></dt><dd><a href="' + obj[key].more1 +
            '" title="титле">Литургия</a><dt></dd>' +
            '</dl>' +
            '<dt><dfn></dfn></dt><dd><a href="' + obj[key].more2 +
            '" title="титле">Мчч.</a><dt></dd>' +
            '</dl>'
        ;
        return _('#calendar_data').innerHTML = data;
      }
    }
  });
}
 
// simple calendar
function calendar() {
  // show info on init
  showInfo();
 
  // vars
  var day_of_week = new Array(
    'Sun', 'Mon', 'Tue',
    'Wed', 'Thu', 'Fri', 'Sat'),
      month_of_year = new Array(
    'January', 'February', 'March',
    'April', 'May', 'June', 'July',
    'August', 'September', 'October',
    'November', 'December'),
      
      Calendar = new Date(),
      year = Calendar.getYear(),
      month = Calendar.getMonth(),
      today = Calendar.getDate(),
      weekday = Calendar.getDay(),
      html = '';
 
  // start in 1 and this month
  Calendar.setDate(1);
  Calendar.setMonth(month);
 
  // template calendar
  html = '<table>';
  // head
  html += '<thead>';
  html += '<tr class="head_cal"><th colspan="7">' + month_of_year[month] + '</th></tr>';
  html += '<tr class="subhead_cal"><th colspan="7">' + Calendar.getFullYear() + '</th></tr>';
  html += '<tr class="week_cal">';
  for (index = 0; index < 7; index++) {
    if (weekday == index) {
      html += '<th class="week_event">' + day_of_week[index] + '</th>';
    } else {
      html += '<th>' + day_of_week[index] + '</th>';
    }
  }
  html += '</tr>';
  html += '</thead>';
 
  // body
  html += '<tbody class="days_cal">';
  html += '</tr>';
  // white zone
  for (index = 0; index < Calendar.getDay(); index++) {
    html += '<td class="white_cal"> </td>';
  }
  
  for (index = 0; index < 31; index++) {
    if (Calendar.getDate() > index) {
 
      week_day = Calendar.getDay();
      
      if (week_day === 0) {
        html += '</tr>';
      }
      if (week_day !== 7) {
        // this day
        var day = Calendar.getDate();
        var info = (Calendar.getMonth() + 1) + '/' + day + '/' + Calendar.getFullYear();
 
        if (today === Calendar.getDate()) {
          html += '<td><a class="today_cal" href="#" data-id="' + info + '" onclick="showInfo(\'' + info + '\')">' +
            day + '</a></td>';
 
          showInfo(info);
          
        } else {
          html += '<td><a href="#" data-id="' + info + '" onclick="showInfo(\'' + info + '\')">' +
            day + '</a></td>';
        }
 
      }
      if (week_day == 7) {
        html += '</tr>';
      }
    }
    Calendar.setDate(Calendar.getDate() + 1);
  } // end for loop
  return html;
}
 
 
//   Get Json data  
function getjson(url, callback) {
  var self = this,
      ajax = new XMLHttpRequest();
  ajax.open('GET', url, true);
  ajax.onreadystatechange = function() {
    if (ajax.readyState == 4) {
      if (ajax.status == 200) {
        var data = JSON.parse(ajax.responseText);
        return callback(data);
      } else {
        console.log(ajax.status);
      }
    }
  };
  ajax.send();
}

@atanov · 27.12.2018, 21:57

Dimon25, уже лучше. Куда вставляем?

@Dimon25 · 27.12.2018, 22:02 **[ТС]**

atanov,
Не важно. картинка первая, далее текст, еще далее строки для 4-5 ссылок. По возможности при наличии только, например, двух ссылок оставшиеся поля для еще трех ссылок - не отображались

@atanov · 28.12.2018, 07:44

Dimon25, из Вас клещами приходится доставать информацию, 13 пост ни о чём. Код в 11 посте кто-нибудь тестировал? У Вас ajax будет заблокирован, если запрашиваемый ресурс находится на др. домене.

@Dimon25 · 28.12.2018, 08:47 **[ТС]**

atanov,

из Вас клещами приходится доставать информацию

это я не по злобе, а только из-за неграмотности, увы

Код в 11 посте кто-нибудь тестировал? У Вас ajax будет заблокирован, если запрашиваемый ресурс находится на др. домене.

он в данный момент работает на сайте. Всё нужное будет хранится на сайте, как собсно и есть сейчас. json лежит в корне -calendar.json

@atanov · 28.12.2018, 09:21

Dimon25, тогда понятно - если скрипт запрашивает с того же домена то вопросов нет. Только вот я не смогу ничего сделать, т.к. запрос идёт с другого.

@Dimon25 · 29.12.2018, 12:33 **[ТС]**

atanov,

если скрипт запрашивает с того же домена то вопросов нет. Только вот я не смогу ничего сделать, т.к. запрос идёт с другого.

полагаю это сарказм. Только не пойму что я сказал не так?

@atanov · 29.12.2018, 12:50

Dimon25, не, это не сарказм, не обижайтесь. Вы на своём домене запрашиваете ресурс с такого же доменного имени. Это разрешено по соображениям безопасности. Я этого сделать не могу, т.к. у нас разные домены, а это запрещено. Поэтому я не могу вывести таргетный html, чтобы с ним работать у себя на своём клиенте. Поэтому я не вижу куда вставлять. Чтобы работать с Вашим приложением нужно или иметь доступ к корню сайта или мне у себя развернуть ВСЮ архитектуру Вашего приложения.

@shsv382 · 30.12.2018, 00:02

Если просто нужно вставить одну картинку в зависимости от даты, то:

JavaScript
1
2
3
4
5
6
7
8
9
10
let date = new Date();
fetch('/calendar.json')
.then(response => response.json())
.then(jsonDates =>
{
let img = document.createElement("img");
img.src = jsonDates[`${date.getMonth()}/${date.getDate()}/${date.getFullYear}`].url_вашего_изображения_из_json_ответа;
document.getElementById("куда_надо_вставить_картинку").append(img);
}
);

Пояснения:
fetch - метод из ES6, он заменяет XHR, самостоятельно расставляя нужные заголовки, возвращает промис (Promise), который мы обрабатываем цепочкой методов then() (catch() для обработки ошибок)
`${date.getMonth()}/${date.getDate()}/${date.getFullYear}` - это строка, возвращающая дату вида "27/10/2018" с помощью интерполяции, которая доступна ТОЛЬКО если объявлять строку с помощью обратных кавычек.
Остальное, вроде бы, должно быть понятно.

Успехов!

@Dimon25 · 14.01.2019, 22:11 **[ТС]**

shsv382,

Остальное, вроде бы, должно быть понятно.

нет, абсолютно ничего не понятно ибо я совершенно не знаю JS.
Не могли бы Вы полностью код написать?

Добавлено через 7 минут
добавлено

не увидел полосу прокрутки, теперь понятно только это

.url_вашего_изображения_из_json_ответа;

сейчас попробую

Добавлено через 35 минут
нет, не получается.
как в json привязать конкретную ссылку к определенной же дате т.е. чтобы скрипт понимал это 14 января, а это 15?
и что значит

d("куда_надо_вставить_картинку").

? я так понимаю она будет выводится в том блоке в котором вставлю js
сейчас json такой

JSON
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
{
    "12/26/2018": {
        "type":"",
        "title": "26 декабря 2018 г. ( 13 декабря ст.ст.), среда.Седмица 31-я по Пятидесятнице. Рождественский пост.",        
        "venue":"Hyatt Regency Hotel",
        "time": "10:00 AM",
        "desc": "htyh-cerkvej.html", 
        "more": "http://site.ru/biblija/novyj-zavet/evangelie-ot-matfeja/1673-glava-10.html#10-16",
        "more1": "http://site.ru/biblija/novyj-zavet/sobornoe-poslanie-svjatogo-apostola-iakova/1674-glava-1.html#1-18",
        "more2": "http://site.ru/biblija/novyj-zavet/poslanie-k-efesjanam-svjatogo-apostola-pavla/1684-glava-6.html#6-10"
   },
    "12/27/2018": {
        "type":"",
        "title": "27 декабря 2018 г. ( 14 декабря ст.ст.), четверг.\nСедмица 31-я по Пятидесятнице. Рождественский пост.",
        "venue":"Hyatt Regency Hotel",
        "time": "10:00 AM",
        "desc": "htyh-cerkvej.html",
        "more": "http://site.ru/biblija/novyj-zavet/sobornoe-poslanie-svjatogo-apostola-iakova/1674-glava-1.html#1-19",
        "more1": "",
        "more2": "http://site.ru/zhitija/1726-mucheniki-firs-levkij-i-kallinik-kesarijskie.html"
    }
 }

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	27.12.2018, 12:35
	Dimon25, распарсить в объект и взять свойство объекта и подставить хоть в url хоть в src. Только что-то я не вижу именно картинки. html'и вижу а изображений... Сляпой наверное 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	27.12.2018, 20:48
	Dimon25, в консоль выводит. А дальше я ничего не понял - ссылка линк что ли? 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	27.12.2018, 21:28
	Dimon25, ну так давайте выкладывайте html сюда и куда вставлять. И что именно брать из объекта 0

@Dimon25 1 / 1 / 0 Регистрация: 06.03.2017 Сообщений: 26
	27.12.2018, 21:46 [ТС]
	постараюсь развернуть задачу. Итак. Нужно в идеале получить это т.е картинка каждый день другая, ссылка на праздники также каждый день другая. 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	27.12.2018, 21:49
	Dimon25, осталось чуть-чуть, ответить на мой пост #8 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	27.12.2018, 21:57
	Dimon25, уже лучше. Куда вставляем? 0

@Dimon25 1 / 1 / 0 Регистрация: 06.03.2017 Сообщений: 26
	27.12.2018, 22:02 [ТС]
	atanov, Не важно. картинка первая, далее текст, еще далее строки для 4-5 ссылок. По возможности при наличии только, например, двух ссылок оставшиеся поля для еще трех ссылок - не отображались 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	28.12.2018, 07:44
	Dimon25, из Вас клещами приходится доставать информацию, 13 пост ни о чём. Код в 11 посте кто-нибудь тестировал? У Вас ajax будет заблокирован, если запрашиваемый ресурс находится на др. домене. 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	28.12.2018, 09:21
	Dimon25, тогда понятно - если скрипт запрашивает с того же домена то вопросов нет. Только вот я не смогу ничего сделать, т.к. запрос идёт с другого. 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	29.12.2018, 12:50
	Dimon25, не, это не сарказм, не обижайтесь. Вы на своём домене запрашиваете ресурс с такого же доменного имени. Это разрешено по соображениям безопасности. Я этого сделать не могу, т.к. у нас разные домены, а это запрещено. Поэтому я не могу вывести таргетный html, чтобы с ним работать у себя на своём клиенте. Поэтому я не вижу куда вставлять. Чтобы работать с Вашим приложением нужно или иметь доступ к корню сайта или мне у себя развернуть ВСЮ архитектуру Вашего приложения. 0