Função .load() carrega página sem Js.

[Allex Lima 0]

Boa tarde.

 

Estou desenvolvendo uma aplicação web que é basicamente em Jquery. Em determinada parte da aplicação (módulo de configurações) optei por criar um Tree Menu na lateral esquerda e uma div na lateral direita, div esta que iria funcionar como uma iframe, onde através da função .load() do Jquery, iria carregar os links do Tree Menu. O fato é que até aí funciona normalmente, a página é carregada dentro da div que funciona como iframe no entanto ela consegue carregar o .css da página mãe (onde div está) mas não o .js.

 

Abaixo uma screen desta parte da aplicação, na lateral esquerda o Tree Menu e os links (1) e ao lado, a div que funciona como iframe (2):

 

 

Código da página a ser carregada na div:

 

<div class="TopWin" id="options_t" draggable="true" style="margin-left:-10px;background:#ddd;">
<div class="TitleWin">Opções de Estilos</div>
</div>
<div id="OpLoad_Fr">
<table>
<tr>
<td>Selecione o estilo:</td>
<td>
<select class="campotext" style="width:300px">
<option>In a dark street - Preto [Default]</option>
<option>Living on a green world - Verde</option>
<option>Look for sea light - Azul</option>
</select>
</td>
</tr>
<tr>
<td>Logotipo com Flat Design:</td>
<td><input type="range" value="1" min="0" max="1"/></td>
</tr>
<tr>
<td>Mostrar rodapé:</td>
<td><input type="range" value="1" min="0" max="1"/></td>
</tr>
<tr>
<td>Som de entrada:</td>
<td><input type="range" value="1" min="0" max="1"/></td>
</tr>
</table>
<div class="DownWin" style="margin-left:-15px;">
<div>
<span id="options_r"></span>
<button class="butn">Aplicar e Atualizar</button><button class="butr">Cancelar</button>
</div>
</div>

 

 

Desde já, agradeço a todos :D

[xanburzum 169]

VocÊ consegue fazer isso com o jQuery Framework.

 

[sourcecode language=javascript]
jQuery.getScript(‘Administrativa.js’, function() {
new Administrativa();
});
[/sourcecode]

[Allex Lima 0]

Oi. Acho que não entendi muito bem, esse código ficaria no meu documento JS ou na página que vai ficar dentro da div iframe?

 

Obrigado pela atenção =D

[xanburzum 169]

página que vai ficar dentro da div iframe

[Allex Lima 0]

Então, eu o botei na página que é carregada pela div iframe e funcionou como a tag <script>, certo? Isso resolve o problema, no entanto além de deixar o carregamento da div iframe um pouco lento, assim que carrega ela fecha o Tree Menu. O estranho é que carrega o CSS da página mãe mas n o JS :/, enfim, existe alguma forme de fazer com que a página puxe o JS direto da página mãe? alguma função parecida com o .load()? Não encontro nada na web :/ Isso é bem complicado. :D

Então, depois de alguns testes consegui corrigir o problema.

 

O erro era que, no meu documento JS (javex.js) eu estava tentando obter o valor de um campo da página que seria carregada na div iframe só que no JS eu estava tentando fazer isso através desta função:

$(document).ready(function(){
	...
}

Logo, creio que a função $(document) funcione apenas para a página mãe.

 

Solução: Trabalhar com outras functions(){...}, embora não seja tão prático, não deixa o código lento ^^

 

Gostaria muito de agradecer ao membro @xanburzum pela sua atenção.

Muito obrigado a todos, até mais! o/

[William Bruno 1501]

Entenda o conceito:

 

http://wbruno.com.br/ajax/usando-lightbox-em-pagina-carregada-ajax/

http://wbruno.com.br/ajax/atrelar-evento-em-elementos-nao-existiam-dom/

[Allex Lima 0]

Vou ler sim, @William Bruno. Obrigado!

http://wbruno.com.br/ajax/usando-lightbox-em-pagina-carregada-ajax/

 

Hmm... Bom, então além da solução de usar outras/novas functions(){} podemos simplesmente seguir este modelo:

 

$("#frame").load("exemplo.html", function(){
      ...
});

E então o conteúdo ("...") será carregado na página exemplo.html que, por sua vez, será carregada na div #frame.

 

Muito interessante e bem mais prático, @William Bruno. Com certeza irei utilizar este método.