Widget Fase da lua

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Widget Fase da lua

Mensagem por Selene em 06/04/15, 07:34 am

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 ^^
avatar

Selene
Nível 9

Feminino
Inscrito dia : 01/01/2015
Mensagens : 193
Pontos Ativos : 280

Ver perfil do usuário http://pokemonlf.forumeiros.com/forum

Resolvido Re: Widget Fase da lua

Mensagem por EuficoLoko em 06/04/15, 12:25 pm

Olá Selene! Eu amo você

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Widget Fase da lua

Mensagem por Selene em 06/04/15, 12:55 pm

Okay ^^ Obrigada Loko De bem com a vida Festa azul
avatar

Selene
Nível 9

Feminino
Inscrito dia : 01/01/2015
Mensagens : 193
Pontos Ativos : 280

Ver perfil do usuário http://pokemonlf.forumeiros.com/forum

Resolvido Re: Widget Fase da lua

Mensagem por EuficoLoko em 06/04/15, 08:25 pm

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Widget Fase da lua

Mensagem por Selene em 07/04/15, 12:10 pm

É... Não ;-; Em choque Triste Louco
avatar

Selene
Nível 9

Feminino
Inscrito dia : 01/01/2015
Mensagens : 193
Pontos Ativos : 280

Ver perfil do usuário http://pokemonlf.forumeiros.com/forum

Resolvido Re: Widget Fase da lua

Mensagem por EuficoLoko em 07/04/15, 06:59 pm

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>');
};
};
});

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Widget Fase da lua

Mensagem por Selene em 07/04/15, 07:07 pm

Não aconteceu nada quando adicionei e.e
avatar

Selene
Nível 9

Feminino
Inscrito dia : 01/01/2015
Mensagens : 193
Pontos Ativos : 280

Ver perfil do usuário http://pokemonlf.forumeiros.com/forum

Resolvido Re: Widget Fase da lua

Mensagem por EuficoLoko em 07/04/15, 07:10 pm

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. Muito feliz
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Widget Fase da lua

Mensagem por Selene em 07/04/15, 07:51 pm

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

Selene
Nível 9

Feminino
Inscrito dia : 01/01/2015
Mensagens : 193
Pontos Ativos : 280

Ver perfil do usuário http://pokemonlf.forumeiros.com/forum

Resolvido Re: Widget Fase da lua

Mensagem por EuficoLoko em 07/04/15, 08:37 pm

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Widget Fase da lua

Mensagem por Selene em 07/04/15, 08:46 pm

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

Selene
Nível 9

Feminino
Inscrito dia : 01/01/2015
Mensagens : 193
Pontos Ativos : 280

Ver perfil do usuário http://pokemonlf.forumeiros.com/forum

Resolvido Re: Widget Fase da lua

Mensagem por EuficoLoko em 07/04/15, 09:14 pm

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?
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Widget Fase da lua

Mensagem por Selene em 08/04/15, 05:55 am

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

Selene
Nível 9

Feminino
Inscrito dia : 01/01/2015
Mensagens : 193
Pontos Ativos : 280

Ver perfil do usuário http://pokemonlf.forumeiros.com/forum

Resolvido Re: Widget Fase da lua

Mensagem por EuficoLoko em 08/04/15, 09:01 am

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?
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Widget Fase da lua

Mensagem por Selene em 10/04/15, 11:32 am

Sim ^^ Obrigada podem fechar o tópico Feliz
avatar

Selene
Nível 9

Feminino
Inscrito dia : 01/01/2015
Mensagens : 193
Pontos Ativos : 280

Ver perfil do usuário http://pokemonlf.forumeiros.com/forum

Resolvido Re: Widget Fase da lua

Mensagem por Sennior em 14/04/15, 01:41 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum