Creating a pop up with JavaScript

Question

I want to do three things.

Stop it saying an embedded page says, so it's just a blank white box, give the f and t a link, and a class or ID so I can target them with 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>

The f should link Facebook, the t twitter and the cross just generate the pop up onclick

Brad · Accepted Answer · 2020-09-05 23:20:36Z

1

Regular alert() dialogs cannot be modified. There is text, and that's it.

You have to create your modal dialog with HTML and CSS.

There actually is a convenient <dialog> element now, but it only works in Chrome and variants.

answered Sep 5, 2020 at 23:20

Brad

164k57 gold badges380 silver badges559 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

New Over a year ago

Ok. Thanks....how would i structure a <dialog> pop up involving no JavaScript?

Brad Over a year ago

@New To be clear, you can use JavaScript, but you can't use only the alert() function. Once you have your <dialog> element on the page, you can do something like document.querySelector('dialog').showModal(). See also: developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

Collectives™ on Stack Overflow

Creating a pop up with JavaScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related