Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Перезагрузка div (https://javascript.ru/forum/events/83580-perezagruzka-div.html)

ColT 16.01.2022 20:43

Перезагрузка div
 
Всем привет.
В общем перерыл кучу сайтов в интернете и не нашел решения( помогите пожалуйста буду безгранично благодарен.
В общем мне необходимо что бы при нажатии на кнопку, контент в div перезагружался, не вся страница а только внутри этого div.
Ажакс вариант где подгружаем php не подойдет.
Помогите пожалуйста с решением вопроса.

рони 16.01.2022 20:46

Цитата:

Сообщение от ColT
Ажакс вариант где подгружаем php не подойдет.

новые данные из воздуха берём?

ColT 16.01.2022 21:10

Цитата:

Сообщение от рони (Сообщение 543052)
новые данные из воздуха берём?

вы имеете ввиду что будет в диве?
там будут два плеера, которые при переключении надо перезагрузить, для теста можно туда подставить
<script>
var a=Math.round(Math.random()*4)
// это число должно совпадать с максимальным индексом таблицы ссылок

txt = new Array();
txt[0]="Текст 01"
txt[1]="Текст 02"
txt[2]="Текст 03"
txt[3]="Текст 04"
txt[4]="Текст 05"
document.write (""+txt[a]+"");
</script>

рони 16.01.2022 21:13

ColT,
подожду переводчика ...

ColT 16.01.2022 21:41

Цитата:

Сообщение от рони (Сообщение 543054)
ColT,
подожду переводчика ...

Я не знаю как вам объяснить.
К примеру есть кнопка

<a htef="">Обновить</a>

есть див
<div id="update">
<script>
var a=Math.round(Math.random()*4)
// это число должно совпадать с максимальным индексом таблицы ссылок

txt = new Array();
txt[0]="Текст 01"
txt[1]="Текст 02"
txt[2]="Текст 03"
txt[3]="Текст 04"
txt[4]="Текст 05"
document.write (""+txt[a]+"");
</script>
</div>

мне нужно что бы при нажатии на кнопку, этот див обновлялся и менялся текст, но без перезагрузки всей страницы.
Только без load php или как правильно.

ColT 16.01.2022 22:37

Цитата:

Сообщение от рони (Сообщение 543054)
ColT,
подожду переводчика ...

извините если не понятно объяснил.

voraa 16.01.2022 23:07

<body>
<button id="but">Обновить</button>
<div id="div"></div>
<script>
const txt = [
	"Текст 01",
	"Текст 02",
	"Текст 03",
	"Текст 04",
	"Текст 05",
];

function update() {
	document.getElementById('div').textContent = txt[Math.random()*txt.length | 0]
}

document.getElementById('but').addEventListener('click', update)

update();

</script>
</body>

ColT 16.01.2022 23:09

спасибо огромное, но место
<script>
var a=Math.round(Math.random()*4)
// это число должно совпадать с максимальным индексом таблицы ссылок

txt = new Array();
txt[0]="Текст 01"
txt[1]="Текст 02"
txt[2]="Текст 03"
txt[3]="Текст 04"
txt[4]="Текст 05"
document.write (""+txt[a]+"");
</script>

может быть любой код. Это я сделал как для примера. Извините.

voraa 16.01.2022 23:16

Какая разница, какой код?
Выносите его в отдельный скрипт, вызываете при нажатии кнопки, он вырабатывает некий результат, и помещает его в див.
Если результат - это строка с html текстом, то запихиваете его в див через innerHTML.

voraa 16.01.2022 23:19

Цитата:

Сообщение от ColT
там будут два плеера, которые при переключении надо перезагрузить,

Конкретнее давайте пример, если вам непонятно, как делать.


Часовой пояс GMT +3, время: 16:21.