Pessoal, eu não sei nada de javascript (infelizmente, preciso aprender...) e queria mudar o topo e rodapé (juntos) conforme horário...tipo, se é de manhã o céu fica claro e o rodapé... se é de tarde outra céu ao entardecer e também o rodapé... e a noite mesma coisa.
Olhei aqui no fórum e não achei nada parecido...Alguém sabe onde estou errando no meu script? O topo e o rodapé apareceriam como background da div topo e da div fim (rodapé).
Vejam a minha tentativa no javascript
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<script language="javascript">
var topoDia="imagens/topoDia.jpg"
var topoTarde="imagens/topoTarde.jpg"
var topoNoite="imagens/topoNoite.jpg"
var fimDia="imagens/fimDia.jpg"
var fimTarde="imagens/fimTarde.jpg"
var fimNoite="imagens/fimNoite.jpg"
var horario=new Date();
if((horario.getHours() >= 6) && (horario.getHours() < 12))
topo=topoDia
fim=fimDia
else if((horario.getHours() >= 12) && (horario.getHours() < 18))
topo=topoTarde
fim=fimTarde
else if((horario.getHours() >= 18) && (horario.getHours() < 5))
topo=topoNoite
fim=fimNoite
document.write('<div id="topo"="'+topo+''+fim+'" bgcolor="#FFFFFF">');</script> NÃO TÁ FUNFANDO... SOCOOOORRO!<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/pibpenha/javascript/md_stylechanger.js"></script>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/pibpenha/css/estilo.css" type="text/css" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/pibpenha/js/glaucia.js"></script>
</head>
<body>
<div id="tudo">
<div id="fonte">
<script type="text/javascript">
//<![CDATA[
document.write('<h3><?php echo JText::_(''); ?></h3><p class="fonte">');
document.write('<a href="index.php" title="<?php echo JText::_('Increase size'); ?>"onclick="changeFontSize(2); return false;" class="larger"><?php echo JText::_(' '); ?></a><span class="unseen"> </span>');
document.write('<a href="index.php" title="<?php echo JText::_('Decrease size'); ?>"onclick="changeFontSize(-2); return false;" class="smaller"><?php echo JText::_(' '); ?></a><span class="unseen"> </span>');
document.write('<a href="index.php" title="<?php echo JText::_('Revert styles to default'); ?>"onclick="revertStyles(); return false;" class="reset"><?php echo JText::_(' '); ?></a></p>');
//]]>
</script>
</div>
<div id="principal">
<div id="topo"> aqui entra o background conforme horário </div>
<div id="menu">
<jdoc:include type="modules" name="mod_mainmenu" />
</div>
<div id="slides">
<jdoc:include type="modules" name="slides"/>
</div>
<div id="navega">
<p><?php echo JText::_('Você está aqui:');?>
<jdoc:include type="module" name="mod_breadcrumbs" style="none" />
</p>
</div>
<div id="conteudo">
<jdoc:include type="component" />
</div>
</div>
<div id="fim">
aqui entra background conforme horário...
</div>
</div>
</body>
</html>
Aguardo a resposta de algum de vocês...
Obrigada!
--------------------
glauciaRezende
www.site-genial.com.br
glauciarezende@gmail.com
