Ir para conteúdo

POWERED BY:

Arquivado

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

HostGuardian

Dia da Semana em PHP com Menu mudando!

Por , em PHP

Recommended Posts

HostGuardian    0

HostGuardian
Postado

Bom dia pessoal,

Estou com uma duvida ao implementar um recurso, eu estou conseguindo saber qual é o dia da semana da seguinte forma:

 

    function getDiaSemana($data) {
        list($dia, $mes, $ano) = explode("-", $data);
     
        $diasemana = date("w", mktime(0, 0, 0, $mes, $dia, $ano));
     
        switch ($diasemana) {
            case 0: $diasemana = "Domingo";
                break;
            case 1: $diasemana = "Segunda-Feira";
                break;
            case 2: $diasemana = "Terça-Feira";
                break;
            case 3: $diasemana = "Quarta-Feira";
                break;
            case 4: $diasemana = "Quinta-Feira";
                break;
            case 5: $diasemana = "Sexta-Feira";
                break;
            case 6: $diasemana = "Sábado";
                break;
        }
     
        return $diasemana;
    }

 

Até ai tudo bem, agora preciso saber como agregar isso ao menu, exemplo:

 

blocox.png

 

Neste bloco acima tem os dias da semana e dentro de cada dia existe um conteúdo diferente do outro, estou utilizando no codigo deste bloco o seguinte:

 

    <ul class="tabs-bar tabs color-scheme-3 ">                                       
                                     <li  ><a href="#tab1-b">Seg</a></li>
                                     <li ><a href="#tab2-b">Ter</a></li>
                                     <li ><a href="#tab3-b">Qua</a></li>
                                     <li class="active"><a href="#tab4-b">Qui</a></li>
                                     <li ><a href="#tab5-b">Sex</a></li>
                                     <li ><a href="#tab6-b">Sab</a></li>
                                     <li ><a href="#tab7-b">Dom</a></li>
                                  </ul>

 

Onde na classe de nome: active eu deixei no css para toda vez que a pagina carregar já aparecer na quinta-feira como padrão, quando eu clico nos outros links ae ela vai.

Só que quero remover isso e deixar da seguinte forma:

Quando for terça ela ira aparecer na terça, quando for quarta na quarta, entenderam? Quero aplicar essa movimentação automática fazendo a checagem do dia da semana.

Porem não estou conseguindo agregar tal recurso ao arquivo!

Alguém tem alguma ideia de como elaborar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maykel-ctba    233

Maykel-ctba
Postado

só comparar:

 

<?php $diaHoje = date("w"); ?>
<ul class="tabs-bar tabs color-scheme-3">                                       
    <li><a href="#tab1-b" <?php if($diaHoje == 1){ echo "class=\"active\""; } ?>>Seg</a></li>
    <li><a href="#tab2-b" <?php if($diaHoje == 2){ echo "class=\"active\""; } ?>>Ter</a></li>
    <li><a href="#tab3-b" <?php if($diaHoje == 3){ echo "class=\"active\""; } ?>>Qua</a></li>
    <li><a href="#tab4-b" <?php if($diaHoje == 4){ echo "class=\"active\""; } ?>>Qui</a></li>
    <li><a href="#tab5-b" <?php if($diaHoje == 5){ echo "class=\"active\""; } ?>>Sex</a></li>
    <li><a href="#tab6-b" <?php if($diaHoje == 6){ echo "class=\"active\""; } ?>>Sab</a></li>
    <li><a href="#tab7-b" <?php if($diaHoje == 0){ echo "class=\"active\""; } ?>>Dom</a></li>
</ul>

Compartilhar este post

Link para o post
Compartilhar em outros sites

MaikeES    18

MaikeES
Postado

