Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

killzombiex

Problema de include com jQuery

Recommended Posts

Galera é o seguinte, meu site terá muitas paginas, e eu estou usando o include para poder adicionar o cabeçalho a todas as páginas. Neste cabeçalho se encontra um menu retrátil, onde quando clico ele da uma classe a "nav".

 

Porém, quando clico nele no include ele não funciona. Enquanto se faço em uma pagina HTML ele funciona corretamente. Alguem pode ajudar ?

 

(Index.php) {

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>




<link href="CSS/css_global.css" rel="stylesheet" type="text/css">
</head>


<body>






<?php
include 'cabecalho.php';
?>




<img src="http://placehold.it/1920x800/&text=Conteúdo" alt="" class="foto">




<?php
include 'rodape.php';
?>






</body>
</html>

cabecalho.php{

 


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title></strong>
<link href="CSS/estilos2.css" rel="stylesheet" type="text/css">
<script src="Java/mostrar-nav.js"></script>
<script src="Java/jquery.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(function(){
var nav = $('#Cabecalho');
$(window).scroll(function () {
if ($(this).scrollTop() > 1) {
nav.addClass("menu-fixo");
} else {
nav.removeClass("menu-fixo");
}
});
});
</script>
</head>
<body>
<div id="Cabecalho"> <!-- Começo Cabeçalho -->
<div id="logo"><!-- PC -->
<a href="index.html"><img src="Imagens/logomarca 2.png" width="245" height="40"></a>
</div>
<div id="menu"><!-- Começo Menu da Direita -->
<ul id="lista_menu">
<li><a href="../Como Funciona/comofunciona.html"> COMO FUNCIONA </a></li>
<li><a href="../Contato/Contato.html"> CONTATO </a></li>
<li><a href="../Login/login.php"> LOGIN </a></li>
</ul>
</div><!-- Fim Menu da Direita -->
<div id="mostrar-nav"></div><!-- Começo e Fim Icone Menu -->
<nav>
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Lanches</a></li>
<li><a href="#">Pizzaria</a></li>
<li><a href="#">Bares</a></li>
<li><a href="#">Estrangeira</a></li>
<li><a href="#">Doces</a></li>
</ul>
</nav>
</div>
</body>
</html>

 

estilo2.css{

@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Raleway:100,200,300,500,600,700,800,900");


@media (max-Width:460px) {


#logo{
display:none;
}
}


@media (min-width:461px) and (max-width:1020px){


*{
margin:0;
padding:0;
text-decoration:none;
}


#logo{
display:none;


} 
}


@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(http://fonts.gstatic.com/s/raleway/v8/8KhZd3VQBtXTAznvKjw-k_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(http://fonts.gstatic.com/s/raleway/v8/8KhZd3VQBtXTAznvKjw-kxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}


*{
padding:0;
margin:0;
text-decoration:none; 
}




/* Inicio Cabecalho */


#Cabecalho{
width: 100%;
padding:0px; 
height: 50px;
background-color: #CD350C;
} 


.menu-fixo  {
   position:fixed !important;
   top: 0;
   z-index: 99;
}


#logo {
float:left;
z-index: 110;
margin-left:42%;
margin-top: 5px;
height: auto;
width: auto;
clear:left;
position:relative;
}






/* Fim cabecalho */


/*Inicio Menu */


#menu{
float: right;
clear: right;
height: auto;
width: auto;
padding-top:15px;
padding-right:5px; 
}


#menu #lista_menu {
list-style-type: none;


}


#menu #lista_menu li { 
display: inline; 
}


#menu #lista_menu li a {
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
color:#FFFFFF;
font-size:1em; 
margin-bottom: 5px;
font-family: 'Raleway', sans-serif;
}


#menu #lista_menu li a:hover {
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
color: #FFF; 
height: auto;
width: auto;
background-color:rgba(166,14,17,1.00);


}


/* Fim Cabecalho */


/* Inicio Menu*/


.menu
{
list-style: none;
line-height: 42px;
margin: 2em auto;
/*outline: 1px solid red;*/
padding-left: 0;
width: 15em;
}


