Texto especifico de acordo com o mês

por Mauricio Molina 06.11.15 18:14

Detalhes da questão

Endereço do fórum: http://aquapeixes.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Ola pessoal.

Existe algum código HTML, que todo mês por 12 meses (a cada dia 30 e ou 31) mudasse as frases predeterminadas, de maneira automática?

Obrigado!

por Chagas 06.11.15 18:17

Não é possível querido administrador,

por Ace 06.11.15 18:22

Olá,

Depende de onde você pretende inserir as frases. Qual seria o lugar?

Att.

por Mauricio Molina 06.11.15 20:23

Em uma página html

por Ace 06.11.15 20:31

Olá,

Crie uma nova página HTML e aplique:

Código:: <!DOCTYPE html> <html> <body> <p>Clique no botão para mostrar a frase do mês</p> <button onclick="frase()">Mostrar frase</button> <p id="teste"></p> <script> function frase() { var month = new Array(); month[0] = "SUA FRASE AQUI"; month[1] = "SUA FRASE AQUI"; month[2] = "SUA FRASE AQUI"; month[3] = "SUA FRASE AQUI"; month[4] = "SUA FRASE AQUI"; month[5] = "SUA FRASE AQUI"; month[6] = "SUA FRASE AQUI"; month[7] = "SUA FRASE AQUI"; month[8] = "SUA FRASE AQUI"; month[9] = "SUA FRASE AQUI"; month[10] = "SUA FRASE AQUI"; month[11] = "SUA FRASE AQUI"; var d = new Date(); var n = month[d.getMonth()]; document.getElementById("teste").innerHTML = n; } </script> </body> </html>

O mês 0 é Janeiro, enquanto o mês 11 é Dezembro. Se tudo der certo, a mensagem de numero 10 deverá aparecer Feliz

Att.

por Mauricio Molina 06.11.15 20:59

Sim deu Certo, mas é possível aparecer a frase sem ter que clicar no botão?

Ser de forma automática...

por MateusAnjosV 06.11.15 21:04

Boa noite!

É só remover algumas linhas... teste ai:

Código:: <!DOCTYPE html> <html> <body> <p id="teste"></p> <script> function frase() { var month = new Array(); month[0] = "SUA FRASE AQUI"; month[1] = "SUA FRASE AQUI"; month[2] = "SUA FRASE AQUI"; month[3] = "SUA FRASE AQUI"; month[4] = "SUA FRASE AQUI"; month[5] = "SUA FRASE AQUI"; month[6] = "SUA FRASE AQUI"; month[7] = "SUA FRASE AQUI"; month[8] = "SUA FRASE AQUI"; month[9] = "SUA FRASE AQUI"; month[10] = "SUA FRASE AQUI"; month[11] = "SUA FRASE AQUI"; var d = new Date(); var n = month[d.getMonth()]; document.getElementById("teste").innerHTML = n; } frase(); </script> </body> </html>

por Mauricio Molina 06.11.15 21:08

Assim deu certo, então quer dizer, que sempre que o mês trocar, a mensagem troca de forma automática?

E se eu quiser editar a fonte, tamanho e cor, é só editar dentro das aspas?

por MateusAnjosV 06.11.15 21:22

Boa noite!

Se quiser personalizar, basta personalizar com CSS obviamente, o id "teste".
Ex:

Código:: #teste { font-size: 14px; color: black; font-family: "Arial"; }

E sim, ela muda conforme o mês, reveja a explicação do Ace. Feliz

por Mauricio Molina 06.11.15 21:32

Entendi, só da para personalizar via CSS, diretamente na mensagem não?

por MateusAnjosV 06.11.15 21:33

Internamente... hm...
Sabe essa linha, no código?

Código:: <p id="teste"></p>

É para lá que o script é carregado, você pode edita-lo assim:

Código:: <p id="teste" style=" estilos css "></p>

Ou:

Código:: <b><p id="teste"></p></b>

Entendeu? ^^

por Mauricio Molina 06.11.15 21:35

Desculpa, não, de uma exemplo pratico no código se possessível..

Obrigado!

por MateusAnjosV 06.11.15 21:38

É claro, veja:

Código:: <!DOCTYPE html> <html> <body> <b><font color="blue"><font face="Arial"><p id="teste"></p></font></font></b> <script> function frase() { var month = new Array(); month[0] = "SUA FRASE AQUI"; month[1] = "SUA FRASE AQUI"; month[2] = "SUA FRASE AQUI"; month[3] = "SUA FRASE AQUI"; month[4] = "SUA FRASE AQUI"; month[5] = "SUA FRASE AQUI"; month[6] = "SUA FRASE AQUI"; month[7] = "SUA FRASE AQUI"; month[8] = "SUA FRASE AQUI"; month[9] = "SUA FRASE AQUI"; month[10] = "SUA FRASE AQUI"; month[11] = "SUA FRASE AQUI"; var d = new Date(); var n = month[d.getMonth()]; document.getElementById("teste").innerHTML = n; } frase(); </script> </body> </html>