Amigão basta você criar o css diferente e fazer a comparação, mas eu aconselharia fazer isto no php o programa rodaria mais livre pois você já fez o case não precisaria fazer outro if ou algo para comparar novamente faça deste jeito que vou descrever abaixo que vai ficar excelente.

  • switch ($diasemana) {
  • case 0: $diasemana = "Domingo";
  • $domingo = "active";
  • break;
  • case 1: $diasemana = "Segunda-Feira";
  • $segunda = "active";
  • break;
  • case 2: $diasemana = "Terça-Feira";
  • $terca = "active";
  • break;
  • case 3: $diasemana = "Quarta-Feira";
  • $quarta = "active";
  • break;
  • case 4: $diasemana = "Quinta-Feira";
  • $quinta = "active";
  • break;
  • case 5: $diasemana = "Sexta-Feira";
  • $sexta = "active";
  • break;
  • case 6: $diasemana = "Sábado";
  • $sabado= "active";
  • break;
  • }

  • <ul class="tabs-bar tabs color-scheme-3 ">
  • <li <?php echo $segunda; ?>><a href="#tab1-b">Seg</a></li>
  • <li <?php echo $terca; ?> ><a href="#tab2-b">Ter</a></li>
  • <li <?php echo $quarta; ?> ><a href="#tab3-b">Qua</a></li>
  • <li <?php echo $quinta; ?>class="active"><a href="#tab4-b">Qui</a></li>
  • <li <?php echo $sexta; ?>><a href="#tab5-b">Sex</a></li>
  • <li <?php echo $sabado; ?> ><a href="#tab6-b">Sab</a></li>
  • <li <?php echo $domingo; ?> ><a href="#tab7-b">Dom</a></li>
  • </ul>

Compartilhar este post

Link para o post
Compartilhar em outros sites

HostGuardian    0

HostGuardian
Postado

Bom dia,

 

Maykel-ctba e MaikeES

 

Com a postagem de vocês acima eu conseguir aplicar o efeito do css, (aquela paleta verde que envolve as siglas do dia da semana), normalmente marcava apenas [QUI] agora ta marcando o dia da semana atual. Porem veio-me outro problema, o conteudo não aparece referente ao dia selecionado!

 

O efeito do css entende a data mas o:

 

<a href="#tab2-b">Ter</a>

 

não é selecionado, clicado, para que o conteudo seje aberto/visualizado. Eu testei clicando manualmente nos outros dias da semana, desta forma o conteudo aparece, mas automaticamente ele não aparece. Vou postar o arquivo em questão que estou utilizando:

 

index.php

<?php

function getDiaSemana($data) {
    list($dia, $mes, $ano) = explode("-", $data);
 
    $diasemana = date("w", mktime(0, 0, 0, $mes, $dia, $ano));
 
    switch ($diasemana) {
        case 0: $diasemana = "Domingo";
            break;
        case 1: $diasemana = "Segunda-Feira";
            break;
        case 2: $diasemana = "Terça-Feira</li>";
            break;
        case 3: $diasemana = "Quarta-Feira";
            break;
        case 4: $diasemana = "Quinta-Feira";
            break;
        case 5: $diasemana = "Sexta-Feira";
            break;
        case 6: $diasemana = "Sábado";
            break;
    }
 
    return $diasemana;
}

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Testando dia da Semana</title>
        
        <link rel='stylesheet' href='style/css_index.css' type='text/css' media="screen"/>        
        
        <link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
	    <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
	    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />	       
	    
	    <link rel="stylesheet" href="style_programacao.css" type="text/css" media="screen" />

		<link rel="stylesheet" href="scrollbar.css" type="text/css" media="screen" />
		
		<script type='text/javascript' src='jquery.min.js'></script>
        
</head>
    
<body>
			    <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
			    <script type="text/javascript" src="jquery.nivo.slider.js"></script>
			    <script type="text/javascript">
			    $(window).load(function() {
			        $('#slider').nivoSlider();
			    });
			    </script>
                
				<div id="div_04">
					
					<br>
		        	
		        	<div id="content">
						<div id="content">
       
					        <div class="grid_4">
					        	
					            <div class="box" style="height:245px;">
					                <div id="tab-agendaibl">
                                  
								<?php $diasemana = date("w"); ?>
                                       
