Создать несколько различных CSS / Javascript всплывающих окон

Question

Я ищу способ создания всплывающих окон на основе CSS / Javascript. Я выбираю информацию из моей базы данных в зависимости от того, сколько (например) автомобилей есть. Я хочу иметь возможность создавать равное количество всплывающих окон на основе CSS / Javascript для каждого автомобиля, имеющегося в базе данных, для отображения дополнительной информации об автомобиле во всплывающем окне.

Хитрость в том, что я хочу, чтобы при нажатии на соответствующую ссылку отображалась правильная информация об определенной машине.

Как мне решить эту проблему?

Answer 1

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

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

Я бы предложил использовать инфраструктуру Javascript (например, jQuery ), потому что это значительно упростит процесс. Есть также несколько плагинов, которые вы могли бы использовать, которые выполняют эту функцию.