Widget Fase da lua

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Vários usuários, uns sim e outros não
Endereço do fórum : http://theuniverse.forumeiros.com/

Descrição do problema

A minha dúvida é simples: Gostaria de saber se existe algum widget que passe a fase da lua, em especial com imagens. Obrigada ^^

Olá Selene!

Posso fazer algo, baseado no calendário:
http://www.cbnfoz.com.br/servicos/calendario/lunar/2015/fases-da-lua

As fases, bem, não sou muito bom com imagens então teria de pedir na seção gráfica. Ok?
Vou adiantando, aguardo a sua resposta.

Okay ^^ Obrigada Loko

Olá Selene!

Vejamos, o script é beta, ok?

Adicionamos isso no Widget:

Código:

<div id="fases">Carregando...</div>

Esse e o nosso script:

Código:

/* Autor: EuficoLoko/Poseidon;
Versão: Quaisquer versões;
Para: Abigail/Selene;
Versão: Beta */

$(function(){

mydate = new Date();
myday = mydate.getDay();
myweekday= mydate.getDate();
 if(mydate.getMonth() == 3){
if(myweekday <= 6) {
$('#fases').html('<img src="Imagem crescente" alt="crescente"></img>');
};};
});

Ele chega o mês e o dia, se for tal ele deixa a lua em uma certa imagem.
Funciona assim:
Enquanto no mês 3, (No javascript a contagem é do 0), os dias forem até 06, a lua será crescente. Poderá configurar modificando:
'Imagem nomedalua' = SRC da imagem;

Adicionar mais meses:

Código:

if(mydate.getMonth() == 3){
if(myweekday <= 6) {
$('#fases').html('<img src="Imagem crescente" alt="crescente"></img>');
};};

No código, 3 representa o nosso mês atual. (CONTAGEM DO 0)
No código, o número 6 é o pilar. Ou seja, enquanto for menor ou igual a 6, será crescente. Agora para adicionar de 6 a 11, fazemos assim:

Código:

 if(mydate.getMonth() == 3){
if(myweekday >= 6 && myweekday <= 11) {
alert();
};};

Entendeu? Não tenho tempo para modificar um a um, lamento. ;|

É... Não ;-;

Tudo bem, relaxa. :$
Estamos no mês 04, vou fazer mediante esse mês.

No widget, será isso:

Código:

<div id="fases">Carregando...</div>

JavaScript:

Código:

/* Autor: EuficoLoko/Poseidon;

Versão: Quaisquer versões;

Para: Abigail/Selene;

Versão: Beta */

$(function(){

mydate = new Date();
myday = mydate.getDay();
myweekday= mydate.getDate();

/* definir imagens */
var crescente = "URL-IMG-CRESCENT";
var cheia = "URL - CHEIA";
var nova = "URL - NOVA";
var minguante = "Url - Minguante"
 if(mydate.getMonth() == 3){
if(myweekday <= 4) {
$('#fases').html('<img src="'+cheia+'" alt="Cheia"></img>');
};
if(myweekday >= 4 && myweekday <= 12) {
$('#fases').html('<img src="'+minguante+'" alt="Minguante"></img>');
};

if(myweekday >= 12 && myweekday <= 18) {
$('#fases').html('<img src="'+crescente+'" alt="crescente"></img>');
};
};
});

Em todas as páginas!
Esse script, é para todo o mês de abril. Verifique, Ok?

Não aconteceu nada quando adicionei e.e

Tem certeza que, aplicou em todas as páginas e que o javascript está ativado?
Veja o teste no console:


A proposito, no código está escrito onde deve alterar as imagens.

Eu coloquei as imagens, mas continua não dando .-.

O console, interpreta as virgulas erradas, mas tudo bem.
Troque por esse:

Código:

$(function(){

mydate = new Date();
myday = mydate.getDay();
myweekday= mydate.getDate();

/* definir imagens */
var crescente = "URL-IMG-CRESCENT";
var cheia = "URL - CHEIA";
var nova = "URL - NOVA";
var minguante = "Url - Minguante";
 if(mydate.getMonth() == 3){
if(myweekday <= 4) {
$('#fases').html('<img src="'+cheia+'" alt="Cheia"></img>');
}
else if(myweekday >= 4 && myweekday <= 12) {
$('#fases').html('<img src="'+minguante+'" alt="Minguante"></img>');
}

else if(myweekday >= 12 && myweekday <= 18) {
$('#fases').html('<img src="'+crescente+'" alt="crescente"></img>');
}
};
});

