Foros del Web » Programando para Internet » ASP Clásico »

Tablas con color

 Estas en el tema de Tablas con color en el foro de ASP Clásico en Foros del Web. Buenas tardes, necesitaria ayudita con mi web... Tengo una pagina la cual cargo el status de cursos realizados por cada persona dentro de mi grupo. ...
  #1 (permalink)  
Antiguo 12/10/2010, 14:30
 
Fecha de Ingreso: julio-2010
Mensajes: 35
Antigüedad: 13 años, 9 meses
Puntos: 0
Pregunta Tablas con color
Buenas tardes, necesitaria ayudita con mi web... Tengo una pagina la cual cargo el status de cursos realizados por cada persona dentro de mi grupo. En la tabla de resultados, donde puedo ver el historico, quisiera saber si se hacer que por cada resultado de la tabla se pinte de un color. Por ej. Todos aquellos cursos completos el campo de la tabla se pinte de verde y los pendientes en rojo. Se puede?

Gracias!
  #2 (permalink)  
Antiguo 13/10/2010, 07:29
Avatar de mc_quake  
Fecha de Ingreso: enero-2006
Ubicación: www.ecocargo.cl
Mensajes: 683
Antigüedad: 18 años, 3 meses
Puntos: 8
Respuesta: Tablas con color
si con bgcolor en tus td

para mas informacion pega el codigo de tus tablas
__________________
Mc_Quake

Para ayudar en lo que se pueda:Zzz:
  #3 (permalink)  
Antiguo 13/10/2010, 08:15
Avatar de IsaBelM
Colaborador
  
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Tablas con color
creas dos selectores de clases, uno para los completos y otro para los que están en curso. a cada td o tr le asignas el atributo class y le das un valor. por ejemplo (completo y curso)
Cita:
<td class="<%=valor%>" ...
  #4 (permalink)  
Antiguo 13/10/2010, 10:27
 
Fecha de Ingreso: julio-2010
Mensajes: 35
Antigüedad: 13 años, 9 meses
Puntos: 0
Respuesta: Tablas con color
Muchas gracias por sus respuestas!!!

Miren les adjunto el script (de la pagina de resultados):


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>General EducationPM Review</title>
<META HTTP-EQUIV="Refresh" CONTENT="90">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>

<body bgcolor="#FFFFFF" bgproperties="fixed" background="ibmbackgroundsuave.jpg">

<p style="margin-top: 0; margin-bottom: 0">
<img SRC="TicketsGenerales.bmp" width="600" height="95">
&nbsp;
<br>
</p>
<table width="100%" align="left">
<tr>
<td width="50%" align="right">
<table align="left">
<tr>
<td align="center">
<p style="margin-top: 0; margin-bottom: 0">&nbsp;
<a href="http://amgdca/dboweb/Default.htm"><font color="#000080"></font></a>
<font color="#000080"> | </font>
<a href="http://amgdca/dboweb/Default.htm" target="_top"><font color="#000080">Home</font></a>
<font color="#000080"> | </font>
<a href="http://amgdca/dboweb/ticketsgenerales_interface/Education/Education.asp" target="_top"><font color="#000080">Submit courses information</font></a>
<font color="#000080"> | </font>
</p>
</tr>
</table>
</td>
</tr>
</table>
<p style="margin-top: 0; margin-bottom: 0">
<a href="Default.htm"><font color="#000080"><br>
<br>
<p style='margin:0cm;margin-bottom:.0001pt;line-height:150%'><marquee behavior="Alternate" scrolldelay="90" scrollamount="4"
style="font-size: 20pt; color: #A62A2A; font-weight: bold"><u>DBO Career Path Status:<u/></marquee></p>
</font></a> </p>

