Какие есть способы показать два блока друг за другом?

@skapunker · Регистрация: 13.12.2013

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

Всем првиет!

Такая ситуация. У нас есть два блока, в которых пользователь может что то выбрать. Их нужно показать по очереди, сначала один, пользователь нажимает на кнопку и показываем второй.

Мне приходит в голову только использование промиса.

Как еще это можно реализовать?
ПС таймеры и подобную костыльную дичь не предлагать.

@voraa · 30.03.2025, 19:52

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

Мне приходит в голову только использование промиса.
Как еще это можно реализовать?
ПС таймеры и подобную костыльную дичь не предлагать.

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

А вообще трудно обсуждать сферического коня в вакууме на обратной стороне Луны.
Где конкретный код с описанием что показывать, куда жать?

krvsa · 30.03.2025, 22:50

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

Мне приходит в голову только использование промиса.

Показал бы как ты это себе представляешь...

@Devmastery · 31.03.2025, 12:34

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
</head>
<body>
    <div>Block 1</div>
    <div style="display: none;">Block 2</div>
    <button>Button</button>
</body>
<script type="text/javascript">
 
    "use strict";
 
    window.onload = () => {
        const block1 = document.body.querySelector('div:first-child');
        const block2 = document.body.querySelector('div:nth-child(2)');
        document.body.querySelector('button').addEventListener('click', () => {
            block1.style.display = 'none';
            block2.style.display = 'block';
        });
    }
</script>
</html>

]

@Azdeman · 31.03.2025, 18:48

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

Мне приходит в голову только использование промиса.

зачем?

@skapunker · 31.03.2025, 18:52 **[ТС]**

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

зачем?

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

krvsa · 31.03.2025, 20:54

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

зачем?

Я бы вот хотел посмотреть "как" он собрался использовать промис...

Добавлено через 1 минуту

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

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

Т.е. тестового примера так и не будет...

@skapunker · 31.03.2025, 20:55 **[ТС]**

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

Я бы вот хотел посмотреть "как" он собрался использовать промис...

внутри блока кнопки, на них вешаем прослушиватель клика -> пользователь куда нибудь жмет -> выполняем что нам нужно и вызываем resolve(); далее обработываем then и так далее

@galaxy_ivan · 31.03.2025, 21:01

неужели примера готового слайдера не нашли ? трудно верится.

@skapunker · 31.03.2025, 21:03 **[ТС]**

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

неужели примера готового слайдера не нашли ? трудно верится.

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

krvsa · 31.03.2025, 22:19

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

на них вешаем прослушиватель клика -> пользователь куда нибудь жмет -> выполняем что нам нужно и вызываем resolve()

Для этого не нужен промис...

И Devmastery тебе показал на своем примере.

Добавлено через 1 минуту

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

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

Нужно еще больше тумана напустить, дабы напугать всех своей "сложной" задачей.

@Azdeman · 01.04.2025, 11:17

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

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

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

@skapunker · 01.04.2025, 11:18 **[ТС]**

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

сейчас я не понимаю зачем использовать Промисы

так я об этом и говорю
нужно предложить варианты других реализаций

@gogolik · 01.04.2025, 11:26

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

@skapunker · 01.04.2025, 11:35 **[ТС]**

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

Но всем присутствующим очень хочется посмотреть на то, как вы это реализуете через промисы.

типа того че то
в целом я понимаю что это дичь

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
              new Promise((resolve) => {
                    if (config.gender) {
                        if (userGender) {
                            resolve(userGender);
                        } else {
                            resolve(userGender);
                            showBlock();
                        }
                    } else {
                        // операторы
                        resolve(null);
                    }
 
                })
                    // окно выбора партнера
                    .then((userGender) => {
                        return new Promise((resolve) => {
                            // операторы
                            return resolve(true);
                                
                        })
 
                    })
                    // окно выбора каналов
                    .then(() => {
                        // операторы
                            return true;
 
                       
                    })
                    .catch(() => {
                        this.setUser();
                    })

Добавлено через 1 минуту
получается некая цепочка промисов

krvsa · 01.04.2025, 19:30

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

типа того че то

Тебе показывали работающий тестовый пример... А ты что показываешь?
Какой-то огрызок JS-программы. Полный тестовый пример нужно делать.

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

