Problema para mostrar el color del resultado en una tabla

Rockzilla · #1 (**permalink**) 31/07/2008, 13:23

Buenas aqui tengo una pequeña gran duda... estoy realizando unas estadisiticas usando porcentajes en javascript y reflejo los resultados con un color rojo, amarillo y verde el problema es q el resultado me lo toma como fondo completo de la pantalla y no dentro de una tabla como haria yo para mostrarla en una tabla se agradec todo tipo de ayuda

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>

<TITLE>Calculo de porcentaje </TITLE>

<META content="text/html; charset=windows-1251" http-equiv=Content-Type>

<meta name="DESCRIPTION"content="Rockzillla">

<meta name="KEYWORD"content="venezuela."> 

</HEAD>

<BODY style="FONT-FAMILY: Arial" bottomMargin=0 vLink=#000000 aLink=#000000 

link=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 rightMargin=0 ? size="2" 

face="arial" font>

 
<TABLE width=459 height="92" border=0 align=center cellPadding=0 cellSpacing=0>

  <TBODY> 

  <TR bordercolor="#0099FF"> 

    <TD width=459 align=left vAlign=top bordercolor="#FFFFFF"><TABLE cellSpacing=0 cellPadding=0 width=434 align=center border=0>

        <TBODY>

        <TR>

          <TD valign="top"> 

            <P align=center>

              <SCRIPT language=JavaScript>

 
 
function perc1() {

 a = document.form1.a.value/100;

 b = a*40;

 document.form1.total1.value = 40

 }

function perc2() {

 a = document.form1.c.value;

 b = 40;

 c = a/40;

 d = c*100;

document.form1.total2.value = d

 
if (d <=45){ document.bgColor='red'}

else {

if (d <=75){ document.bgColor='yellow'}

else {

if (d <= 100){ document.bgColor='green'}

 
   }

 
}

 }

 
{

 }

 
//-->

</SCRIPT>

            <P align=center> 

            <FORM name=form1>

              <TABLE width="510" height="100" border=1 cellPadding=1 cellSpacing=1>

                <TBODY><TR> 

                  <TD width="213" height="46"><font size="1"> 

                     <INPUT size=10 name=c>

                    porcentaje de 40 </font></TD>

                  <TD width="69"><font size="1">= 

                    <INPUT size=10 name=total2>

                    %</font></TD>

                  <TD width="57"><font size="1"> 

                    <INPUT onclick=perc2() type=button value=Calculo>

                    </font></TD>

                  <TD width="95"><p><font size="-1"><table width="99" border="1">

                    <tr>

                      <td width="89" height="59" name=tabla perc2()><div name=tabla onclick=perc2() align="center"  id="perc2()"></div></td>

                    </tr>

                  </table></font></p>

                  <TD align=middle 

colSpan=4> <CENTER><table><td>

                    <div align="center"> <font size="1"> 

                      <INPUT type=reset value=Reset>

                      </font></div>                  

               

<P align=center> <font face="Arial, Helvetica, sans-serif" size="2"> 

 
 
</font><BR>

<BR>

Adler · #2 (**permalink**) 31/07/2008, 14:37

Hola

Prueba así

Código PHP:

   <script language="JavaScript" type="text/javascript">
function perc() {
var a  = document.getElementById("cantidad").value;
var b = (a/40)*100
    if (b <=45)
    { 
    document.getElementById("color").style.backgroundColor='red';
    }
    else if  (b <=75)
    { 
    document.getElementById("color").style.backgroundColor='yellow';
    }
    else if (b <= 100)
    { 
    document.getElementById("color").style.backgroundColor='green';
    }
}
</script>

Código:

             <form name="form1">
              
                     <input type="text" name="cantidad" id="cantidad" value="" /> 
                
                    <input OnClick="perc();" type="button" value="Calculo" />
                  
              </form>

<table border="1">
<tr>
<td id="color">Estadistica</td>
</tr>
</table>

Suerte