Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá!
Esta dúvida é relacionada ao último tópico que eu criei neste sub-forum de js. o tópico é :
http://forum.imasters.com.br/index.php?sho...=204772&hl=
Eu acabei implementando o ajax para navegação do sistema que estou fazendo.
Mesmo sabendo que alguns conservadores depreciam a idéia. :D
Acabei fazendo, pois meu chefe solicitou que a navegação entre as seções fossem com ajax, sem refresh na página toda .... (chefe pediu, funcionario fez) <_<
Bom, mas surgiu uma dúvida agora.
A estrutura das páginas que eu dou um request com ajax, só possuem o conteúdo que estiver entre a tag body.
Ou seja, basicamente a estrutura, o esqueleto das páginas esta assim:
pagina principal.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">](http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd) <html xml:lang="en" lang="en" xmlns="[http://www.w3.org/1999/xhtml">http-equiv="content-type" content="text/html; charset=iso-8859-1" /><title>Titulo</title> <body> bla bla bla ....e o conteudo de outras páginas esta mais só assim:
<div id="primeiraDIV"> <conteudo da pagina></div>Ai que vem o problema, como eu faço, para adicionar arquivos .css e arquivos .js dentro destas páginas que eu dou um request!
Bom, como a maioria dos programadores, quando surge um problema, eu tento resolve-lo :D
Minha solução foi a seguinte:
Colocar entre comentários html (<!-- comment -->) os arquivos que serão inclusos !
Idéia genial nao foi !?
Foi nada ....
Olha só oque eu acabei fazendo:
request.html
<!-- 'files to be loaded<files> css = '/helpdesk/_files/css/list.css'; js = '/helpdesk/_files/js/list.js'; </files>-->main.js
var pregER = /\<files\>.+css.*=.+\'(.*)\'.+?js.*=.+\'(.*)\'.+?\<\/files\>/;if ( files = request.match(pregER) ) { if ( files[1] ) req.loadFile( files[1] ); if ( files[2] ) req.loadFile( files[2] ); }loadFile.js
var type; if ( type = path.match(/\.(css)/) ) { if ( document.createStyleSheet ) document.createStyleSheet(path); else { var head = document.getElementsByTagName("head")[0]; var iUrl = '@import url(' + path + ');'; var css = document.createElement('link'); css.rel = 'stylesheet'; css.href = 'data:text/css,' + escape(iUrl); if ( head.appendChild(css) ) return; } } else if( type = path.match(/\.(js)/) ) { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = path; if ( head.appendChild(script) ) return; } else { return; }
**Problema :**Só é possivel incluir um arquivo.css e um arquivo.js;
Bom, essa foi a minha solução, gostaria de saber, da galera mais expert no assunto, oque seria mais aconselhavel neste caso.
Resumidamente, o problema é: qual a melhor forma de adicionar arquivos.css e arquivos.js com uma navegação por ajax !
[]'s
Carregando comentários...