Автоматическое обновление определенного блока

[DANIL111]

Всем привет!

Нужно реализовать чтобы определенный блок автоматически обновлялся фоново, испробовал много вариантов не получается, одно решение нашел но проблема с hover.

Вот код:

<script> 
setInterval(function() {
    $('#content').load(window.location.href + '#content');
}, 3000);
    </script>

<div id="content">
//тут html заметка блока
</div

Все работает обновляет как надо, но только у меня css hover в блоке другим цветом и пи наведении он мигает, пытался как то глубже внедрить div id но не выходит дизайн слетает, может кто подскажет как реализовать задуманное. Буду признательным всем кто поможет покажет пример или готовый вариант есть у кого, заранее спасибо!

 

[_kot]

Всем привет!

Нужно реализовать чтобы определенный блок автоматически обновлялся фоново, испробовал много вариантов не получается, одно решение нашел но проблема с hover.

Вот код:

<script>
setInterval(function() {
    $('#content').load(window.location.href + '#content');
}, 3000);
    </script>

<div id="content">
//тут html заметка блока
</div

Все работает обновляет как надо, но только у меня css hover в блоке другим цветом и пи наведении он мигает, пытался как то глубже внедрить div id но не выходит дизайн слетает, может кто подскажет как реализовать задуманное. Буду признательным всем кто поможет покажет пример или готовый вариант есть у кого, заранее спасибо!

добавь class

<div id="content" class="mybackgr">
//тут html заметка блока
</div

соответственно в js

 .... '#content .mybackgr '....

 

[DANIL111]

добавь class

<div id="content" class="mybackgr">
//тут html заметка блока
</div

соответственно в js

 .... '#content .mybackgr '....

Теперь перестало вообще обновлять, вот:

<div id="content" class="ml">
//тут html заметка блока
</div

<script> 
     setInterval(function() {
    $('#content .ml ').load(window.location.href + ' #content .ml ');
}, 1000);
    </script>

 

[_kot]

Теперь перестало вообще обновлять, вот:

<div id="content" class="ml">
//тут html заметка блока
</div

<script>
     setInterval(function() {
    $('#content .ml ').load(window.location.href + ' #content .ml ');
}, 1000);
    </script>

пришли ссылку

 

[DANIL111]

пришли ссылку

Я на денвере делаю сайт, вот считай код который использую

<script> 
    setInterval(function() {
        $('#content .ml').load(window.location.href + ' #content .ml');
        }, 3000);
</script>

<div id="content" class="ml">
    <div>Таблица</div>   
    <a class "me" href="{full-link}" >
    <li>{date=d.m.Y} в {date=H:i}</li>
    <li>{title}</li>
    <li>[xfgiven_ru][xfvalue_ru][/xfgiven_ru]</li>
    <li>[xfgiven_status][xfvalue_status][/xfgiven_status]</li>
    </a>   
</div>

 

[_kot]

Я на денвере делаю сайт, вот считай код который использую

<script>
    setInterval(function() {
        $('#content .ml').load(window.location.href + ' #content .ml');
        }, 3000);
</script>

<div id="content" class="ml">
    <div>Таблица</div>
    <a class "me" href="{full-link}" >
    <li>{date=d.m.Y} в {date=H:i}</li>
    <li>{title}</li>
    <li>[xfgiven_ru][xfvalue_ru][/xfgiven_ru]</li>
    <li>[xfgiven_status][xfvalue_status][/xfgiven_status]</li>
    </a>
</div>

...<a class "me" href="{full-link}" > ... что это ? )



так ?

<script>
function refreshDiv() {
$("#content-url").load(location.href + " #content-url");
alert("refreshed");
}
window.setInterval(refreshDiv, 5000);
</script>


<div id="content-url">
    <div>Таблица</div>

<a href="{full-link}">

  <li>{date=d.m.Y} в  {date=H:i}</li>
    <li>{title}</li>
    <li>[xfgiven_ru][xfvalue_ru][/xfgiven_ru]</li>
    <li>[xfgiven_status][xfvalue_status][/xfgiven_status]</li>
</a>

</div>

 

[DANIL111]

...<a class "me" href="{full-link}" > ... что это ? )

Да забыл удалил его, он ничего не меняет все равно.

Пробовал, стало высвечиваться окно Подтвердите действие на странице и сообщение refreshed , удалил в коде alert("refreshed"); перестало высвечиваться окно, но так же мигает, ты кстати удалит class='"ml" это div отвечающий за таблицу, вот первоночальный код как у меня было:

<div id="content">
<div class="ml">
    <div>Таблица</div>   
    <a class "me" href="{full-link}" >
    <li>{date=d.m.Y} в {date=H:i}</li>
    <li>{title}</li>
    <li>[xfgiven_ru][xfvalue_ru][/xfgiven_ru]</li>
    <li>[xfgiven_status][xfvalue_status][/xfgiven_status]</li>
    </a>   
</div>
</div>

Пытался <div id="content"> во внутрь classa ml запихнуть, но таблица слетает, не корректно отображает. Много разных способов испробовал ничерта искал другой js код только этот рабочий и более менее подходящий для моего проекта.

 

[_kot]

alert это показать что только блок с этим ид обновляется, это был первый вопрос.
в твоем коде обновляется вся страница( console->network проверь)

с hover - добавь class и пропиши в css
.noHover{
pointer-events: none;
}

 

[DANIL111]

alert это показать что только блок с этим ид обновляется, это был первый вопрос.
в твоем коде обновляется вся страница( console->network проверь)

с hover - добавь class и пропиши в css
.noHover{
pointer-events: none;
}

Не выходит, курсор вибрирует при движении в hovere. Надо наверно искать другой js код или убирать hover так как без него отлично все не видно миганий, но так не особо красиво будет..

 

[_kot]

Не выходит, курсор вибрирует при движении в hovere. Надо наверно искать другой js код или убирать hover так как без него отлично все не видно миганий, но так не особо красиво будет..

не понятно что там у тебя вибрирует...?
1.можно остановить события обновления если мышка наведена.
2.такие фишки лучше организовывать через jquery + ajax