Jump to content
Herbert Jean

CSS e JS não carregam em html dentro de DIV

Recommended Posts

Pessoal, boa tarde.
Sou novo no fórum, desculpem-me se fiz algo de errado.. vou me acostumar aos poucos..

Então.. tenho aqui na empresa, um portal com 4 sistemas.. cada um com seu link próprio.. que são pastas dentro do servidor com suas configurações css, jquery e javascript.

Montei uma tela, que tem duas divs.. a primeira div é um menu horizontal.. e a segunda div seria onde eu preciso que cada sisteminha carregue..

Como no código abaixo.. minha div com id="cssmenu", tem um menu que ao ser clicado, meu javascript carrega a página dentro da div com id="content"...

Pois bem, o problema é que, cada sistema tem suas imagens, suas configurações de css e seus arquivos php..
porém.. dentro dessa div, que está num index.hmtl separado dos sistemas, não carrega seus js, jquery e css de cada sistema..

Alguém pode me ajudar? Eu teria que carregar nesse index, todos os arquivos e configurações que cada sistema carrega??? Segue meu index.html

HEAD

<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
<script src="../../DEV/scripts/js/jquery/1.10.2/jquery-1.10.2.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<title>CSS Menu</title>
<script>
            $(function ()
            {
                $("#home").click(function ()
                {
                    $("#content").load("index.html");
                    $("#home_li").addClass("active");
                    $("#acomp_rec_li").removeClass("active");
                    $("#acomp_contrato_li").removeClass("active");
                    $("#downtime_li").removeClass("active");
                });
                $("#acomp_rec").click(function ()
                {
                    $("#content").load("rec/upload_arquivo.php");
                    $("#acomp_rec_li").addClass("active");
                    $("#home_li").removeClass("active");
                    $("#acomp_contrato_li").removeClass("active");
                    $("#downtime_li").removeClass("active");
                });
                
                $("#acomp_contrato").click(function ()
                {
                    $("#content").load("contratos/acomp_contrato.php?");
                    $("#acomp_contrato_li").addClass("active");
                    $("#home_li").removeClass("active");
                    $("#acomp_rec_li").removeClass("active");
                    $("#downtime_li").removeClass("active");
                });
                
                $("#downtime").click(function ()
                {
                    $("#content").load("downtime/formulario.php");
                    $("#downtime_li").addClass("active");
                    $("#home_li").removeClass("active");
                    $("#acomp_rec_li").removeClass("active");
                    $("#acomp_contrato_li").removeClass("active");
                });
            });
        </script>

body

<body onload="$('#home').click();">
        <div id='cssmenu'>
            <ul>
                <li id="home_li">
                    <a href='#' id="home">
                        <span>Home</span>
                    </a>
                </li>
                <li id="acomp_rec_li">
                    <a href='#' id="acomp_rec">
                        <span>Acompanhamento de RC's</span>
                    </a>
                </li>
                <li id="acomp_contrato_li">
                    <a href='#' id="acomp_contrato">
                        <span>Acompanhamento de Contratos</span>
                    </a>
                </li>
                <li id="downtime_li">
                    <a href='#' id="downtime">
                        <span>Formulário Downtime</span>
                    </a>
                </li>
            </ul>
        </div>
        <div id="content"><div>
    </body>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Lucas Trindade
      Boa noite galera!
       
      Estou desenvolvendo um site em Bootstrap e surgiu uma dúvida afinal nunca desenvolvi um layout desta forma.
       
      Na foto anexada os 3 cards estão deslocados para baixo do container e isto faz com que a seção seguinte dos cards fique em cima deles por conta deste deslocamento.
       
      Não sei se fui bem claro mas, como eu arrumaria isso? 
       
      Preciso desenvolver este site para enviar para uma empresa. Alguém poderia me ajudar? Se for necessário envio o arquivo com o site inteiro.Obrigado
    • By joicitias
      Olá, 
      Estou aprendendo a programar ainda, e preciso fazer com que ao clicar em um botão o  conteúdo selecionado de um select seja copiado para uma textarea. 
       
       

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.