.menu a
{
background: url(Imagens/icons.png) no-repeat left top;
color: #ddd;
display: block;
padding-left: 3em;
text-decoration: none;
text-transform: uppercase;
--webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
width: 100%;
}


.menu a:hover
{
margin-left: 1em;
}


.menu li
{
box-shadow: 3px 0 rgba(255,255,255,.2) inset;
margin-bottom: 5px;
padding-left: .8em;
/*outline: 1px solid green;*/
--webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}


.menu li:hover
{
box-shadow: 15em 0 rgba(255,255,255,.2) inset;
}


.menu li:nth-child(2) a
{
background-position: 0 -42px;
}


.menu li:nth-child(3) a
{
background-position: 0 -84px;
}


.menu li:nth-child(4) a
{
background-position: 0 -126px;
}


.menu li:nth-child(5) a
{
background-position: 0 -168px;
}


.menu li:last-child a
{
background-position: 0 -210px;
}


/* Fim Menu */


/* Inicio Icone de Menu */


nav {
background: rgba(255,37,37,.8);
box-sizing: border-box;
padding-right: .25em;
position: absolute;
left: -18em;
top: 0;
z-index: 90;
height: 1000px; /* Proble com 100% */
padding-top: 3em;
transition:all .3s;
}


nav.mostrar {
left: 0;
}


#mostrar-nav {
position: relative;
top: 0.8em;
left: 2em;
width: 24px;
height: 24px;
background: url(../imagens/menu-icon.png);
z-index: 100;
cursor:pointer;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

ai mano, você ja tentou deixar essa parte no index?

<link href="CSS/estilos2.css" rel="stylesheet" type="text/css">
 
<script src="Java/mostrar-nav.js"></script>
<script src="Java/jquery.js"></script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de validação de INPUT com função moeda.
       
      Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56
      o problema é quando precisa atualizar o valor.
       
      Quando o usuário atualizar o input fica assim: 1.234,
       
      como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
       
      o input está assim:
       
      <div class="col-md-2"> <label for="">Valor Unitário</label> <input type="text" class="form-control" id="estoqprod" name="estoqprod" style="font-size:15px; font-weight:bold; width:100%; text-align:center;" placeholder="0,00" OnKeyUp="calcProd();" onkeypress="return(FormataMoeda(this,'.',',',event))" > </div>  
      a função para formatar o input para moeda está assim:
      obs.: a Função CalcProd está executando corretamente
      function calcProd(){ //Obter valor digitado do produto var estoq_prod = document.getElementById("estoqprod").value; //Remover ponto e trocar a virgula por ponto while (estoq_prod.indexOf(".") >= 0) { estoq_prod = estoq_prod.replace(".", ""); } estoq_prod = estoq_prod.replace(",","."); //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Calcula o Valor do Desconto if (prod_qtde > 0 && estoq_prod > 0) { calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod); var numero = calc_total_produto.toFixed(2).split('.'); //Calculo para não deixar GRAVAR valores negativos if (calc_total_produto < 0 ) { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1; document.getElementById("qtdeTotal").value = numero.join(','); } else { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("qtdeTotal").value = numero.join(','); } } else { if (estoq_prod > 0) { document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value; } else { document.getElementById("qtdeTotal").value = "0,00"; } } } /*---Função para Formatar Campo para Moeda [R$]---*/ function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; }  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de validação de INPUT com função moeda.
       
      Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56
      o problema é quando precisa atualizar o valor.
       
      Quando o usuário atualizar o input fica assim: 1.234,
       
      como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
       
      o input está assim:
       
      <div class="col-md-2"> <label for="">Valor Unitário</label> <input type="text" class="form-control" id="estoqprod" name="estoqprod" style="font-size:15px; font-weight:bold; width:100%; text-align:center;" placeholder="0,00" OnKeyUp="calcProd();" onkeypress="return(FormataMoeda(this,'.',',',event))" > </div>  
      a função para formatar o input para moeda está assim:
      obs.: a Função CalcProd está executando corretamente
      function calcProd(){ //Obter valor digitado do produto var estoq_prod = document.getElementById("estoqprod").value; //Remover ponto e trocar a virgula por ponto while (estoq_prod.indexOf(".") >= 0) { estoq_prod = estoq_prod.replace(".", ""); } estoq_prod = estoq_prod.replace(",","."); //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Calcula o Valor do Desconto if (prod_qtde > 0 && estoq_prod > 0) { calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod); var numero = calc_total_produto.toFixed(2).split('.'); //Calculo para não deixar GRAVAR valores negativos if (calc_total_produto < 0 ) { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1; document.getElementById("qtdeTotal").value = numero.join(','); } else { numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("qtdeTotal").value = numero.join(','); } } else { if (estoq_prod > 0) { document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value; } else { document.getElementById("qtdeTotal").value = "0,00"; } } } /*---Função para Formatar Campo para Moeda [R$]---*/ function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){ var sep = 0; var key = ''; var i = j = 0; var len = len2 = 0; var strCheck = '0123456789'; var aux = aux2 = ''; var whichCode = (window.Event) ? e.which : e.keyCode; if (whichCode == 13) return true; key = String.fromCharCode(whichCode); // Valor para o código da Chave if (strCheck.indexOf(key) == -1) return false; // Chave inválida len = objTextBox.value.length; for(i = 0; i < len; i++) if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break; aux = ''; for(; i < len; i++) if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i); aux += key; len = aux.length; if (len == 0) objTextBox.value = ''; if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux; if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux; if (len > 2) { aux2 = ''; for (j = 0, i = len - 3; i >= 0; i--) { if (j == 3) { aux2 += SeparadorMilesimo; j = 0; } aux2 += aux.charAt(i); j++; } objTextBox.value = ''; len2 = aux2.length; for (i = len2 - 1; i >= 0; i--) objTextBox.value += aux2.charAt(i); objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len); } return false; }  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Desculpa postar minha dúvida, fiz várias pesquisa mas não tive sucesso.
       
      Como faço para capturar o ID do SELECT selecionado e passar para base_url ?
       
      Exemplo:
      após selecionar o ID passar para <?php echo base_url();?>estoque/ajuste/adicionar/ <== passar o ID aqui.
       
      <div class="col-md-6"> <label for="tipoDepart" class="control-label">Departamento:</label> <select name="tipoDepart" id="tipoDepart" style="width:100%;" class="form-control"> <option value="">Selecione um Departamento</option> <?php foreach ($dprts as $dp) { echo '<option value="'.$dp->idDepartamento.'">'.$dp->departamento.'</option>'; } ?> </select> </div> <div class="col-md-6"> <div class="card card-entrad"> <div class="card-header"> <label class="card-tlentr">Entrada - Estoque</label> </div> <div class="card-body"> <div style="text-align:center;"> <a href="<?php echo base_url();?>estoque/ajuste/adicionar/" <== COMO PASSO O ID SELECIONADO AQUI, PARA ABRIR A PÁGINA COM O ID DO DPTO ? class="btn btn-cinza">Adicionar</a> </div> </div> </div> </div>  
      Observação: preciso capturar e passar o ID para gerar TABELA referente a cada departamento.
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Tem como passar para o Formulário um Campo vindo via AJAX no formato moeda ?
       
      Tenho uma rotina onde o usuário escolhe através de uma Lista na modal de Produtos e o sistema informa o formulário os seguintes campos:
      código | descrição | espécie | estoque atual.
       
      o estoque atual preciso passar nesse formato, para validação de quantidade: 15.00 ou 15,00.
      ou seja:
      converter de: 15 
      para: 15.00 com casas decimais

      tem como fazer isso ?
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Tem como passar para o Formulário um Campo vindo via AJAX no formato moeda ?
       
      Tenho uma rotina onde o usuário escolhe através de uma Lista na modal de Produtos e o sistema informa o formulário os seguintes campos:
      código | descrição | espécie | estoque atual.
       
      o estoque atual preciso passar nesse formato, para validação de quantidade: 15.00 ou 15,00.

      tem como fazer isso ?
       
      Grato,
       
      Cesar
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.