Já que IFRAME está quase em desuso pelo que andei lendo, a tag OBJECT pode fazer o mesmo serviço sendo válida em XHTML (por enquanto)
Assim, isso funciona normalmente:
<object data="arquivo.html" type="text/html" width="1" height="1" id="enhancements"></object>O que eu queria fazer é, dentro desse arquivo.html incluir quaisquer rotinas JavaScript que manipulem o(s) elemento(s) da página que inclui essa tag OBJECT, no caso index.php
Como não sei como fazer, tentei, humildemente assim:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled</title> <script type="text/javascript"> document.getElementById('submitsearch').onclick = function() { alert( 'OI!' ); return false; } </script> </head> <body> Enhancements fake IFRAME </body> </html>E na página, além de incluir a tag descrita no primeir CODE, tenho um campo de busca com botão de envio submit de ID submitsearch
Mas não funcionou como esperado
Acredito que deveria aparecer um alert com a palavra "OI" e em seguida cancelar a ação do clique no botão (que encaminha para a ação de busca)
Tentei trocar document por parent acreditando ser o mesmo princípio das popup que atualizam algo na janela que a abriu, mas também não funcionou.
É possível fazer isso?