<ul class="tabs-bar tabs color-scheme-3">                                       
    <li <?php if($diasemana == 1){ echo "class=\"active\""; } ?>><a href="#tab1-b">Seg</a></li>
    <li <?php if($diasemana == 2){ echo "class=\"active\""; } ?>><a href="#tab2-b">Ter</a></li>
    <li <?php if($diasemana == 3){ echo "class=\"active\""; } ?>><a href="#tab3-b">Qua</a></li>
    <li <?php if($diasemana == 4){ echo "class=\"active\""; } ?>><a href="#tab4-b">Qui</a></li>
    <li <?php if($diasemana == 5){ echo "class=\"active\""; } ?>><a href="#tab5-b">Sex</a></li>
    <li <?php if($diasemana == 6){ echo "class=\"active\""; } ?>><a href="#tab6-b">Sab</a></li>
    <li <?php if($diasemana == 0){ echo "class=\"active\""; } ?>><a href="#tab7-b">Dom</a></li>
</ul>
										<!-- .tabs -->
										<div class="tab_container">
											<div id="tab1-b" class="tab_content" style="position: absolute; left: -3000px">
												<div class="padding-15">
													<div class="scrollbar scroll-agenda-ibl color-scheme-3">
														
				<?php include("gerenciar/segunda.php"); ?>
														
													</div>
												</div>
											</div>
											<div id="tab2-b" class="tab_content" style="position: absolute; left: -3000px">
												<div class="padding-15">
													<div class="scrollbar scroll-agenda-ibl color-scheme-3">
														
				<?php include("gerenciar/terca.php"); ?>
															
														</div>  
												</div>
											</div>
											<div id="tab3-b" class="tab_content" style="position: absolute; left: -3000px">
												<div class="padding-15">
													<div class="scrollbar scroll-agenda-ibl color-scheme-3">
														
                <?php include("gerenciar/quarta.php"); ?>
                
													</div>
												</div>
											</div>
											<div id="tab4-b" class="tab_content" style="position: relative;">
												<div class="padding-15">
													<div class="scrollbar scroll-agenda-ibl color-scheme-3">
                                                    														
            <?php include("gerenciar/quinta.php"); ?>
                                                        
													</div> 
												</div>
											</div>
											<div id="tab5-b" class="tab_content" style="position: absolute; left: -3000px">
												<div class="padding-15">
													<div class="scrollbar scroll-agenda-ibl color-scheme-3">		
        
       <?php include("gerenciar/sexta.php"); ?>
        
														</div>  
												</div>
											</div>
											<div id="tab6-b" class="tab_content" style="position: absolute; left: -3000px">
												<div class="padding-15">
													<div class="scrollbar scroll-agenda-ibl color-scheme-3">			
            
           <?php include("gerenciar/sabado.php"); ?>
            
													</div> 
												</div>
											</div>
											<div id="tab7-b" class="tab_content" style="position: absolute; left: -3000px">
												<div class="padding-15">
													<div class="scrollbar scroll-agenda-ibl color-scheme-3">														
			
            <?php include("gerenciar/domingo.php"); ?>															
														
													</div>  
												</div>
											</div>
										</div><!-- .tab_content -->	
					</div><!-- #tab-agendaibl -->	
					            </div><!-- .box -->
					        </div><!-- .grid_4 -->
					        <div class="clear padding-bottom"> </div>
					      
					    </div><!-- .container_12 -->
					    
					</div><!-- #content -->
					
					<!-- functions base-theme -->
					<script type="text/javascript" src="http://www.lagoinha.com/lagoinha-wp-site/wp-content/themes/base-theme/assets/js/jquery.hoverIntent.minified.js"></script>
					<script type="text/javascript" src="http://www.lagoinha.com/lagoinha-wp-site/wp-content/themes/base-theme/assets/js/functions.js"></script>
					
					</div><!-- .color-scheme-x -->
					
					<!-- jquery scrollbar -->
					<script type="text/javascript" src="http://www.lagoinha.com/lagoinha-wp-site/wp-content/themes/lagoinha-2011/assets/js/jquery.scroll.js"></script>
					<script type="text/javascript">
					  $('.scrollbar').scrollbar();
					</script>
					
					<!-- jquery tabs-->
					<script type="text/javascript">
						tabs('tab-leitura');
						tabs2('tab-agendaibl',0);
						tabs('tab-louvor');
					</script>        
        
    </body>
    
