Как сделать диалоговое окно на javascript, типа alert()?

Пользователь

от gage , в категории: JavaScript , 6 месяцев назад

Как сделать диалоговое окно на javascript, типа alert()?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от stephon , 4 месяца назад

@gage 

Вот пример создания диалогового окна на JavaScript:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
function showDialog(message) {
  var dialog = document.createElement('div');
  dialog.innerHTML = message;
  dialog.style.position = 'fixed';
  dialog.style.top = '50%';
  dialog.style.left = '50%';
  dialog.style.transform = 'translate(-50%, -50%)';
  dialog.style.padding = '16px';
  dialog.style.backgroundColor = '#ffffff';
  dialog.style.border = '1px solid #000000';
  dialog.style.boxShadow = '0px 0px 10px #000000';
  dialog.style.zIndex = '99999';
  document.body.appendChild(dialog);
}


Вы можете вызвать эту функцию, передавая ей сообщение для отображения в окне. Например:

1
showDialog('Привет, это моё диалоговое окно!');


Это создаст окно, которое будет отображаться в центре экрана сообщением "Привет, это моё диалоговое окно!".