<p>
<br clear="all">
<hr>
<p>
<font color="#000080"><strong>
<script language="JavaScript" type="text/javascript">
<!--
// for all date displays
//submitted and displayed at www.a1javascripts.com
today = new Date();
year = (today.getFullYear) ? today.getFullYear() : today.getYear();
month = today.getMonth();
switch (month) {
case 0 : month = "de January"; break;
case 1 : month = "de February"; break;
case 2 : month = "de March"; break;
case 3 : month = "de April"; break;
case 4 : month = "de May"; break;
case 5 : month = "de June"; break;
case 6 : month = "de July"; break;
case 7 : month = "de August"; break;
case 8 : month = "de September"; break;
case 9 : month = "de October"; break;
case 10 : month = "de November"; break;
case 11 : month = "de December"; break;
}
date = today.getDate();
day = today.getDay();
switch (day) {
case 0 : day = "Sunday"; break;
case 1 : day = "Monday"; break;
case 2 : day = "Tuesday"; break;
case 3 : day = "Wednesday"; break;
case 4 : day = "Thursday"; break;
case 5 : day = "Friday"; break;
case 6 : day = "Saturday"; break;
}
hours = today.getHours();
if (hours<12) greeting = 'Buenos Días!';
if (hours<18 && hours>11) greeting = 'Buenas Tardes!';
if (hours<20 && hours>17) greeting = 'Buenas Tardes!';
if (hours>19) greeting = 'Buenas Noches!';
hour = (hours>12) ? (hours-12) : hours;
halfDay = (hours>11 && hours<24) ? 'PM' : 'AM';
minutes = today.getMinutes();
dayStr = day + ' ' +date+ '&nbsp;' +month+ ',&nbsp;' +year;
timeStr = + (minutes<10) ? hour+ ':0' +minutes+ ' ' +halfDay : hour+ ':' +minutes+ ' ' +halfDay;

// -->
</script><script language="JavaScript" type="text/javascript">
<!--
document.writeln('' +dayStr+ ' - ' +timeStr+ '.'); // document.write(greeting+ '<br>');
// -->
</script>
</strong></font>
<br><br>
</p>
</p>
</body>
<p>
<hr/>
</body>
<br/>
<table width="100%" border="1" height="165">
<thead>
<tr>
<tr bgcolor= "#A62A2A">
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Clave</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Employee Name</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Project Mgmt.Orientation(PM54)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Project Mgmt.Fundamental(PM10G)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Leadership in a Project Team Env.(PM11G)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Understanding WWPMM(PM36G)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Creating & Tailoring PM Systems(PM76G)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Introduction to IBM-RPM(PM102G)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Getting Started Managing Projects In IBM-RPM(PM45G)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Creating & Managing Project Schedules In IBM-RPM(PM50G)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Managing Scope Exceptions In IBM-RPM(PM49G)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Contracting for PMs-Self Paced(PM12G)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Financial Mgmt. for PMs(PM63G)</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">ITIL v3</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Global English</font></b></td>
<td height="15" align="center" face="Verdana"><b><font color="#FFFFFF" size="2">Cursos de ingles presenciales</font></b></td>
</tr>
</thead>
<tbody>
<%sql="SELECT * FROM Education WHERE Borrado = False ORDER BY Clave DESC"
dbfile=Server.MapPath("../../fpdb/ticketsgenerales.mdb")
Set OBJdbConnection=Server.CreateObject("ADODB.Connect ion")
OBJdbConnection.Open "driver={Microsoft Access Driver (*.mdb)};dbq="&dbfile
Set rs = Server.CreateObject("ADODB.Recordset")
rs.Open sql, OBJdbConnection, 3, 3
fp_sNoRecords="<tr><td colspan=8 align=left width=""100%"">No General information.</td></tr>"%>
<!--#include file="../../_fpclass/valida_nulo.inc"-->
<% DO UNTIL rs.Eof %>
<TR>

<TD><b><CENTER> <a href="editor/detail.asp?Clave=<%= rs("Clave") %>" target="_blank"><font face="Verdana" size="2"><%= rs("Clave") %> </a></CENTER></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("EmployeeName") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("ProjectManagementOrientation") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("ProjectManagementFoundational") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("LeadershipInAProjectTeamEnvironment") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("UnderstandingWWPMM") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("CreatingAndTailoringProjectManagementSystem") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("IntroductiontoIBMRationalPortfolioManager") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("GettingStartedManagingProjectsInIBMRPM") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("CreatingAndManagingProjectSchedulesInIBMRPM") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("ManagingScopeExceptionsInIBMRPM") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("ContractingForProjectManagersSelfPaced") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("FinancialManagementForProjectManagersDistribut edLearning") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("ITILV3") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("GobalEnglish") %></b></TD>
<TD><b><font face="Verdana" size="2"><%= rs("CursosInglesPresenciales") %></b></TD>

<% rs.MoveNext
LOOP
set rs = Nothing
OBJdbConnection.Close
set OBJdbConnection = Nothing%>
</tbody>
</table>

</font>
</BODY>
</HTML>


<p style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<hr>
</td>
</tr>
</table>
</td>
</tr>
</table>
&nbsp;
<table width="84%" align="center">
<tr>
<td width="50%" align="right">
<table align="center">
<tr>
<td align="center">