</html>

 

Para que um link seje ativo, terei que usar javascript ou existe alguma função do php que faça isso? Verifiquei alguns eventos do javascript mas nem um deles me informa como deixar um link ativo se for selecionado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mycks Friend    0

Mycks Friend
Postado

Fala aê galera !!!
... Estou precisando muito de um menu igual a esse que o nosso amigo HostGuardian postou, é que estou desenvolvendo um site para uma igreja e esse tipo de menu me atenderia perfeitamente para o tópico Programação (Onde seria exibido as atividades diárias da igreja). Na verdade tirei essa idéia do site da Igreja Batista da Lagoinha (www.lagoinha.com), é o modelo que quero criar. Porém procurei na net e não consegui nada que me ajudasse o bastante! Teria como me ajudarem a criar um igual a este do poster, com css e php ?


Desde já agradeço a todos e principalmente aquele que me ajudar !!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

paulinhosupriano    103

paulinhosupriano
Postado

seria melhor utilizar o nosso amigo jquery para isso.

 

para ativar o CSS do dia da semana.

 

$(document).ready(function() {

$('#menu ul li a').click(ativarmenu);

function ativarmenu() {
$('#menu ul li a.ativo').removeClass('ativo');
$(this).addClass('ativo');
}
});

Este post solucionou a sua dúvida, peço que coloque como resolvido e me der um ponto positivo de reputação para que eu possa continuar ajudando outros colegas como você.

Caso não solucione o seu problema, peço que coloque a sua dúvida abaixo.

 


Att: João Paulo Sousa Supriano

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

paulinhosupriano    103

paulinhosupriano
Postado

Respondendo a dúvida de nosso amigo Mycks Friend

 

dei uma olhadinha e muito fácil.

 

primeiro e bom aprender a fazer menus

 

segue o link do vídeo do David CHC

 

w w w . y o u t u b e . c o m / w a t c h ? v = S 4 I Y a Z W F Y _ o

 

Agora um pouco de Jquery para este seu menu.

 

 

w w w . y o u t u b e . c o m / w a t c h ? v = _ K J c - v 6 o A f o

 

 

E por fim, ir testanto. testando... testando....

 

 

Este post solucionou a sua dúvida, peço que coloque como resolvido e me der um ponto positivo de reputação para que eu possa continuar ajudando outros colegas como você.

Caso não solucione o seu problema, peço que coloque a sua dúvida abaixo.

 


Att: João Paulo Sousa Supriano

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mycks Friend    0

Mycks Friend
Postado

Vlw paulinho !!
Então aquilo seria um menu como aqueles de topo de site com jQuery ?
Essa era uma das minhas dúvidas, vlw !!!

É que esses menus eu consigo fazer, só não sabia que eram os mesmo !!!
Vou tentar aqui ...

 

Mto Obrigado



Já consegui aqui !!!
Vlw Paulinho sua ajuda foi muito útil

Compartilhar este post

Link para o post
Compartilhar em outros sites

paulinhosupriano    103

paulinhosupriano
Postado

Vlw paulinho !!

Então aquilo seria um menu como aqueles de topo de site com jQuery ?

Essa era uma das minhas dúvidas, vlw !!!

 

É que esses menus eu consigo fazer, só não sabia que eram os mesmo !!!

Vou tentar aqui ...

 

Mto Obrigado

 

Já consegui aqui !!!

Vlw Paulinho sua ajuda foi muito útil

Aquele menu e uma imagem de fundo e um pouco de CSS, porem melhorando o mesmo a minha ideia foi utilizar o Jquery também.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

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

  Aceito