Pessoal, seguinte, no meu site to usando um sistema em JQuery para chamar as paginas dentro de uma DIV chamada conteudo na minha pagina index.php sem atualizar a pagina toda.
Ate ai td blz, o problema é qdo eu chamo dentro dessa DIV uma pagina que contenha JavaScript e CSS os mesmos sao cancelados. Com umas pesquisas que fiz consegui essa solução aqui:
Dentro do arquivo index.php
<script>
var x = 0;
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
</script>
Link que chama o arquivo script_port_design.js
arquivo script_port_design.js
var html = <div>AQUI é o conteudo em html que seria da pagina que nao funcionava dentro da DIV conteudo, pois como disse era cancelado os scripts, essa pagina o conteudo dela é em lightbox nao postei td pq nao tem necessidade pois sao bastante fotos e ai ficar mto grande o codigo aqui</div>
if (x < 1) {
loadjscssfile("portfolio/design/engine/css/vlightbox1.css", "css");
loadjscssfile("portfolio/design/engine/css/visuallightbox.css", "css");
loadjscssfile("portfolio/design/engine/js/jquery.min.js", "js");
loadjscssfile("portfolio/design/engine/js/jquery.min.js", "js");
loadjscssfile("portfolio/design/engine/js/visuallightbox.js", "js");
loadjscssfile("portfolio/design/engine/js/vlbdata.js", "js");
document.getElementById('conteudo').innerHTML = html;
x++;
}
else {
loadjscssfile("portfolio/design/engine/js/jquery.min.js", "js");
loadjscssfile("portfolio/design/engine/js/visuallightbox.js", "js");
loadjscssfile("portfolio/design/engine/js/vlbdata.js", "js");
document.getElementById('conteudo').innerHTML = html;
}
Ate ai, td certo somente no FireFox, no firefox fica perfeito, e funciona td perfeitamente, o problema é que no Internet Explorer, Chrome e Opera o link nao funciona para abrir o arquivo script_port_design.js
No internet explorer da erro de Sintaxe e o erro fica nessa tag: < ou seja, parece que esses navegadores que nao abrem esse link nao interpretam codigos html, como div, links etc.
Alguem sabe como resolver isso??
Obrigado e fico no aguardo 