Configurar um Background que fique piscando

[chilli2 0]

Boa tarde,

 

Pessoal, eu gostaria de fazer o seguinte, que o meu background pisque com cores diferentes quando aparecer uma mensagem. Ex.

quando a palavra for (up) o background pisque na cor verde;

quando a palavra for (down) o background pisque na cor vermelha;

 

Desde já muito obrigado.

[Éverson da Luz 6]

Boa tarde,

 

faça algo parecido com isso

var palavra = 'up';

if (palavra != '') {
	if (palavra == 'up') {
		document.body.style.backgroundColor = "#00FF00";
	} else if (palavra == 'down') {
		document.body.style.backgroundColor = "#FF0000";
	}

	setTimeout(function() {
		document.body.style.backgroundColor = "initial";
	}, 300);
}

Onde é verificado se a variável palavra não é vazia (não sei da onde você vai pegar o valor para a variável), depois é verificado se é up ou down, e caso seja um deles, é setado uma cor de backgroud para o elemento body, logo abaixo após 0,3 segundos, é colocado a cor original do body. Arrume o tempo de acordo com a velocidade que você deseja o efeito de piscar.

[chilli2 0]

14 horas atrás, Everson da Luz disse:

Boa tarde,

 

faça algo parecido com isso

var palavra = 'up';

if (palavra != '') {
	if (palavra == 'up') {
		document.body.style.backgroundColor = "#00FF00";
	} else if (palavra == 'down') {
		document.body.style.backgroundColor = "#FF0000";
	}

	setTimeout(function() {
		document.body.style.backgroundColor = "initial";
	}, 300);
}

Onde é verificado se a variável palavra não é vazia (não sei da onde você vai pegar o valor para a variável), depois é verificado se é up ou down, e caso seja um deles, é setado uma cor de backgroud para o elemento body, logo abaixo após 0,3 segundos, é colocado a cor original do body. Arrume o tempo de acordo com a velocidade que você deseja o efeito de piscar.

Opa, bom dia agradeço pela ajuda...então os valores up e down eu busco de uma aplicação chamada zabbix você conhece?

[Éverson da Luz 6]

Não conheço essa aplicação, então não poderei te ajudar com isso. Mas depois que você conseguir pegar os dados, faça algo parecido com esse script que coloquei, você pode até testa-lo, só abrir o console do Chrome e colocar o script lá

[chilli2 0]

3 minutos atrás, Everson da Luz disse:

Não conheço essa aplicação, então não poderei te ajudar com isso. Mas depois que você conseguir pegar os dados, faça algo parecido com esse script que coloquei, você pode até testa-lo, só abrir o console do Chrome e colocar o script lá

opa...como assim no console do chrome, desculpe...

[chilli2 0]

coloquei a console porém deu erro.....Failed to load resource: net::ERR_FAILED

 

[Éverson da Luz 6]

Isso mesmo, só abrir como esta na imagem, colar o código e dar um enter.

 

Esse erro é de outro script,

antes de colocar o código e dar enter clica no botão de limpar o console (imagem anexo).

 

Testei aqui e não de nenhum erro

 

[chilli2 0]

Realmente deu certo, soh uma ultima pergunta guri, caso eu quisesse colocar ao invés de up / down eu colocasse numeros, ex 1 = up   2 = down teria como?

[ShadowDLL 2]

24 minutos atrás, chilli2 disse:

Realmente deu certo, soh uma ultima pergunta guri, caso eu quisesse colocar ao invés de up / down eu colocasse numeros, ex 1 = up   2 = down teria como?

 

CÓDIGO

// 1 = UP
// 2 = DOWN
var palavra = 2;

if (palavra != '') {
	if ( palavra == 1 ) { // UP
		document.body.style.backgroundColor = "#00FF00";
	} else if (palavra == 2) { // DOWN
		document.body.style.backgroundColor = "#FF0000";
	}

	setTimeout(function() {
		document.body.style.backgroundColor = "initial";
	}, 300);
}

 

[chilli2 0]

vou mandar uma foto..de onde que eu consigo os dados..

[Éverson da Luz 6]

Não conheço esse sistema,

mas se você não tem o acesso ao código fonte dele, ou o sistema não disponibiliza a opção de fazer isso que você quer, não há o que fazer.

Agora se pode alterar o código dele, procure o local onde é executado o JS e altere.

Não podemos te ajudar com isso