How to make a table like in the photo?

  • 0
    It is necessary that when you click on the button, such a table climbs out, and the background of the page becomes gray
    JavaScript Anonymous, Mar 8, 2020

  • 2 Answers
  • 0
    This is not called a table, but a modal window. In the screenshot - default from bootstrap .
    Anonymous

  • 0
    <script type="text/javascript">
    function ModalWindow() {
    var videolink = '';
    $("#video-container").dialog({
    autoOpen: true,
    open: function(event, ui) {
    videolink = $(this).find("iframe").attr('src');
    },
    show: 'fade',
    hide: 'fade',
    width: 'auto',
    modal: true,
    beforeClose: function(event, ui) {
    $(this).find("iframe").attr('src','');
    $(this).find("iframe").attr('src',videolink);
    }


    });
    }
    </script>


    <a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
    <div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>
    Anonymous

Your Answer
To place the code, please use CodePen or similar tool. Thanks you!