仅使用JS&从弹出窗口获取价值的HTML [英] Getting Value From Popup Window Using only JS & HTML
问题描述
是否可以从弹出窗口获取值?另外，我只想使用JS和HTML，即不使用PHP.这有可能吗?我在这里看到了其他类似这样的帖子:
Is it possible to get a value from a popup window? Additionally I would like to use JS and HTML only, i.e. no PHP. Is this even possible? I've seen other posts on here like this one:
但是在aspx中.
我在Google上搜索了一下，并找到了此链接:
I have googled a bit and found this link:
http://www.bignosebird.com/js/popmap.shtml
但是，它在那个家伙的网站上有效，但是当我复制并粘贴它时却不起作用，我可能是一个菜鸟，所以这就是我所拥有的:
However, it works on that guys site but not when i copy and paste it, I may be a noob so this is what I have:
parent.html
<html>
<head>
</head>
<body>
<form>
<INPUT TYPE="TEXT" NAME="maparea" SIZE=2 VALUE="">
<input type=button onClick='targetitem = document.forms[0].maparea; dataitem = window.open("map.shtml", "dataitem", "toolbar=no,menubar=no,scrollbars=yes"); dataitem.targetitem = targetitem' value="Show Map">
</form>
</body>
</html>
map.shtml
<html>
<head>
<script>
function select_item(item)
{
targetitem.value=item;
top.close();
return false;
}
</script>
</head>
<body>
<CENTER>
<B>Our Map</B>
<BR>
<IMAGE SRC="map1.gif" ISMAP USEMAP="#MAP1">
<MAP NAME="MAP1">
<AREA SHAPE=RECT COORDS="11,10,116,133" HREF="" onClick='return select_item("1")'>
<AREA SHAPE=RECT COORDS="121,11,227,172" HREF="" onClick='return select_item("2")'>
<AREA SHAPE=RECT COORDS="11,140,115,226" HREF="" onClick='return select_item("3")'>
<AREA SHAPE=RECT COORDS="119,177,225,227" HREF="" onClick='return select_item("4")'>
<AREA SHAPE=default HREF="" >
</MAP>
</CENTER>
</body>
</html>
任何帮助将不胜感激.
推荐答案
它适用于我(使用Firefox 20.0).但是该代码确实很丑陋而且很旧，可能您应该研究 MSDN Window 了解它如何在firefox中工作(Window对象可能会在其他浏览器中更改其行为).嗯，当然还有 ECMAScript .但是要介绍多种解决方案之一，您可以尝试以下方法:
parent.html
It works for me (using Firefox 20.0). But the code is really ugly and old though, probably you should study the present standards of MSDN Window to understand how it works in firefox (Window object may change its behaviour in other browsers). Ah, and of course the ECMAScript . But to introuduce one of the multiple solutions, you could try this:
parent.html
<input type="text" id="output"/>
<button id="show">Open</button>
<script>
document.getElementById('show').addEventListener('click', function(){
window['output'] = document.getElementById('output');
window.open('map.html')
});
</script>
maps.html (我更改了扩展名！)
maps.html (I changed the extension!)
<input type="text" id="user_text"/>
<input id="send" type='button' value'send'/>
<script>
document.getElementById('send').addEventListener('click', function(){
window.opener['output'].value = document.getElementById('user_text').value;
})
</script>
这篇关于仅使用JS&从弹出窗口获取价值的HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
