Форум

ColT · #1 (**permalink**) 16.01.2022, 20:43

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

рони · #2 (**permalink**) 16.01.2022, 20:46

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

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

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

ColT · #3 (**permalink**) 16.01.2022, 21:10

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

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

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

<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>

рони · #4 (**permalink**) 16.01.2022, 21:13

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

ColT · #5 (**permalink**) 16.01.2022, 21:41

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

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 · #6 (**permalink**) 16.01.2022, 22:37

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

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

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

voraa · #7 (**permalink**) 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 · #8 (**permalink**) 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 · #9 (**permalink**) 16.01.2022, 23:16

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

voraa · #10 (**permalink**) 16.01.2022, 23:19

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

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

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

Форум

Справочник

Discord чат

Курсы javascript