const updateDiv = () = {
/* Делаем AJAX запрос. Если используется хоть что-то на клиенте, например jquery, можно написать проще */
var xhr = new XMLHttpRequest();
xhr.open('GET', 'updated_div.html', true); // эта страница выдаёт вёрстку нашего дива
xhr.onreadystatechange =() => {
if (xhr.readyState != 4) return;
if (xhr.status != 200) {
/* Запрос успешен, выводим в div */
document.getElementById('fon2').innerHtml = xhr.responseText
} else {
/* Ошибка запроса, обрабатываем в зависимости от ситуации */
alert(xhr.responseText);
}
setTimeout(updateDiv, 60000); // Ставим таймер на следующее обновление
}
xhr.send();
}
// Вызвать для первого обновления div-а
updateDiv();getDivLayout = (data) => {
return `<a href='${data.url.replace("'", "\\'")}'>${data.text}</a>`;
}$(function () {
$('#expand-collapse').on('click',function(){
var allCollapsed = true;
$('button[data-toggle="collapse"]').each(function(){
var objectID=$(this).attr('data-target');
if($(objectID).hasClass('.collapse')===false)
{
allCollapsed = false;
}
});
$('button[data-toggle="collapse"]').each(function(){
if (allCollapsed) {
$(objectID).collapse('show');
} else {
$(objectID).collapse('hide');
}
});
});
});$(function () {
$('#expand-collapse').on('click',function(){
var allExpanded = true;
$('button[data-toggle="collapse"]').each(function(){
var objectID=$(this).attr('data-target');
if($(objectID).hasClass('.collapse')===true)
{
allExpanded = false;
}
});
$('button[data-toggle="collapse"]').each(function(){
if (allExpanded) {
$(objectID).collapse('hide');
} else {
$(objectID).collapse('show');
}
});
});
});.custom-icon{
display: block;
width: 150px;
height: 150px;
}
.icon-room {
background-image: url('http://pngimg.com/uploads/scratches/scratches_PNG6175.png') no-repeat center;
}
.icon-room:hover{
background-color: lightgray;
border-radius: 10%;
}