window.open и $ (document) .ready
Я пытаюсь сделать букмарклет, который открывает всплывающее окно. Внутри этого окна находится список классов CSS, которые когда-то выбран, выделяет этот объект наwindow.opener
стр. Поэтому я сталкиваюсь с двумя проблемами.
$(document).ready(function(){...})
внутри окна никогда не выполняется.Я не могу открыть всплывающее окно из удаленного местоположения, потому что я сталкиваюсь с междоменными проблемами. Вот пример кода:
<script type="text/javascript">
function makepopup(){
var popup = '<!DOC'+'TYPE HT'+'ML PUBLIC "-//W3C//DTD HT'+'ML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">' +
'<ht'+'ml><he'+'ad><title>Test</title>' +
'<scr'+'ipt type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></scr'+'ipt>' +
'</he'+'ad><bo'+'dy>' +
'<div id="wrap">' +
'testing popup' +
'</div>' +
'<input type="button" value="Click Me" />' +
'<scr'+'ipt type="text/javascript">' +
'$(document).ready(function(){' +
'$(":input").click(function(){ alert($(window.opener.doc'+'ument).find("#test").html()) });' +
'})' +
'</scr'+'ipt>' +
'</bo'+'dy></ht'+'ml>';
var testpopup = window.open( '','test','toolbar=1,location=0,status=0,width=500,height=450,scrollbars=1' );
testpopup.document.write(popup);
return false;
}
</script>
<a href="#" onclick="javascript:makepopup()">Open popup</a>
<div id="test" style="display:none">This is hidden text</div>
Если я добавлю следующее к консоли во всплывающем окне$(":input").click(function(){ alert($(window.opener.document).find("#test").html()) });
, он работает нормально, поэтому я уверен, что это документ. Уже никогда не вызывается
Или есть лучший способ сделать это?