Blue = cor
Arial = font
<b> = deixarem negrito

por Mauricio Molina 06.11.15 21:45

Legal era isso mesmo, e se eu quiser retirar algum mes, basta retirar a linha especifica do mes, ou tenho que editar mais alguma cosia?

por MateusAnjosV 06.11.15 21:48

Eu lhe recomendo deixar a linha assim:

Código:: month[8] = " ";

Assim caso queira adicionar um novo mês, não vai ter problema. ^^
Mas pode fazer do seu jeito também, você que sabe.

Feliz

por Ace 06.11.15 21:49

Olá,

Retire apenas a linha do mês. Muito feliz

Att.

por Mauricio Molina 06.11.15 21:50

Entendi, agradeço muito aos dois...

Agora pra quem eu dou obrigado? rsrs

por MateusAnjosV 06.11.15 21:51

Pro @Ace, é claro.
Eu só dei algumas "ajustadas". hehe ^^
Que bom que concluiu.

Abraços!

por Mauricio Molina 06.11.15 21:51

Ah, uma outra coisa, e se eu quiser colocar dois desse código na mesma pagina com frases diferentes, tenho que alterar alguma cosia?

por **Fraise** 06.11.15 21:53

Sim senhor. Se os códigos forem diferentes, tens de alterar o nome da variável, ficaria algo assim:

Código:: <!DOCTYPE html> <html> <body> <p id="teste2"></p> <script> function frase() { var month2 = new Array(); month2[0] = "SUA FRASE AQUI"; month2[1] = "SUA FRASE AQUI"; month2[2] = "SUA FRASE AQUI"; month2[3] = "SUA FRASE AQUI"; month2[4] = "SUA FRASE AQUI"; month2[5] = "SUA FRASE AQUI"; month2[6] = "SUA FRASE AQUI"; month2[7] = "SUA FRASE AQUI"; month2[8] = "SUA FRASE AQUI"; month2[9] = "SUA FRASE AQUI"; month2[10] = "SUA FRASE AQUI"; month2[11] = "SUA FRASE AQUI"; var d = new Date(); var n = month[d.getMonth()]; document.getElementById("teste").innerHTML = n; } frase2(); </script> </body> </html>

Até mais.
Fraise

por MateusAnjosV 06.11.15 21:55

Seria assim?

Código:: <!DOCTYPE html> <html> <body> <b><font color="blue"><font face="Arial"><p id="teste"></p></font></font></b> <b><font color="blue"><font face="Arial"><p id="teste2"></p></font></font></b> <script> /* script 1 */ function frase() { var month = new Array(); month[0] = "SUA FRASE AQUI"; month[1] = "SUA FRASE AQUI"; month[2] = "SUA FRASE AQUI"; month[3] = "SUA FRASE AQUI"; month[4] = "SUA FRASE AQUI"; month[5] = "SUA FRASE AQUI"; month[6] = "SUA FRASE AQUI"; month[7] = "SUA FRASE AQUI"; month[8] = "SUA FRASE AQUI"; month[9] = "SUA FRASE AQUI"; month[10] = "SUA FRASE AQUI"; month[11] = "SUA FRASE AQUI"; var d = new Date(); var n = month[d.getMonth()]; document.getElementById("teste").innerHTML = n; } /* script 2 */ function frase2() { var month = new Array(); month[0] = "SUA FRASE AQUI 2"; month[1] = "SUA FRASE AQUI"; month[2] = "SUA FRASE AQUI"; month[3] = "SUA FRASE AQUI"; month[4] = "SUA FRASE AQUI"; month[5] = "SUA FRASE AQUI"; month[6] = "SUA FRASE AQUI"; month[7] = "SUA FRASE AQUI"; month[8] = "SUA FRASE AQUI2"; month[9] = "SUA FRASE AQUI"; month[10] = "SUA FRASE AQUI2"; month[11] = "SUA FRASE AQUI"; var d = new Date(); var n = month[d.getMonth()]; document.getElementById("teste2").innerHTML = n; } frase(); frase2(); </script> </body> </html>

É só multiplicar essa parte e alterar o id (ou só botar um 2 do lado – exceto se já for o segundo, vá subindo –)
Era isso??

por Mauricio Molina 06.11.15 21:57

Isso mesmo, nossa sem palavras ajudaram muito, obrigado!

por **Fraise** 06.11.15 22:07

Texto especifico de acordo com o mês Symbol10

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Texto especifico de acordo com o mês