Popout Window

by arvillarruel

HTML

<a href="#">Popout</a>
<div>
 
       
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Index - Mi aplicación ASP.NET</title>
    <link href="/Content/css?v=" rel="stylesheet"/>

    <script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script>


    <script type = 'text/javascript' >
        var appInsights=window.appInsights||function(config)
        {
            function r(config){ t[config] = function(){ var i = arguments; t.queue.push(function(){ t[config].apply(t, i)})} }
            var t = { config:config},u=document,e=window,o='script',s=u.createElement(o),i,f;for(s.src=config.url||'//az416426.vo.msecnd.net/scripts/a/ai.0.js',u.getElementsByTagName(o)[0].parentNode.appendChild(s),t.cookie=u.cookie,t.queue=[],i=['Event','Exception','Metric','PageView','Trace','Ajax'];i.length;)r('track'+i.pop());return r('setAuthenticatedUserContext'),r('clearAuthenticatedUserContext'),config.disableExceptionTracking||(i='onerror',r('_'+i),f=e[i],e[i]=function(config, r, u, e, o) { var s = f && f(config, r, u, e, o); return s !== !0 && t['_' + i](config, r, u, e, o),s}),t
        }({
            instrumentationKey:'bbaf34c4-e70c-4bec-8f2a-2b2372c75711'
        });
        
        window.appInsights=appInsights;
        appInsights.trackPageView();
    </script>
</head>
<body>

    <div class="container body-content">
        


<html>
<head>
    <link href="/Sorteo_Tec/css/chatbot.css" rel="stylesheet" />
    <script src="/Sorteo_Tec/js/chat.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <script src="../js/SorteoTec/SorteoTec.js"></script>
    <script type="text/javascript"...

JavaScript

$('#foo').click(function() {
    $('a').html("Popout Clicked");
});

$('a').click(function (event) {
    event.preventDefault();
    
    var win = window.open("","myWin","height=400px,width=600px");
    var proxy = $('body', win.document);
    var target = $('#popout');
    var parent = target.parent();
    
    $(win).on('unload', function() {
        parent.append(target);
    });
    
    $('a').html("Popout");
    proxy.append(target);
});