Блог

Главная - Вопросы по программированию - Создание всплывающего окна с помощью JavaScript

Создание всплывающего окна с помощью JavaScript

#javascript #html #css

#javascript #HTML #css

Вопрос:

Я хочу сделать три вещи.

Прекратите это говорить an embedded page says , так что это просто пустое белое поле, дайте f и t ссылку и класс или идентификатор, чтобы я мог настроить таргетинг на них с помощью CSS.

 <!DOCTYPE html>
<html>
<body
<button 
onclick="myFunction()"><div 
class="containercross"><div 
class="cross1"><div 
class="cross2">
</div></div></div>
</a></button>
<script>
function myFunction() {
alert("f, t");
}</script><html><body>

f Должно связать Facebook, t twitter и крест просто генерируют всплывающее окно onclick

Ответ №1:

Обычные alert() диалоги не могут быть изменены. Есть текст, и это все.

Вы должны создать свой модальный диалог с помощью HTML и CSS.

На самом деле теперь есть удобный <dialog> элемент, но он работает только в Chrome и вариантах.

Комментарии:

1. ОК. Спасибо …. как бы я структурировал всплывающее окно <dialog> без использования JavaScript?

2. @New Чтобы было понятно, вы можете использовать JavaScript, но вы не можете использовать только alert() функцию. Как только у вас появится свой <dialog> элемент на странице, вы можете сделать что-то вроде document.querySelector('dialog').showModal() . Смотрите также: developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog