Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rafaeldupalio

Colorir uma select

Recommended Posts

Galera mais uma ajuda que venho a pedir para os senhores tenho uma pagina que faz uma consulta ao banco gostaria de criar duas maneiras de colorir esse select a primeira seria o cor sim cor nao para melhor visualização e a segunda opção seria um tipo de "bastao de cor" imagine essa mesma listagem exportada para o excel e que precise que você verifique linha por linha oque você faz para nao se embolar colori a linha toda com isso tem certeza que ja fez aquela linha. tem como criar algo apreciso mas na pagina web mesmo?

Segue meu codigo na parte que acredito que interessa:

 

<table width="100%" border="0">
<tr>
<th width="64" height="59" scope="col"><a href="Brasfels.asp"><img src="imagens/home.gif" width="30" height="30" longdesc="Brasfels.asp" /></a></th>
<th width="865" align="center" scope="col"><p><span class="Subtitulo"> <br />
Consulta Atualizar Brasfels</span></p></th><hr><p class="conteudo">
<th width="81" scope="col"><a href="Atualizar_brasfels.asp"><img src="imagens/seta-voltar.gif" width="30" height="30" longdesc="Atualizar_brasfels.asp" /></a></th>
<table width="100%" align="center" border="1" >
<hr>
<tr>
<th width="4%" scope="col">CPU</th>
<th width="6%" scope="col">DESCRIÇÃO</th>
<th width="15%" scope="col">AÇÃO</th>
<th width="18%" scope="col">USUARIO</th>
<th width="6%" scope="col">MATRICULA</th>
<th width="20%" scope="col">DEPARTAMENTO</th>
<th width="4%" scope="col">DATA</th>
<th width="15%" scope="col">OBS</th>
<th width="8%" scope="col">Exportar <a href="Atualizar_bf_Exportar_consulta_data.asp"><img src="imagens/export_excel.jpg" width="45" height="40" longdesc="Atualizar_brasfels.asp" /></a></th>
</tr>
<%
var_contador=0
do while not myRst.EOF
var_contador=var_contador + 1
var_codigo = myRst.fields("codigo")
var_CPU = myRst.fields("CPU")
var_DESCRICAO = myrst.fields("DESCRICAO")
var_ACAO = myrst.fields("ACAO")
var_USUARIO = myrst.fields("USUARIO")
var_MATRICULA = myrst.fields("MATRICULA")
var_DEPARTAMENTO = myrst.fields("DEPARTAMENTO")
var_DATA = myrst.fields("DATA")
var_obs = myrst.fields("OBS")
%>
<tr>
<td align="center" valign="middle"><%=var_CPU%></td>
<td align="center" valign="middle"><%=var_DESCRICAO%></td>
<td align="center" valign="middle"><%=var_ACAO%></td>
<td align="center" valign="middle"><%=var_USUARIO%></td>
<td align="center" valign="middle"><%=var_MATRICULA%></td>
<td align="center" valign="middle"><%=var_DEPARTAMENTO%></td>
<td align="center" valign="middle"><%=var_DATA%></td>
<td align="center" valign="middle"><%=var_OBS%></td>
<td align="center" valign="middle">
<table width="100%" border="1">
<tr>
</p><th scope="col"><a href="Atualizar_bf_form_alterar.asp?codigo=<%=var_codigo%>"><img src="imagens/user_male_edit.png" name="atualizar" width="32" height="32" id="atualizar" /></a></th>
<th scope="col"><a href="Atualizar_bf_excluir.asp?codigo=<%=var_codigo%>"><img src="imagens/delete.png" name="deletar" width="35" height="35" id="deletar" /></a></th>
</tr>
</table></td>
</tr>
<% myRst.MoveNext
loop
%>
<tr>
<th width="100%" valign="middle" colspan="17" scope="col">Total de Itens Listados: <%=var_contador%></th>
</tr>
</table>

Compartilhar este post


Link para o post
Compartilhar em outros sites

olá, eu consegui fazer por javascript

espero que ajude...

<script language="javascript">
	
	function altRows(id){
		if(document.getElementsByTagName){  
			
			var table = document.getElementById(id);  
			var rows = table.getElementsByTagName("tr"); 
			 
			for(i = 0; i < rows.length; i++){          
				if(i % 2 == 0){
					rows[i].style.background = '#eee';
				}else{
					rows[i].style.background = '#fff';
				}      
			}
		}
	}

	window.onload=function(){
		altRows('alternatecolor');
	}

</script>

ai no <table> você informa o id="alternatecolor"

espero ter ajudado

lembrando que isso só irá colorir a tabela, o preenchimento da mesma é com você...

Compartilhar este post


Link para o post
Compartilhar em outros sites

olá, eu consegui fazer por javascript

espero que ajude...

<script language="javascript">
	
	function altRows(id){
		if(document.getElementsByTagName){  
			
			var table = document.getElementById(id);  
			var rows = table.getElementsByTagName("tr"); 
			 
			for(i = 0; i < rows.length; i++){          
				if(i % 2 == 0){
					rows[i].style.background = '#eee';
				}else{
					rows[i].style.background = '#fff';
				}      
			}
		}
	}

	window.onload=function(){
		altRows('alternatecolor');
	}

</script>

ai no <table> você informa o id="alternatecolor"

espero ter ajudado

lembrando que isso só irá colorir a tabela, o preenchimento da mesma é com você...

Assim que chama a função javascript

<table width="100%" border="0" id="alternador">

Compartilhar este post


Link para o post
Compartilhar em outros sites

sim, simples assim xD~

 

mas ai você muda no javascript de alternatecolor para alternador se você colocar isso no seu id

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.