Importar arquivos .js e .css dinamicamente

Front-end
#1

Pessoal, estou tentando criar uma solução para importar todos os meus arquivos dinamicamente para não ter que ficar adicionando inúmeros imports em todas as paginas. Tentei de muitas formas, mas não tive sucesso. Alguem ja conseguiu fazer algo assim?

[]'s

#2

[size=18][color=darkblue]JQUERY ON IT!!![/color][/size]

$(document).ready( function() {
  if ($('.wysiwyg_editor')) {
    $("head").append("<link>");
    css = $("head").children(":last");
    css.attr({
      rel:  "stylesheet",
      type: "text/css",
      href: "/javascripts/jwysiwyg/jquery.wysiwyg.css"
    });
    $.getScript("/javascripts/jwysiwyg/jquery.wysiwyg.js", function(){
         //wait before initialising to prevent intermittent load error
	 setTimeout("init_wysiwyg_editor()",250);
    });
  }
});
#3

Bota tudo no banco de dados!
Quando for chamar, apenas faz referência ao conteúdo de uma variável.
Se for usar EL

<style>
${css}
</style>
<script>
${js}
</script>
#4

Ola, como o guilherme.dio disse vc pode usar um framework como JQuery ou Dojo para faz isso.

A experiencia que eu tenho eh com Dojo. Com Dojo, vc pode configurar modulos, um modulo seria por exemplo um path onde vc tem os seus scripts. Eh uma maneira facil de implementar namespacing para os seus scripts, por exemplo.

Se vc coloca os seus scripts em: http://seusite/lib/js/myscripts

E define o modulo myscript ira apontar para /lib/js/myscripts

Quando vc ficar algo desse tipo:

require([
    "myscripts/MyAwesomeJSClass"
], function(MyAwesomeJSClass) {
    
 });

O seu script vai ser carregado de forma assincrona. O require vai fazer um parser de “myscripts/MyAwesomeJSClass” e vai pegar o myscripts namespace, resolver e buscar o script MyAwesomeJSClass em /lib/js/myscripts.
Isso eh chamado de AMD pattern, vc pode ler mais a respeito aqui: http://unscriptable.com/2011/09/22/amd-module-patterns-singleton/

A vantagem disso eh que, vc nao precisa adicionar varias tags em varias paginas, vc define o modulo num local global da sua aplicacao web, feito isso o require busca a class (script) que vc deseja usar.

Se vc quiser dar uma pesquisa sobre o dojo: http://dojotoolkit.org/
Eu estou usando e eu recomendo, muito boa framework, eu acho que eh mais robusta que o JQuery.

//Daniel

#5

[quote=drsmachado]Bota tudo no banco de dados!
Quando for chamar, apenas faz referência ao conteúdo de uma variável.
Se for usar EL

[code]

${css}

[/code][/quote]

mmmmmmmm… :?

#6

Não sei qual tecnologia utiliza (se apenas jsp, se jsf, se Struts), mas todas permitem importar uma página em específico.
Nos projetos em que precisei fazer algo do tipo, criávamos os .js e os .css e, então, colocávamos suas referências em arquivos que só faziam isso.
Quando era preciso colocá-los na página, simplesmente fazíamos a chamada ao arquivo.

<head>
<!-- Chamada aos scripts e estilos -->
<jsp:include file="importador.jsp"/>
#7