Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Tarde.
Criei uma div com id="Meio", mas ele nao carrega a pagina externa na div.
Mas quando faço um alert, ele me mostra o caminho correto.
Alguem consegue me auxiliar?
Ja tentei fazer um $.ajax(), mas tambem nao funcionou!
Segue codigo
<script type="text/javascript">
$(document).ready(function(){
$('#CadastroFuncionario').click(function(){
$('#Meio').load('formulario.html')
});
});
</script>>
10 minutos atrás, wessleysanttos disse:
No console do navegador dar algum erro?
E a página formulario.html esta no mesmo diretório?
Nao aparece nenhum errro, ja até coloquei a URL completa, mas os arquivos estão na mesma pasta tudo.vou mandar o codigo da pagina
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html lang="pt-br">
<head>
<meta charset="windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="http://localhost/ProjetoAnaCelulares/Model/css/estiloAuxiliar.css" />
<!--Scripts JS e Jquery-->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<!-- Fim das Configs do Bootstrap-->
<!--LINK dos Icons CSS-->
<link rel="stylesheet" href="http://localhost/ProjetoAnaCelulares/Model/css/icon_fonts/css/font-awesome.min.css">
<!--Arquivo externo JS com ações dos botoes e forms-->
<script src="Model/js/AcoesBtn.js"></script>
<title>Ana Celulares :: Intranet ::</title>
<script type="text/javascript">
$(document).ready(function(){
$('#CadastroFuncionario').click(function(){
$('#Meio').load('FormCadastroFuncionario.php')
});
});
</script>
</head>
<body>
<!--Barra de Navegação-->
<nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container">
<!--LogoMarca-->
<a class="navbar-brand" href="#"><img class="logo d-inline-block align-top" src="Model/imgs/logo_ana_ajustavel.svg" /></a>
<!-- Botoes da NaveBar-->
<ul class="nav nav-pills">
<li class="nav-item"><a class="nav-link" href="" id="acessorio"><i class="fa fa-file"></i> Cadastrar OS</a></li>
<li class="nav-item"><a class="nav-link" id="CadastroFuncionario" href=""><i class="fa fa-user-plus"></i> Cadastrar Funcionario</a></li>
<li class="nav-item"><a class="nav-link" href="" id="assistencia"><i class="fa fa-calendar"></i> Escalas</a></li>
</ul>
<!--Campo de Pesquisa da Navbar-->
<div class="form-group row">
<form class="form-inline" name="campoPesquisa" method="post">
<input type="text" class="form-control" /><button type="submit" class="btn btn-success btn-md">Pesquisa</button>
</form>
</div>
<!--CropDown Loggin Intranet-->
<!--Botão INTRANET-->
<button id="logoff" type="button" class="btn btn-outline-warning btn-sm"><i class="fa fa-power-off"></i> LogOut</button>
</nav>
<!-- FIm da Barra de Navegação -->
<!--Float Banner-->
<div class="jumbotron">
<div class="display-3">O Lançamento do ANO!</div>
<br />
<div class="lead">Breve! Na Ana Celulares</div>
</div>
<!--Inicio do Corpo-->
<div id="fundotexto">
<div class="container">
<div class="row">
<!--Sessão a Esquerda-->
<div class="col-md-3">
</div>
<!--Sessão Central-->
<div class="col-md-6">
<div id="Meio"></div>
</div>
<!--Sessão Direita-->
<div class="col-md-3">
<div class="card ">
<div class="panel-content panel-dialog" role="dialog">
<div class="card-header">
<p class="card-title">Nome da Funcionario</p>
</div>
<div class="container">
<div class="card-block">
<div class="text-center">
<img class="PerfilImg" src="http://localhost/ProjetoAnaCelulares/Model/imgs/default-user-image.png">
</div>
<hr>
<h4 class="card-title">Escala de Férias</h4>
<ul>
<li>12/02/2017 - Folga</li>
<li>12/02/2017 - Folga</li>
<li>12/02/2017 - Folga</li>
<li>12/02/2017 - Folga</li>
</ul>
</div>
</div>
<div class="card-footer">
<button type="button" class="btn btn-success btn-md">Acessar</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>o "FormCadastroFuncionario.php" esta no mesmo diretório da página?
Faz um teste, depois de fazer o load(), dá um alert com o conteúdo da div "Meio", se existir a informação, pode ser que a div esteja oculta por algum motivo e não aparece o resultado
não será a falta de ponto e virgula no final da linha do .load?
>
41 minutos atrás, marsolim disse:
não será a falta de ponto e virgula no final da linha do .load?
Também. Outro erro foi que estava usando o jquery CDN, quando mudei para o arquivo local ele funcionou! Obrigado Galera! <3
No console do navegador dar algum erro?
E a página formulario.html esta no mesmo diretório?