в целом я понимаю что это дичь

Уже хорошо.

Новые блоги и статьи Все статьи Все блоги /
Angular: Вопросы и ответы на собеседовании Reangularity 15.06.2025 Готовишься к техническому интервью по Angular? Я собрал самые распространенные вопросы, с которыми сталкиваются разработчики на собеседованиях в этом году. От базовых концепций до продвинутых. . .	Архитектура Onion в ASP.NET Core MVC stackOverflow 15.06.2025 Что такое эта "луковая" архитектура? Термин предложил Джеффри Палермо (Jeffrey Palermo) в 2008 году, и с тех пор подход только набирал обороты. Суть проста - представьте себе лук с его. . .	Unity 4D GameUnited 13.06.2025 Четырехмерное пространство. . . Звучит как что-то из научной фантастики, правда? Однако для меня, как разработчика со стажем в игровой индустрии, четвертое измерение давно перестало быть абстракцией из. . .	SSE (Server-Sent Events) в ASP.NET Core и .NET 10 UnmanagedCoder 13.06.2025 Кажется, Microsoft снова подкинула нам интересную фичу в новой версии фреймворка. Работая с превью . NET 10, я наткнулся на нативную поддержку Server-Sent Events (SSE) в ASP. NET Core Minimal APIs. Эта. . .	С днём независимости России! Hrethgir 13.06.2025 Решил побеседовать, с утра праздничного дня, с LM о завоеваниях. То что она написала о народе, представителем которого я являюсь сам сначала возмутило меня, но дальше только смешило. Это чисто. . .
Лето вокруг. kumehtar 13.06.2025 Лето вокруг. Наполненное бурями и ураганами событий. На фоне магии Жизни, священной и вечной, неумелой рукой человека рисуется панорама душевного непокоя. Странные серые краски проникают и. . .	Популярные LM модели ориентированы на увеличение затрат ресурсов пользователями сгенерированного кода (грязь -заслуги чистоплюев). Hrethgir 12.06.2025 Вообще обратил внимание, что они генерируют код (впрочем так-же ориентированы разработчики чипов даже), чтобы пользователь их использующий уходил в тот или иной убыток. Это достаточно опытные модели,. . .	Топ10 библиотек C для квантовых вычислений bytestream 12.06.2025 Квантовые вычисления - это та область, где теория встречается с практикой на границе наших знаний о физике. Пока большая часть шума вокруг квантовых компьютеров крутится вокруг языков высокого уровня. . .	Dispose и Finalize в C# stackOverflow 12.06.2025 Работая с C# больше десяти лет, я снова и снова наблюдаю одну и ту же историю: разработчики наивно полагаются на сборщик мусора, как на волшебную палочку, которая решит все проблемы с памятью. Да,. . .	Повышаем производительность игры на Unity 6 с GPU Resident Drawer GameUnited 11.06.2025 Недавно копался в новых фичах Unity 6 и наткнулся на GPU Resident Drawer - штуку, которая заставила меня присвистнуть от удивления. По сути, это внутренний механизм рендеринга, который автоматически. . .

@skapunker -30 / 25 / 12 Регистрация: 13.12.2013 Сообщений: 1,459

	Какие есть способы показать два блока друг за другом? 30.03.2025, 18:30. Показов 1080. Ответов 15 Метки js (Все метки) Всем првиет! Такая ситуация. У нас есть два блока, в которых пользователь может что то выбрать. Их нужно показать по очереди, сначала один, пользователь нажимает на кнопку и показываем второй. Мне приходит в голову только использование промиса. Как еще это можно реализовать? ПС таймеры и подобную костыльную дичь не предлагать. 0

@galaxy_ivan 3 / 3 / 0 Регистрация: 30.12.2024 Сообщений: 10
	31.03.2025, 21:01
	неужели примера готового слайдера не нашли ? трудно верится. 0

@gogolik Супер-модератор 2978 / 1955 / 820 Регистрация: 13.03.2010 Сообщений: 6,436
	01.04.2025, 11:26
	skapunker, вам уже показали один. Но всем присутствующим очень хочется посмотреть на то, как вы это реализуете через промисы. Предоставьте рабочий пример, пожалуйста. 0