</html>


GRacias!!!!!!
  #5 (permalink)  
Antiguo 13/10/2010, 10:49
 
Fecha de Ingreso: julio-2010
Mensajes: 35
Antigüedad: 13 años, 9 meses
Puntos: 0
Respuesta: Tablas con color
Este es mi script, como deberia agregar para que un status aparezca en un color y el otros estatus en otro color.

GRacias!
  #6 (permalink)  
Antiguo 13/10/2010, 12:48
Avatar de IsaBelM
Colaborador
  
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Tablas con color
al class le das el valor que te indica el estado. previamente has creado los dos selectores de clases con los nombres de dichos estados
  #7 (permalink)  
Antiguo 13/10/2010, 14:02
Avatar de Myakire
Colaborador
  
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 22 años, 3 meses
Puntos: 146
Respuesta: Tablas con color
La idea es esta

Código ASP: 
Ver original
  1. <% 
  2. DO UNTIL rs.Eof %>
  3. <TR <%if rs("Estatus") = "algo" Then response.write " class= ""ClaseDeUnColor""" Else response.write " class= ""ClaseDeOtroColor""" End If%>>...
  #8 (permalink)  
Antiguo 13/10/2010, 18:24
 
Fecha de Ingreso: julio-2010
Mensajes: 35
Antigüedad: 13 años, 9 meses
Puntos: 0
Respuesta: Tablas con color
Gracias Myakire,

disculpa mi ignorancia, pero, la verdad no se como agregarlo.
Te adjunto es script donde figura la informacion, es decir, de donde proviene la info:

<% DO UNTIL rs.Eof %>
<TR>


<TD><b><CENTER> <a href="editor/detail.asp?Clave=<%= rs("Clave") %>" target="_blank"><font face="Verdana" size="1"><%= rs("Clave") %> </a></CENTER></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("EmployeeName") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("ProjectManagementOrientation") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("ProjectManagementFoundational") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("LeadershipInAProjectTeamEnvironment") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("UnderstandingWWPMM") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("CreatingAndTailoringProjectManagementSystem") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("IntroductiontoIBMRationalPortfolioManager") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("GettingStartedManagingProjectsInIBMRPM") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("CreatingAndManagingProjectSchedulesInIBMRPM") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("ManagingScopeExceptionsInIBMRPM") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("ContractingForProjectManagersSelfPaced") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("FinancialManagementForProjectManagersDistribut edLearning") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("ITILV3") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("GobalEnglish") %></b></TD>
<TD><b><CENTER><font face="Verdana" size="1"><%= rs("CursosInglesPresenciales") %></b></TD>

<% rs.MoveNext
LOOP
set rs = Nothing
OBJdbConnection.Close
set OBJdbConnection = Nothing%>
</tbody>
</table>


La informacion que contiene cada campo es "Complete" o "Incomplete".

Como lo agrego?

Gracias!!!!!!!
  #9 (permalink)  
Antiguo 15/10/2010, 10:16
Avatar de Myakire
Colaborador
  
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 22 años, 3 meses
Puntos: 146
Respuesta: Tablas con color
¿no sabes donde agregarlo?

Analizaste el código que te puse? vamos, son solo dos lineas ...

<%
DO UNTIL rs.Eof %>
<TR <%if rs("Estatus") = "Complete" Then response.write " bgcolor=""red""" Else response.write " bgcolor= ""silver""" End If%>>...
  #10 (permalink)  
Antiguo 18/10/2010, 15:53
 
Fecha de Ingreso: octubre-2010
Mensajes: 20
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: Tablas con color
jaja así somos muchos
Código ASP: 
Ver original
  1. <% DO UNTIL rs.Eof %>
  2. <TR<%if rs("Estatus") = "Complete" Then response.write " bgcolor=""red""" Else response.write " bgcolor= ""silver""" End If%>>
  3.  
  4.  
  5. <TD><b><CENTER> <a href="editor/detail.asp?Clave=<%= rs("Clave") %>" target="_blank"><font face="Verdana" size="1"><%= rs("Clave") %> </a></CENTER></b></TD>
  6. <TD><b><CENTER><font face="Verdana" size="1"><%= rs("EmployeeName") %></b></TD>
  7. <TD><b><CENTER><font face="Verdana" size="1"><%= rs("ProjectManagementOrientation") %></b></TD>...

Etiquetas: color, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 12:55.