Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.78/23: Рейтинг темы: голосов - 23, средняя оценка - 4.78
0 / 0 / 5
Регистрация: 07.02.2013
Сообщений: 36

Шаблоны JS. Обновление элемента

12.02.2013, 15:23. Показов 4369. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток. Изучаю шаблоны на js. Написал тестовый сайтик с шаблонами:
есть некоторая страничка с div'ом (id='testTmpl')

есть некоторый файл js:
JavaScript
1
2
3
4
5
6
7
$(document).ready(
    function ()
    {
        var a = [{text1: 'It text 1', text2: {text3: 'It text2.text3'}, text4: 'It text 4'}];
        loadTemplate ('../templates/test.tmpl.htm', 'testTmpl', a);
    }
);
Загрузчик шаблонов loadTemplate.js:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/**
 * Загружает шаблон js
 *
 * @param nameTemplate - имя шаблона
 * @param itemId - ИД элемента HTML, куда будет передаваться готовая разметка
 * @param data - передаваемые данные в шаблон
 */
function loadTemplate (nameTemplate, itemId, data)
{
    $.get(nameTemplate, function (tmplBody)
    {
        $.tmpl(tmplBody, data).appendTo('#'+itemId);
    });
}
Тут проблем нет. Проблема возникает, если мне надо раз в некоторое время получать новые данные, передавать их в шаблон и перерисовывать div
например сделаю так:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(
    function ()
    {
        var a = [{text1: 'It text 1', text2: {text3: 'It text2.text3'}, text4: 'It text 4'}];
 
        setInterval(function()
        {
            loadTemplate ('../templates/test.tmpl.htm', 'testTmpl', a);
        }, 2000);
    }
);
Но тогда div не перерисовывается, а дописывается еще раз ниже, снова и снова...
Как сделать чтобы div обновлялся?

P.S.
прикрепил архив с исходниками
Вложения
Тип файла: zip untitled1.zip (90.1 Кб, 7 просмотров)
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
12.02.2013, 15:23
Ответы с готовыми решениями:

Шаблоны JS. Обновление шаблона
Доброго времени суток. Появился новый вопрос. В отличие от предыдущего, мне нужно обновить сам шаблон. Дело вот в чем: создается шаблон с...

Шаблоны функций. В одномерном массиве, состоящем из n вещественных элементов, вычислить номер максимального по модулю элемента массива
Задание 1: Работа с одномерными массивами. В одномерном массиве, состоящем из n вещественных элементов, вычислить: 1. Номер...

Хранить шаблоны документов в базе и выводить данные в эти шаблоны
Доброго времени суток. Интересует вопрос: мне необходимо формировать вордовские документы по шаблону. У меня создан шаблон документа...

2
0 / 0 / 5
Регистрация: 07.02.2013
Сообщений: 36
13.02.2013, 12:24  [ТС]
нашел решение:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/**
 * Загружает шаблон js
 *
 * @param nameTemplate - имя шаблона
 * @param itemId - ИД элемента HTML, куда будет передаваться готовая разметка
 * @param data - передаваемые данные в шаблон
 */
function loadTemplate (nameTemplate, itemId, data)
{
    $.get(nameTemplate, function (tmplBody)
    {
        $.tmpl(tmplBody, data).replaceAll('#'+itemId);
    });
}
просто вместо appendTo сделал replaceAll.
0
 Аватар для suharik
261 / 247 / 57
Регистрация: 03.09.2010
Сообщений: 805
14.02.2013, 15:50
Тоесть Вы шаблон подгружаете с сервера? оО
Вообще пора уже переходить на JS шаблоны. Это вообще шикарная и мегобыстрая штука.
Например DotJs
Хотя, у каждого разные задачи, поэтому могу дать ошибочное мнение.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
14.02.2013, 15:50
Помогаю со студенческими работами здесь

Обновление элемента
Подскажите, изменяю дату активности элемента, но при клике по ссылке она меняется у всех эементов, как сделать чтобы менялось у того, по...

Обновление класса элемента
Эм, в общем, вроде бы знаю PHP, HTML, CSS, JS, но применять не умею)) Проблема такая: хочу сделать кнопку с тремя состояниями (для...

Обновление элемента Webbrowser
Доброго Всем дня! Обращаюсь к знатокам Access за помощью. Есть форма, в которой, помимо всего прочего, имеется элемент Webbrowser и...

Обновление элемента страницы.
Добрый день. Существует страница, на ней рисунок, который генерируется РНР. В параметрах этой страницы стоит автообновление,...

Обновление элемента DataGridView
Здравствуйте, коллеги! Разбираюсь с базами. Возник вопрос обновления DataGridView элемента. Я делаю это путём удаления построчно. При...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru