PHP: Cores Alternadas em Listagem
PHP: Cores Alternadas em Listagem

Olá pessoal, hoje vou postar aqui mais uma dica para os desenvolvedores PHP, é algo bem básico, que talvez muitos já utilizaram, mas de uma forma diferente, ou até mesmo fazendo um improviso como eu mesmo já fiz nos primórdios de programador…. hehehehehe

Então, meu artigo se trata de listagem de dados com alternância de cores, entre cada uma das linhas. Como se faz !?? É algo bem simples, você definirá uma cor inicial, e depois em cada loop que seu WHILE em PHP der, você confere se a cor é igual a essa inicial com um IF, se for, você define a outra cor, e assim por diante, quando chegar o próximo loop, a cor não será a mesma, então ele assumirá a cor inicial…

Bom, estou postando aqui uma imagem de um visualização, e vocês poderão conferir nesse exemplo que fiz e disponibilizei, clique aqui para ver.

Bom, vamos ao código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
< ?
// Define a cor Inicial
$cor = "#F4F4F4";

// Faz sua query normal, e inicial o loop com o WHILE
$q_cervejas = mysql_query("select nome from cervejas order by nome asc");
while($cervejas = mysql_fetch_object($q_cervejas)){
 
    // Aqui você verifica o valor da variavel $cor, se for igual a #F4F4F4 que é a cor inicial, define outro valor de cor, caso seja outro valor diferente do inicial, redefine o valor da variável cor para o valor inicial de #F4F4F4
    if($cor == "#F4F4F4"){
        $cor = "#E1E1E1";
    }else{
        $cor = "#F4F4F4";
    }
  ?>
    <!-- Imprima o valor de $cor na propriedade do CSS -->
    <div style="background-color:<?= $cor; ?>;">
    <!-- Imprima o conteudo de seu select, e pronto -->
    < ?= $cervejas->nome; ?>
    </div>
  < ?
}
?>

.
Bom pessoal, agora é só testar, qualquer dúvida, questão, sugestão faça um comentário que responderei o mais breve possível.

05 de maio de 2008
Categoria(s): MySQL, PHP
Tag(s): ,
Faça sua parte, divulgue o Post !!
  • Twitter
  • Google Buzz
  • Digg
  • Delicious
  • Stumbleupon
  • Technorati
  • Reddit
  • Facebook
  • LinkedIn
  • E-mail
Você pode gostar de ver:
Sobre o Autor
Rodrigo Luis
Trabalho com desenvolvimento WEB há cerca de 10 anos, e com programação em PHP há cerca de 10 anos. Tenho conhecimento em diversas linguagens, mas meu domínio é especifico em PHP, JavaScript, CSS e HTML/XHTML, tenho algum conhecimento em MySQL. Além disso é claro, tenho domínio sobre ferramentas gráficas como Adobe Fireworks e Photoshop, e CorelDRAW. Sou um fã de Tecnologia de tudo que é tipo, seja relacionada a internet ou mesmo a tecnologia de hardware. Minha formação acadêmica é na área de Publicidade e Propaganda.
Exibir Pingbacks/Trackbacks
Comentários (5)
Exibir Comentários
Pingbacks/Trackbacks (0)
  • aline disse:

    oi…
    utilizei seu exemplo em meu site, mas ocorreu um erro…
    A listagem do banco apareceu antes e a baixo apareceu as linhas com as cores alternadas e o código: nome; ?> em cada uma das linhas…
    o q pod ter acontecido??
    Será q é pq a minha listagem aparece dentro d uma tabela e esta divida em 2 colunas???
    ñ sei se consegui me explicar?
    se puder me ajudar, mto obrigado!!

    quarta-feira, 20 de agosto de 2008 às 16:49
  • Rodrigo Luis disse:

    Aline, estou lhe enviando por email o script original, talvez no momento da cópia algo tenho ficado errado.
    Só me confirme depois se funcionou com este arquivo que estou lhe enviando.

    quarta-feira, 20 de agosto de 2008 às 19:19
  • RONALDO disse:

    amigo vc pode passar ocodigo original do tutorial “cores alternadas em listagem” e da “paginação de resultados”

    sexta-feira, 06 de março de 2009 às 1:54
  • coelhinhasaidinha disse:

    Oi tudo bem rodrigo ?poderia me mandar o script original de criar cores alternadas numa tabela e que me deu erro também quando o fiz tentei fazer as cores alternadas! beijo

    sábado, 01 de janeiro de 2011 às 11:07
    • Rodrigo Luis disse:

      Olá Coelhinhasaidinha (inusitado nome, hehehe),
      Acabei de enviar por email o script original.

      sábado, 01 de janeiro de 2011 às 20:23
  • Este post não possui Pingbacks/Trackbacks

Escreva um Comentário

Blog webARTz: Onde a WEB encontra a ARTE

2008~2012 Blog webARTz // Powered by Wordpress // Hospedado na KingHost // Desenvolvido por: Agência BBD
Fechar
Voltar ao Topo
Atenção !!
Nosso blog passou por grandes mudanças e melhorias na estrutura, recursos e conteúdo.

Estas alterações podem causar dificuldade na navegação, por este motivo alguns bugs e/ou problemas podem ocorrer. Caso isso ocorra pedimos que você nos notifique pelo "Fale Conosco" aqui do blog.

No momento estamos trabalhando para o perfeito funcionamento
do blog.

Obrigado !!
Fechar
Abrir Aviso