После нажатия на button, через 2-3 секунды блок должен перезагружаться

@ADON · Регистрация: 15.03.2016

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

Здравствуйте уважаемые форумчане и специалисты программирования. Помогите решить задачку по Ajax - перезагрузка

Есть страница

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>PAGE</title>
   </head>
   <body>
 
<div id="name" class="name">
  content
  content
  content
</div>
 
<div class="name2">
    <form action="this-page" method="post" class="name3">
        <input type="" name="" value="">
        <button type="submit" class="name4">CLICK</button>
    </form>
</div>
 
   </body>
</html>

С отправкой данных из формы и их последующим отображением проблем нет - перезагрузка требуется не для этого.

Решить нужно вот что:

→после нажатия на button, через 2-3 секунды блок с id="name" (всё, что находится внутри его) должен перезагружаться

Кто что знает, помогите PLEASE

@ntlinuxnt · 03.10.2016, 19:23

эмм, ну наполните его чем нибудь другим

@ADON · 03.10.2016, 19:32 **[ТС]**

АУ! Никто не знает что ли???

Я уже весь интернет перелопатил, везде почему-то одно и тоже, с каким-то time.php, который выводит часы на сайте... непонятно для чего. Было наверно проще, если бы в javascript я разбирался, но это не так, натолкните на мысль хотя бы

Добавлено через 5 минут
ntlinuxnt, я вас что-то не понял, кого или что мне наполнить? В блоке есть содержание.

Насколько я понимаю, мне нужна какая-то функция, а к моей кнопке добавит onclick и вызов функции. Если всё так, тогда вот об этом я и спрашиваю, про эту самую функцию, которая перезагрузит блок

@nekosoku · 03.10.2016, 19:34

ADON,

JavaScript
1
2
3
4
5
6
7
<script>
button.onclick = function() {
    setTimeout(function() { 
        document.getElementById("name").innerHTML = "новое<br>содержимое<br>элемента";
    }, parseInt(Math.random()*(3000-2000)+2000))
};
</script>

@ADON · 04.10.2016, 00:33 **[ТС]**

задача решена!

@kalabuni · 04.10.2016, 08:07

ADON, перезагрузка reload по-аглицки) -- это замена кода, отображаемого в окне (во вкладке) или вофрейме( в ифрейме) на новый код из того же источника

вы хотите перезагрузить содержимое отдельного контейнера -- нет проблем, только укажите источник, откуда надо брать код для замены текущего кода

@ADON · 04.10.2016, 11:45 **[ТС]**

kalabuni,

Сообщение от kalabuni

перезагрузка reload по-аглицки)

я в курсе, с английским знаком, а когда не в курсе - google translate my helper!

Сообщение от kalabuni

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

это всё логически понятно, если "ты" конечно не 5 летний ребенок

Сообщение от kalabuni

нет проблем, только укажите источник

Нет проблем →→ это когда знаешь как сделать! Любой кто умеет водить, скажет тебе, а что тут сложного - включил передачу, нажал на педаль и поехал, но для человека, который по-настоящему ни разу этого не делал, всё не так прозрачно.
Вы - kalabuni, наверно недочитали:

Сообщение от ADON

Было наверно проще, если бы в javascript я разбирался, но это не так

поэтому ваша фраза: "только укажите источник, откуда надо брать" - это просто теория, которую на практике реализовать для меня сложно.

Тем не менее, вы наверно опять не дочитали

- задача решена:

Сообщение от ADON

задача решена!

Я взял код который предложил nekosoku,

JavaScript
1
2
3
4
5
6
7
<script>
button.onclick = function() {
    setTimeout(function() { 
        document.getElementById("name").innerHTML = "новое<br>содержимое<br>элемента";
    }, parseInt(Math.random()*(3000-2000)+2000))
};
</script>

немного его подкорректировал для своей задачи, onclick с вызовом функции вставил между тегами <button> и </button>

всё работает как мне нужно, nekosoku спасибо - направление задал верное

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@ntlinuxnt $ su 1605 / 520 / 97 Регистрация: 18.11.2010 Сообщений: 2,807 Записей в блоге: 2
	03.10.2016, 19:23
	эмм, ну наполните его чем нибудь другим 0

@ADON 0 / 0 / 0 Регистрация: 15.03.2016 Сообщений: 23
	03.10.2016, 19:32 [ТС]
	АУ! Никто не знает что ли??? Я уже весь интернет перелопатил, везде почему-то одно и тоже, с каким-то time.php, который выводит часы на сайте... непонятно для чего. Было наверно проще, если бы в javascript я разбирался, но это не так, натолкните на мысль хотя бы Добавлено через 5 минут ntlinuxnt, я вас что-то не понял, кого или что мне наполнить? В блоке есть содержание. Насколько я понимаю, мне нужна какая-то функция, а к моей кнопке добавит onclick и вызов функции. Если всё так, тогда вот об этом я и спрашиваю, про эту самую функцию, которая перезагрузит блок 0

@ADON 0 / 0 / 0 Регистрация: 15.03.2016 Сообщений: 23
	04.10.2016, 00:33 [ТС]
	задача решена! 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	04.10.2016, 08:07
	ADON, перезагрузка reload по-аглицки) -- это замена кода, отображаемого в окне (во вкладке) или вофрейме( в ифрейме) на новый код из того же источника вы хотите перезагрузить содержимое отдельного контейнера -- нет проблем, только укажите источник, откуда надо брать код для замены текущего кода 0