Обновление любой части сайта by webo4ka

5926
8 из 10
Проголосовало: 14






И так по просьбе пользователя SacSvipe, который попросил выложить скрипт обновления статистики как на webo4ke. Ну т.к. мне не жалко, я делюсь со всеми пользователи данным замечательным скриптом, ведь неоднократно я слышал вопрос, а как сделать обновление по клику того или иного блока, но ответа ни от кого небыло, только все говорили гугли, а там толкового ничего не найдешь ну или до фига страниц нужно перерыть, что бы найти что-то путевое и то не гарантированно что найдешь или предлагали один скрипт, который автоматически обновляет блок через n секунд, но этот вариант всем известен и неудобен, т.к. человеку может не нужно постоянное обновление, а она "редиска" обновляется и обновляется. Суть скрипта проста, он обновляет тот блок который вам нужно будет обновить при этом не обновляя всю страницу, при обновлении появится картинка, показывающаяся, что идет обновление и вам необходимо подождать, пока загрузка закончится и обновленные данные появятся на страничке...

Установка:

1) Для начала, облепляем дивом с определенным id или class'om то что вам необходимо будет обновлять по клику, в примере я вставил два оператора юковских, один отвечает за то, сколько людей на сайте, а второй показывает кто конкретно on-lain. И так вот:

Code
<div id="obnovlenieBlokaWebo4kaRu">
$ONLINE_COUNTER$
$ONLINE_USERS_LIST$
</div>


2) После данного блока, вставляем js код:

Code
<script>
//by webo4ka.ru
function obnovlenieBl0kaWebo4kaRu()
{
hrefWebo4kaRu = location.href;
$('#obnovlenieBlokaWebo4kaRu').html('<img src="http://webo4ka.ru/Ucoz7/obnovlenie_ljuboj_chasti_sajta_webo4karu.gif" width="100">');
$('#obnovlenieBlokaWebo4kaRu').load(hrefWebo4kaRu+' #obnovlenieBlokaWebo4kaRu');
}
</script>


3) Ну и куда мы без кнопки "обновить", вот она, вставляете её куда вашей душе будет угодно:

Code
<a href="javascript://" onclick="obnovlenieBl0kaWebo4kaRu();"/>обновить</a>


Если вам нужно будет сделать два, три, четыре или вы ненасытный и хотите обновить аш пять блоков, то вам нужно будет скопировать данный код несколько раз и дать другие название id, вообщем желаю удачно помучиться xd))

готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 5

SacSvipe
0
SacSvipe написал: Написано 02 Декабря 2012 в 13:06
Комментарий №3
Отлично! Вовчик спасибо! Люди и че тут странного?! Норм скрипт!

Lacr1mosa
0
Lacr1mosa написал: Написано 02 Декабря 2012 в 16:15
Комментарий №4
ну просто транслит (что я вообще ненавижу) и эти вечные "webo4kaRu" в id.....такое чуство, что .....ай ладно..лучше промолчу (вовчик - не сай, может и вправду забанить :D)

Вовчик
0
Вовчик написал: Написано 02 Декабря 2012 в 16:48
Комментарий №5
sold93, этот транс-лит все затирают и дают своё имя, я могу писать вообще только #a или .a, но если так будет на всех скриптах и кто-то установит себе сразу два разных скрипта с одинаковыми классами, то будет ошибка... вообщем я не понимаю, что ты на этом заворачиваешься, я пишу как мне удобно и как я уже привык... а транс-лит меняется в две сек...

BLAzER
+1
BLAzER написал: Написано 02 Декабря 2012 в 12:57
Комментарий №2
А как сделать к примеру каждые 10 секунд?

Lacr1mosa
+6
Lacr1mosa написал: Написано 02 Декабря 2012 в 00:03
Комментарий №1
wacko Блин. твои id опять изнасиловали мой мозг

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
    Последние темы
    Опрос
    478
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 7
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: