Ir para conteúdo

POWERED BY:

Arquivado

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

killzombiex

Problema de include com jQuery

Por , em Javascript

Recommended Posts

killzombiex    0

killzombiex
Postado

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

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
marlon255
			  

	
		
	
			 2
	
		
	

		

		

			


	
		marlon255
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

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

				

	

			
		

	



	



					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Javascript
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 

    Conteúdo Similar
    

    
	
      
	
		
    • 
			
      
				


	
		violin101
	

			
      
			
      
				
      PHP+Codeigniter - Dúvida referente a PDV
      
				Por 
violin101
      
				
					
      
						Caros amigos, saudações.

      


	 

      


	Gostaria de tirar uma dúvida com os amigos, referente a PDV.

      


	 

      


	Estou escrevendo um Sistema com Ponto de Vendas, a minha dúvida é o seguinte, referente ao procedimento mais correto.

      
	Conforme o caixa vai efetuando a venda, o Sistema de PDV já realiza:
      
	a baixa direto dos produtos no estoque

      


	ou

      


	somente após concretizar a venda o sistema baixa os produtos do estoque ?

      


	 

      


	Grato,

      


	 

      


	Cesar

      


	 

      

					
      
				
			
      
		
      • 
	
		
    • 
			
      
				


	
		violin101
	

			
      
			
      
				
      PHP+Codeigniter - Dúvida em Relação a Teclas
      
				Por 
violin101
      
				
					
      
						Caros amigos do grupo, saudações e um feliz 2025.

      


	 

      


	Estou com uma pequena dúvida referente a Teclas de Atalho.

      
	Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      
	ou seja:
      
	se estiver para letra minúscula ====> funciona

      


	se estiver para letra maiúscula ====> não funciona

      


	 

      


	Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      
	o Código está assim:

      


      document.addEventListener( 'keydown', evt => {
        if (!evt.ctrlKey || evt.key !== 'r' )
          return;// Não é Ctrl+r, portanto interrompemos o script            
          evt.preventDefault(); 
      });


	 

      


	Grato,

      


	 

      


	Cesar

      

					
      
				
			
      
		
      • 
	
		
    • 
			
      
				


	
		violin101
	

			
      
			
      
				
      PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto
      
				Por 
violin101
      
				
					
      
						Caros amigos, saudações.

      


	 

      


	Por favor, poderiam me ajudar.

      
	Estou com a seguinte dúvida:
      
	--> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      
	exemplo:
      
	código   ----   descrição
      
	     1       -----   produto_A

      


	 

      


	Grato,

      


	 

      


	Cesar

      

					
      
				
			
      
		
      • 
	
		
    • 
			
      
				


	
		violin101
	

			
      
			
      
				
      PHP+Codeigniter - Adicionar Registro Plano de Contas
      
				Por 
violin101
      
				
					
      
						Caros amigos, saudações.

      


	 

      


	Humildemente peço desculpa por postar uma dúvida que tenho.

      
	Preciso salvar no MySql, os seguinte Registro:

      
	1 - Principal

      


	====> minha dúvida começa aqui
      
	==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?

      


	1.01 - Matriz

      


	1.01.0001 - Estoque
      
	1.01.0002 - Oficina
      
	etc

      


	
      
	2 - Secundário

      


	2.01 - Loja_1

      


	2.01.0001 - Caixa

      


	2.01.0002 - Recepção
      
	etc

      


	 

      


	Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      
	Grato,


      
	Cesar

      


	








      
	 

      

					
      
				
			
      
		
      • 
	
		
    • 
			
      
				


	
		violin101
	

			
      
			
      
				
      PHP - Consulta MySql para prazo de dias
      
				Por 
violin101
      
				
					
      
						Caros amigos, saudações.

      
	Por favor, me perdoa em recorrer a orientação dos amigos.

      
	Preciso fazer um Relatório onde o usuário pode Gerar uma Lista com prazo para vencimento de: 15 / 20/ 30 dias da data atual.

      
	Tem como montar uma SQL para o sistema fazer uma busca no MySql por período ou dias próximo ao vencimento ?

      
	Tentei fazer assim, mas o SQL me traz tudo:

      


        $query = "SELECT faturamento.*, DATE_ADD(faturamento.dataVencimento, INTERVAL 30 DAY), fornecedor.*
                    FROM faturamento 
                    INNER JOIN fornecedor ON fornecedor.idfornecedor = faturamento.id_fornecedor
                    WHERE faturamento.statusFatur = 1
                    ORDER BY faturamento.idFaturamento $ordenar ";


	 

      


	Grato,

      


	 

      


	Cesar

      


	 

      


	 

      


	 

      


	 

      

					
      
				
			
      
		
      • 
	
	
    

    • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

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

			

			

				  Aceito