Pop up and pop in like gmail chatRefresh parent window from child window using javascriptJavaScript post request like a form submitShort circuit Array.forEach like calling breakHow to create an HTML button that acts like a link?IE layers issue when dtd with doctype tag is not addedhow to get doctype tag with url using xsl:outputUnable to remove the textbox using javascriptWhere is the HTML5 Document Type Definition?Parsing RDFa in html/xhtml?Cannot display HTML stringhow to display the content of csv file in a input text box?
How old can references or sources in a thesis be?
Unable to deploy metadata from Partner Developer scratch org because of extra fields
What typically incentivizes a professor to change jobs to a lower ranking university?
How much of data wrangling is a data scientist's job?
Can a vampire attack twice with their claws using Multiattack?
Does detail obscure or enhance action?
Why can't we play rap on piano?
What does "Puller Prush Person" mean?
Why does Kotter return in Welcome Back Kotter?
Client team has low performances and low technical skills: we always fix their work and now they stop collaborate with us. How to solve?
Has there ever been an airliner design involving reducing generator load by installing solar panels?
Can I make popcorn with any corn?
infared filters v nd
What is a clear way to write a bar that has an extra beat?
I'm flying to France today and my passport expires in less than 2 months
What doth I be?
High voltage LED indicator 40-1000 VDC without additional power supply
Can you really stack all of this on an Opportunity Attack?
How to format long polynomial?
Did Shadowfax go to Valinor?
Codimension of non-flat locus
Why do I get two different answers for this counting problem?
LaTeX: Why are digits allowed in environments, but forbidden in commands?
"You are your self first supporter", a more proper way to say it
Pop up and pop in like gmail chat
Refresh parent window from child window using javascriptJavaScript post request like a form submitShort circuit Array.forEach like calling breakHow to create an HTML button that acts like a link?IE layers issue when dtd with doctype tag is not addedhow to get doctype tag with url using xsl:outputUnable to remove the textbox using javascriptWhere is the HTML5 Document Type Definition?Parsing RDFa in html/xhtml?Cannot display HTML stringhow to display the content of csv file in a input text box?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I want to do popup like gmail chat popup window as well as I want to do pop-in like the way gmail does.
once the pop-out is done particular div should be open in new window and once the pop-in done the particular div should be placed in the position where it was been already, so far I am able to do the pop up the window in new window with the following code, but I don't have the idea how to do pop-in
Please note: once the pop-out done particular div should be open in another window and the variables in the main window also should be accessible in the pop-out window.
work out in Jsfiddle
Pop out demo
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
//<![CDATA[
$(function()
$('.popup').click(function (event)
event.preventDefault();
window.open($(this).attr("href"), "popupWindow",
"width=600,height=600,scrollbars=yes");
);
);//]]>
</script>
</head>
<body>
<a href="http://google.com" class="popup">google</a>
</body>
</html>
UPDATE
I have found the option how to open the div in new window the code as follows, now I am able to pop out the window with contents in the div, now I need to know how can I access the variable value in the pop out window and how to attach back the pop out window into that original place
Jsfiddle demo
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>
Popup demo
</title>
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js">
</script>
</head>
<body>
<a href="#" class="popup">
google
</a>
<div id="toNewWindow">
Testing
<input type="button" onclick="test()" value="click">
</div>
<script type="text/javascript">
//<![CDATA[
$('.popup').click(function (event)
event.preventDefault();
var w = window.open("","myWin","height=400px,width=600px");
w.document.write( $("#toNewWindow").html() );
$('#toNewWindow').detach();
);
var a=3;
function test()
alert(a);
//]]>
</script>
</body>
</html>
Second edit
Now I have found the way to access the variables in between opener and child, code as follows
Now my problem is
if I have typed in the text box in child.html which is inside the iframe is not showing when on the popout.
Opener
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Popup checking</title>
<script type="text/javascript">
var winObj;
function openwindow()
winObj=window.open("","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
var s=document.getElementById('page').innerHTML;
console.log(s);
//var s=document.getElementById('page');
winObj.document.write(s);
//win.parent.detach(win);
function changeValue()
console.log(winObj.document.getElementById('changer').value);
winObj.document.getElementById('changer').value='changer';
</script>
</head>
<body>
<div id="page">
<iframe src="child.html" width="100" height="100"></iframe>
</div>
<div id="page1">
<input type="text" id="text1"/>
<input type="button" value="popup" onclick="openwindow()"/>
<input type="button" value="changevalue" onclick="changeValue()"/>
</div>
</body>
</html>
Child
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function openerChange()
window.opener.document.getElementById('text1').value="Value changed.."
</script>
</head>
<body>
<input type="text" value="" id="changer" />
<input type="button" value="changed" onclick="openerChange()"/>
</body>
</html>
javascript jquery html
asked Dec 30 '13 at 6:11
Thirumalai muruganThirumalai murugan
3,55862551
|
show 1 more comment
I want to do popup like gmail chat popup window as well as I want to do pop-in like the way gmail does.
once the pop-out is done particular div should be open in new window and once the pop-in done the particular div should be placed in the position where it was been already, so far I am able to do the pop up the window in new window with the following code, but I don't have the idea how to do pop-in
Please note: once the pop-out done particular div should be open in another window and the variables in the main window also should be accessible in the pop-out window.
work out in Jsfiddle
Pop out demo
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
//<![CDATA[
$(function()
$('.popup').click(function (event)
event.preventDefault();
window.open($(this).attr("href"), "popupWindow",
"width=600,height=600,scrollbars=yes");
);
);//]]>
</script>
</head>
<body>
<a href="http://google.com" class="popup">google</a>
</body>
</html>
UPDATE
I have found the option how to open the div in new window the code as follows, now I am able to pop out the window with contents in the div, now I need to know how can I access the variable value in the pop out window and how to attach back the pop out window into that original place
Jsfiddle demo
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>
Popup demo
</title>
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js">
</script>
</head>
<body>
<a href="#" class="popup">
google
</a>
<div id="toNewWindow">
Testing
<input type="button" onclick="test()" value="click">
</div>
<script type="text/javascript">
//<![CDATA[
$('.popup').click(function (event)
event.preventDefault();
var w = window.open("","myWin","height=400px,width=600px");
w.document.write( $("#toNewWindow").html() );
$('#toNewWindow').detach();
);
var a=3;
function test()
alert(a);
//]]>
</script>
</body>
</html>
Second edit
Now I have found the way to access the variables in between opener and child, code as follows
Now my problem is
if I have typed in the text box in child.html which is inside the iframe is not showing when on the popout.
Opener
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Popup checking</title>
<script type="text/javascript">
var winObj;
function openwindow()
winObj=window.open("","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
var s=document.getElementById('page').innerHTML;
console.log(s);
//var s=document.getElementById('page');
winObj.document.write(s);
//win.parent.detach(win);
function changeValue()
console.log(winObj.document.getElementById('changer').value);
winObj.document.getElementById('changer').value='changer';
</script>
</head>
<body>
<div id="page">
<iframe src="child.html" width="100" height="100"></iframe>
</div>
<div id="page1">
<input type="text" id="text1"/>
<input type="button" value="popup" onclick="openwindow()"/>
<input type="button" value="changevalue" onclick="changeValue()"/>
</div>
</body>
</html>
Child
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function openerChange()
window.opener.document.getElementById('text1').value="Value changed.."
</script>
</head>
<body>
<input type="text" value="" id="changer" />
<input type="button" value="changed" onclick="openerChange()"/>
</body>
</html>
javascript jquery html
asked Dec 30 '13 at 6:11
Thirumalai muruganThirumalai murugan
3,55862551
@rps Thanks for your reply, Yes I am expecting that only, I feel I explained that in my question and I don't know how to do that.
– Thirumalai murugan
Dec 30 '13 at 6:24
I'm sorry for asking, but do you want to do a popup out in a new window? if you need any pop-out-pop-in functionality you can always do some custom coding in html and javascript, right?
– Shahe
Dec 30 '13 at 7:01
@Shahe no problem, but in my case all the content like chart, sale analysis all will be in single window(html page) some time we will need that content to be pop-out and we will take that and show it on another monitor(4 display), if your couldn't understand what I am saying please revert me, because i'm in hurry I would have missed to explain properly.
– Thirumalai murugan
Dec 30 '13 at 7:08
the question is quite old already, but this might help: stackoverflow.com/questions/4667714/…
– Ruben Verschueren
Oct 24 '14 at 12:25
Maybe you need to write a Chrome Extension instead? I don't understand how you will be able to get the new window to reattach
– Elise Chant
Nov 22 '14 at 6:20
|
show 1 more comment
I want to do popup like gmail chat popup window as well as I want to do pop-in like the way gmail does.
once the pop-out is done particular div should be open in new window and once the pop-in done the particular div should be placed in the position where it was been already, so far I am able to do the pop up the window in new window with the following code, but I don't have the idea how to do pop-in
Please note: once the pop-out done particular div should be open in another window and the variables in the main window also should be accessible in the pop-out window.
work out in Jsfiddle
Pop out demo
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
//<![CDATA[
$(function()
$('.popup').click(function (event)
event.preventDefault();
window.open($(this).attr("href"), "popupWindow",
"width=600,height=600,scrollbars=yes");
);
);//]]>
</script>
</head>
<body>
<a href="http://google.com" class="popup">google</a>
</body>
</html>
UPDATE
I have found the option how to open the div in new window the code as follows, now I am able to pop out the window with contents in the div, now I need to know how can I access the variable value in the pop out window and how to attach back the pop out window into that original place
Jsfiddle demo
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>
Popup demo
</title>
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js">
</script>
</head>
<body>
<a href="#" class="popup">
google
</a>
<div id="toNewWindow">
Testing
<input type="button" onclick="test()" value="click">
</div>
<script type="text/javascript">
//<![CDATA[
$('.popup').click(function (event)
event.preventDefault();
var w = window.open("","myWin","height=400px,width=600px");
w.document.write( $("#toNewWindow").html() );
$('#toNewWindow').detach();
);
var a=3;
function test()
alert(a);
//]]>
</script>
</body>
</html>
Second edit
Now I have found the way to access the variables in between opener and child, code as follows
Now my problem is
if I have typed in the text box in child.html which is inside the iframe is not showing when on the popout.
Opener
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Popup checking</title>
<script type="text/javascript">
var winObj;
function openwindow()
winObj=window.open("","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
var s=document.getElementById('page').innerHTML;
console.log(s);
//var s=document.getElementById('page');
winObj.document.write(s);
//win.parent.detach(win);
function changeValue()
console.log(winObj.document.getElementById('changer').value);
winObj.document.getElementById('changer').value='changer';
</script>
</head>
<body>
<div id="page">
<iframe src="child.html" width="100" height="100"></iframe>
</div>
<div id="page1">
<input type="text" id="text1"/>
<input type="button" value="popup" onclick="openwindow()"/>
<input type="button" value="changevalue" onclick="changeValue()"/>
</div>
</body>
</html>
Child
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function openerChange()
window.opener.document.getElementById('text1').value="Value changed.."
</script>
</head>
<body>
<input type="text" value="" id="changer" />
<input type="button" value="changed" onclick="openerChange()"/>
</body>
</html>
javascript jquery html
asked Dec 30 '13 at 6:11
Thirumalai muruganThirumalai murugan
3,55862551
I want to do popup like gmail chat popup window as well as I want to do pop-in like the way gmail does.
once the pop-out is done particular div should be open in new window and once the pop-in done the particular div should be placed in the position where it was been already, so far I am able to do the pop up the window in new window with the following code, but I don't have the idea how to do pop-in
Please note: once the pop-out done particular div should be open in another window and the variables in the main window also should be accessible in the pop-out window.
work out in Jsfiddle
Pop out demo
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
//<![CDATA[
$(function()
$('.popup').click(function (event)
event.preventDefault();
window.open($(this).attr("href"), "popupWindow",
"width=600,height=600,scrollbars=yes");
);
);//]]>
</script>
</head>
<body>
<a href="http://google.com" class="popup">google</a>
</body>
</html>
UPDATE
I have found the option how to open the div in new window the code as follows, now I am able to pop out the window with contents in the div, now I need to know how can I access the variable value in the pop out window and how to attach back the pop out window into that original place
Jsfiddle demo
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>
Popup demo
</title>
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js">
</script>
</head>
<body>
<a href="#" class="popup">
google
</a>
<div id="toNewWindow">
Testing
<input type="button" onclick="test()" value="click">
</div>
<script type="text/javascript">
//<![CDATA[
$('.popup').click(function (event)
event.preventDefault();
var w = window.open("","myWin","height=400px,width=600px");
w.document.write( $("#toNewWindow").html() );
$('#toNewWindow').detach();
);
var a=3;
function test()
alert(a);
//]]>
</script>
</body>
</html>
Second edit
Now I have found the way to access the variables in between opener and child, code as follows
Now my problem is
if I have typed in the text box in child.html which is inside the iframe is not showing when on the popout.
Opener
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Popup checking</title>
<script type="text/javascript">
var winObj;
function openwindow()
winObj=window.open("","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
var s=document.getElementById('page').innerHTML;
console.log(s);
//var s=document.getElementById('page');
winObj.document.write(s);
//win.parent.detach(win);
function changeValue()
console.log(winObj.document.getElementById('changer').value);
winObj.document.getElementById('changer').value='changer';
</script>
</head>
<body>
<div id="page">
<iframe src="child.html" width="100" height="100"></iframe>
</div>
<div id="page1">
<input type="text" id="text1"/>
<input type="button" value="popup" onclick="openwindow()"/>
<input type="button" value="changevalue" onclick="changeValue()"/>
</div>
</body>
</html>
Child
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function openerChange()
window.opener.document.getElementById('text1').value="Value changed.."
</script>
</head>
<body>
<input type="text" value="" id="changer" />
<input type="button" value="changed" onclick="openerChange()"/>
</body>
</html>
javascript jquery html
javascript jquery html
asked Dec 30 '13 at 6:11
Thirumalai muruganThirumalai murugan
3,55862551
asked Dec 30 '13 at 6:11
Thirumalai muruganThirumalai murugan
3,55862551
edited Jan 4 '14 at 10:02
Thirumalai murugan
asked Dec 30 '13 at 6:11
Thirumalai muruganThirumalai murugan
3,55862551
asked Dec 30 '13 at 6:11
Thirumalai muruganThirumalai murugan
3,55862551
asked Dec 30 '13 at 6:11
Thirumalai muruganThirumalai murugan
3,55862551
3,55862551
@rps Thanks for your reply, Yes I am expecting that only, I feel I explained that in my question and I don't know how to do that.
– Thirumalai murugan
Dec 30 '13 at 6:24
I'm sorry for asking, but do you want to do a popup out in a new window? if you need any pop-out-pop-in functionality you can always do some custom coding in html and javascript, right?
– Shahe
Dec 30 '13 at 7:01
@Shahe no problem, but in my case all the content like chart, sale analysis all will be in single window(html page) some time we will need that content to be pop-out and we will take that and show it on another monitor(4 display), if your couldn't understand what I am saying please revert me, because i'm in hurry I would have missed to explain properly.
– Thirumalai murugan
Dec 30 '13 at 7:08
the question is quite old already, but this might help: stackoverflow.com/questions/4667714/…
– Ruben Verschueren
Oct 24 '14 at 12:25
Maybe you need to write a Chrome Extension instead? I don't understand how you will be able to get the new window to reattach
– Elise Chant
Nov 22 '14 at 6:20
|
show 1 more comment
@rps Thanks for your reply, Yes I am expecting that only, I feel I explained that in my question and I don't know how to do that.
– Thirumalai murugan
Dec 30 '13 at 6:24
I'm sorry for asking, but do you want to do a popup out in a new window? if you need any pop-out-pop-in functionality you can always do some custom coding in html and javascript, right?
– Shahe
Dec 30 '13 at 7:01
@Shahe no problem, but in my case all the content like chart, sale analysis all will be in single window(html page) some time we will need that content to be pop-out and we will take that and show it on another monitor(4 display), if your couldn't understand what I am saying please revert me, because i'm in hurry I would have missed to explain properly.
– Thirumalai murugan
Dec 30 '13 at 7:08
the question is quite old already, but this might help: stackoverflow.com/questions/4667714/…
– Ruben Verschueren
Oct 24 '14 at 12:25
Maybe you need to write a Chrome Extension instead? I don't understand how you will be able to get the new window to reattach
– Elise Chant
Nov 22 '14 at 6:20
@rps Thanks for your reply, Yes I am expecting that only, I feel I explained that in my question and I don't know how to do that.
– Thirumalai murugan
Dec 30 '13 at 6:24
@rps Thanks for your reply, Yes I am expecting that only, I feel I explained that in my question and I don't know how to do that.
– Thirumalai murugan
Dec 30 '13 at 6:24
I'm sorry for asking, but do you want to do a popup out in a new window? if you need any pop-out-pop-in functionality you can always do some custom coding in html and javascript, right?
– Shahe
Dec 30 '13 at 7:01
I'm sorry for asking, but do you want to do a popup out in a new window? if you need any pop-out-pop-in functionality you can always do some custom coding in html and javascript, right?
– Shahe
Dec 30 '13 at 7:01
@Shahe no problem, but in my case all the content like chart, sale analysis all will be in single window(html page) some time we will need that content to be pop-out and we will take that and show it on another monitor(4 display), if your couldn't understand what I am saying please revert me, because i'm in hurry I would have missed to explain properly.
– Thirumalai murugan
Dec 30 '13 at 7:08
@Shahe no problem, but in my case all the content like chart, sale analysis all will be in single window(html page) some time we will need that content to be pop-out and we will take that and show it on another monitor(4 display), if your couldn't understand what I am saying please revert me, because i'm in hurry I would have missed to explain properly.
– Thirumalai murugan
Dec 30 '13 at 7:08
the question is quite old already, but this might help: stackoverflow.com/questions/4667714/…
– Ruben Verschueren
Oct 24 '14 at 12:25
the question is quite old already, but this might help: stackoverflow.com/questions/4667714/…
– Ruben Verschueren
Oct 24 '14 at 12:25
Maybe you need to write a Chrome Extension instead? I don't understand how you will be able to get the new window to reattach
– Elise Chant
Nov 22 '14 at 6:20
Maybe you need to write a Chrome Extension instead? I don't understand how you will be able to get the new window to reattach
– Elise Chant
Nov 22 '14 at 6:20
|
show 1 more comment
1 Answer
1
active
oldest
votes
I would create a Named Window on the page your window expands from called eg. "HomeWindow".
Then expand window using similar to what you have, except rather using _blank give it a specific name like "ExpandedWindow"
eg.
window.open("http://YourLink.TLD","ExpandedWindow","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
then in the pop up to Retract window use these in a click function.
window.open(document.URL,"HomeWindow");
ExpandedWindow.close();
answered Dec 5 '14 at 23:20
Sean CarrollSean Carroll
5712
can you give small prototype? so that it will be useful for every one.
– Thirumalai murugan
Dec 6 '14 at 5:35
Ok, here is a very basic working example: dialoz.com/downloads/PopUp-PopIn.zip
– Sean Carroll
Dec 6 '14 at 17:51
it doesn't fit to my question, ie: if I type mail-id and did popout I am not getting any value in mail-id text box, please go through my question where I given the source please go through that also.
– Thirumalai murugan
Dec 8 '14 at 8:13
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f20834291%2fpop-up-and-pop-in-like-gmail-chat%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I would create a Named Window on the page your window expands from called eg. "HomeWindow".
Then expand window using similar to what you have, except rather using _blank give it a specific name like "ExpandedWindow"
eg.
window.open("http://YourLink.TLD","ExpandedWindow","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
then in the pop up to Retract window use these in a click function.
window.open(document.URL,"HomeWindow");
ExpandedWindow.close();
answered Dec 5 '14 at 23:20
Sean CarrollSean Carroll
5712
can you give small prototype? so that it will be useful for every one.
– Thirumalai murugan
Dec 6 '14 at 5:35
Ok, here is a very basic working example: dialoz.com/downloads/PopUp-PopIn.zip
– Sean Carroll
Dec 6 '14 at 17:51
it doesn't fit to my question, ie: if I type mail-id and did popout I am not getting any value in mail-id text box, please go through my question where I given the source please go through that also.
– Thirumalai murugan
Dec 8 '14 at 8:13
add a comment |
I would create a Named Window on the page your window expands from called eg. "HomeWindow".
Then expand window using similar to what you have, except rather using _blank give it a specific name like "ExpandedWindow"
eg.
window.open("http://YourLink.TLD","ExpandedWindow","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
then in the pop up to Retract window use these in a click function.
window.open(document.URL,"HomeWindow");
ExpandedWindow.close();
answered Dec 5 '14 at 23:20
Sean CarrollSean Carroll
5712
can you give small prototype? so that it will be useful for every one.
– Thirumalai murugan
Dec 6 '14 at 5:35
Ok, here is a very basic working example: dialoz.com/downloads/PopUp-PopIn.zip
– Sean Carroll
Dec 6 '14 at 17:51
it doesn't fit to my question, ie: if I type mail-id and did popout I am not getting any value in mail-id text box, please go through my question where I given the source please go through that also.
– Thirumalai murugan
Dec 8 '14 at 8:13
add a comment |
I would create a Named Window on the page your window expands from called eg. "HomeWindow".
Then expand window using similar to what you have, except rather using _blank give it a specific name like "ExpandedWindow"
eg.
window.open("http://YourLink.TLD","ExpandedWindow","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
then in the pop up to Retract window use these in a click function.
window.open(document.URL,"HomeWindow");
ExpandedWindow.close();
answered Dec 5 '14 at 23:20
Sean CarrollSean Carroll
5712
I would create a Named Window on the page your window expands from called eg. "HomeWindow".
Then expand window using similar to what you have, except rather using _blank give it a specific name like "ExpandedWindow"
eg.
window.open("http://YourLink.TLD","ExpandedWindow","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
then in the pop up to Retract window use these in a click function.
window.open(document.URL,"HomeWindow");
ExpandedWindow.close();
answered Dec 5 '14 at 23:20
Sean CarrollSean Carroll
5712
answered Dec 5 '14 at 23:20
Sean CarrollSean Carroll
5712
answered Dec 5 '14 at 23:20
Sean CarrollSean Carroll
5712
answered Dec 5 '14 at 23:20
Sean CarrollSean Carroll
5712
5712
can you give small prototype? so that it will be useful for every one.
– Thirumalai murugan
Dec 6 '14 at 5:35
Ok, here is a very basic working example: dialoz.com/downloads/PopUp-PopIn.zip
– Sean Carroll
Dec 6 '14 at 17:51
it doesn't fit to my question, ie: if I type mail-id and did popout I am not getting any value in mail-id text box, please go through my question where I given the source please go through that also.
– Thirumalai murugan
Dec 8 '14 at 8:13
add a comment |
can you give small prototype? so that it will be useful for every one.
– Thirumalai murugan
Dec 6 '14 at 5:35
Ok, here is a very basic working example: dialoz.com/downloads/PopUp-PopIn.zip
– Sean Carroll
Dec 6 '14 at 17:51
it doesn't fit to my question, ie: if I type mail-id and did popout I am not getting any value in mail-id text box, please go through my question where I given the source please go through that also.
– Thirumalai murugan
Dec 8 '14 at 8:13
can you give small prototype? so that it will be useful for every one.
– Thirumalai murugan
Dec 6 '14 at 5:35
can you give small prototype? so that it will be useful for every one.
– Thirumalai murugan
Dec 6 '14 at 5:35
Ok, here is a very basic working example: dialoz.com/downloads/PopUp-PopIn.zip
– Sean Carroll
Dec 6 '14 at 17:51
Ok, here is a very basic working example: dialoz.com/downloads/PopUp-PopIn.zip
– Sean Carroll
Dec 6 '14 at 17:51
it doesn't fit to my question, ie: if I type mail-id and did popout I am not getting any value in mail-id text box, please go through my question where I given the source please go through that also.
– Thirumalai murugan
Dec 8 '14 at 8:13
it doesn't fit to my question, ie: if I type mail-id and did popout I am not getting any value in mail-id text box, please go through my question where I given the source please go through that also.
– Thirumalai murugan
Dec 8 '14 at 8:13
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f20834291%2fpop-up-and-pop-in-like-gmail-chat%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
@rps Thanks for your reply, Yes I am expecting that only, I feel I explained that in my question and I don't know how to do that.
– Thirumalai murugan
Dec 30 '13 at 6:24
I'm sorry for asking, but do you want to do a popup out in a new window? if you need any pop-out-pop-in functionality you can always do some custom coding in html and javascript, right?
– Shahe
Dec 30 '13 at 7:01
@Shahe no problem, but in my case all the content like chart, sale analysis all will be in single window(html page) some time we will need that content to be pop-out and we will take that and show it on another monitor(4 display), if your couldn't understand what I am saying please revert me, because i'm in hurry I would have missed to explain properly.
– Thirumalai murugan
Dec 30 '13 at 7:08
the question is quite old already, but this might help: stackoverflow.com/questions/4667714/…
– Ruben Verschueren
Oct 24 '14 at 12:25
Maybe you need to write a Chrome Extension instead? I don't understand how you will be able to get the new window to reattach
– Elise Chant
Nov 22 '14 at 6:20