Abraços.

Agora funcionou u.u.

Loko para ficar mais facil (E se você quiser), pode deixar ele dando "resultados aleatorios", não precisa ser a lua verdadeira, já que é um RPG que se passa em outro univeso.

Olá Selene!

Veja o código:

Código:

$(function(){

mydate = new Date();
myday = mydate.getDay();
myweekday= mydate.getDate();

/* definir imagens */
var crescente = "URL-IMG-CRESCENT";
var cheia = "URL - CHEIA";
var nova = "URL - NOVA";
var minguante = "Url - Minguante";
 if(mydate.getMonth() == 3){
if(myweekday <= 7) {
$('#fases').html('<img src="'+cheia+'" alt="Cheia"></img>');
}
else if(myweekday >= 7 && myweekday <= 14) {
$('#fases').html('<img src="'+minguante+'" alt="Minguante"></img>');
}

else if(myweekday >= 14 && myweekday <= 21) {
$('#fases').html('<img src="'+crescente+'" alt="crescente"></img>');
}

else if(myweekday >= 21 && myweekday <= 28) {
$('#fases').html('<img src="'+nova+'" alt="nova"></img>');
}
};
});

Podemos por um texto embaixo, trocando o script por esse:

Código:

$(function(){

mydate = new Date();
myday = mydate.getDay();
myweekday= mydate.getDate();

/* definir imagens */
var crescente = "URL-IMG-CRESCENT";
var cheia = "URL - CHEIA";
var nova = "URL - NOVA";
var minguante = "Url - Minguante";
 if(mydate.getMonth() == 3){
if(myweekday <= 7) {
$('#fases').html('<img src="'+cheia+'" alt="Cheia"></img><br>Cheia');
}
else if(myweekday >= 7 && myweekday <= 14) {
$('#fases').html('<img src="'+minguante+'" alt="Minguante"></img><br>Minguante');
}

else if(myweekday >= 14 && myweekday <= 21) {
$('#fases').html('<img src="'+crescente+'" alt="crescente"></img><br>Crescente');
}

else if(myweekday >= 21 && myweekday <= 28) {
$('#fases').html('<img src="'+nova+'" alt="nova"></img><br>Nova');
}
};
});

Ele funciona assim:
Até o dia 7 = Cheia;
A partir do 7 ao 14 = Minguante
A partir do 14 ao 21 = Crescente
A partir do 21 ao 28 = Nova

Agora os dias 29,30,31, o que eu adiciono?

Que tal tempo chuvoso? Assim não tem como saber qual fase esta a lua xD

Certo, troque por esse:

Código:

$(function(){

mydate = new Date();
myday = mydate.getDay();
myweekday= mydate.getDate();

/* definir imagens */
var crescente = "URL-IMG-CRESCENT";
var cheia = "URL - CHEIA";
var nova = "URL - NOVA";
var minguante = "Url - Minguante";
var chuvoso = "URL-IMG-CHUVOSO";
 if(mydate.getMonth() == 3){
if(myweekday <= 7) {
$('#fases').html('<img src="'+cheia+'" alt="Cheia"></img><br>Cheia');
}
else if(myweekday >= 7 && myweekday <= 14) {
$('#fases').html('<img src="'+minguante+'" alt="Minguante"></img><br>Minguante');
}

else if(myweekday >= 14 && myweekday <= 21) {
$('#fases').html('<img src="'+crescente+'" alt="crescente"></img><br>Crescente');
}

else if(myweekday >= 21 && myweekday <= 28) {
$('#fases').html('<img src="'+nova+'" alt="nova"></img><br>Nova');
}

else if(myweekday >= 28 && myweekday <= 31) {
$('#fases').html('<img src="'+chuvoso+'" alt="chuvoso"></img><br>Chuvoso');
}
};
});

Acabamos por aqui?

Sim ^^ Obrigada podem fechar o tópico