Publicado em 27 de mai.

Dia da Semana em PHP com Menu mudando!

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:

/applications/core/interface/imageproxy/imageproxy.php?img=http://imageshack.us/a/img834/760/blocox.png&key=24333000a50b754d9d24e9037790becd9a5a7126ada5a645a915429e6ab72f39" alt="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?

Discussão (10)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Maykel-ctba· 27 de mai.

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>

MaikeES· 28 de mai.

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>

Maykel-ctba· 28 de mai.

É uma boa também :yes:

HostGuardian· 28 de mai.

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:

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.

Mycks Friend· 20 de out.

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 !!!

paulinhosupriano· 20 de out.

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

Mycks Friend· 20 de out.

Tá vlw paulinho, mais como eu faço esse tipo de menu ?
ou melhor minha dúvida maior é com relação ao CSS !!
Teria como me mandarem um exemplo CSS usado pelo HostGuardian ?

paulinhosupriano· 20 de out.

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

Mycks Friend· 20 de out.

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

paulinhosupriano· 20 de out.

>
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.