Foros del Web - Ver Mensaje Individual

sychowaves · #2 (**permalink**) 02/07/2010, 16:09

Basicamente ya lo puse a funcionar, pues lo he probado, lo que no se es como hacer ahora que ya lo tengo funcionando quitarles 2 botones y quede uno, para que se visualize aqui va el codigo completo funcionando... literarlmente puedo observar que las funciones de la seleccion tiene que ver con el envio de los datos, al persivir que fata uno, no muetra el grafico pero no veo la funcion, la he revisado de arriba a bajo que loco esta esto

Inicio en pagina PHP Codigo HTML

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="author" content="Kart Buscado http://sychowaves.coml.com" />
<meta name="description" content="Uso de javascript para generar graficos sencillos" />
<meta name="keywords" content="funcion javascript raton" />
<title>Gr&aacute;fico de barras</title>
<link rel="stylesheet" type="text/css" href="estilos.css" />
<script type="text/javascript" src="Funciones.js"></script>
 
<table summary="" width="80%">
<tr><td align="center">
<form name="formulario" action="">
<input type="button" class="boton" id="Mostrar" value="Mostrar" onMouseOver="window.document.getElementById('Ejemplo').style.visibility='visible'; window.document.getElementById('Contenedora').style.visibility='hidden'; window.document.formulario.Codigo.value='Ver Codigo'; Representa();"> 
<input type="button" class="boton" id="Ocultar" value="Ocultar" onMouseOut="window.document.getElementById('Ejemplo').style.visibility='hidden'; window.document.getElementById('Contenedora').style.visibility='hidden'; window.document.formulario.Codigo.value='Ver Codigo';"> 
<input type="button" class="boton" id="Codigo" value="Ver Codigo" onClick="window.document.getElementById('Ejemplo').style.visibility='hidden'; Conmutar();">
</form></td></tr>
</table>
 
 
<div id="Capa_Principal" style="position: relative; width: 90%;">
<div id="Ejemplo" style="visibility: visible; position: absolute; top: 0px; z-index: 0; width: 100%;" class="caja">
<table colspec="1">
<tr><td><h3>Titulo del Gr&aacute;fico</h3>
    <p align=center id="fecha"></p></td></tr>
<tr><td>
<div id="fondo" style="top: 10px; left: 10px; height: 600px;" class="fondodiv">
<h3>Valores del Gr&aacute;fico</h3>
</div>
</td></tr>
<tr><td class="pequeno"><br><b>Nota:</b> Las datos previstos se calculan en funci&oacute;n de los datos medios del 
a&ntilde;o hasta la fecha de actualizaci&oacute;n.</td></tr>
</table>
</div>
 
<div id="Contenedora" style="visibility: visible; position: absolute; top: 0px; z-index: 1;" class="caja">
<p><b>Estilos utilizados</b></p>
<pre>
 
 
</pre>
 
<p&><b>C&oacute;digo HTML</b></p>
<pre>
 
</pre>
</div>
</div>
</body>
</html>

Mis funciones JavaScript

Código Javascript:

Ver originalvar ancho=48;
var ano=new Array("1999","2000", "2001", "2002", "2003", "2004", "2005", "2006", "2007", "2008", "2009", "2010");
var Datos=new Array(1131, 1763, 2927, 4917, 5992, 7055, 8825, 9614, 8077, 7780, 7947, 4128);
var Fecha=new Date(2005,10,20);     // LOS MESES EMPIEZAN DESDE 0 => HAY QUE PONER EL MES ACTUAL MENOS 1
var F_Escala=25;
 
function Rellena_Ceros(cadena,N)
{
var k=0;
var resultado=cadena.toString();
for (k=resultado.length; k<N; k++)
        resultado="0" + resultado.toString();
return resultado;
}
 
function Puntua(valor)
{
var i=0;
var resultado=Rellena_Ceros((valor%1000),3);
var resultado=valor%1000;
var tmp=parseInt(valor/1000);
while (tmp>0)
    {
    resultado=Rellena_Ceros((tmp%1000),3) + "." + resultado;
    tmp=parseInt(tmp/1000);
    }
while (resultado.charAt(0)=="0")                        // Quitar los 0 iniciales
    resultado=resultado.substring(1,resultado.length);
return resultado;
}
 
function Representa()
{
var i=0;
var contenido;
window.document.getElementById("fondo").style.width=ano.length*(ancho+5)+20;
window.document.getElementById("fondo").style.background= "#FFFFCC";
window.document.getElementById("fecha").innerHTML="Datos en miles a fecha: " + Fecha.getDate() + "/" +
            (Fecha.getMonth()+1) + "/" + Fecha.getFullYear();
for (i=0; i<ano.length; i++)
    {
    posicion=(i*(ancho+5))+10;
    altura=Datos[i]/F_Escala;
    valor=Puntua(Datos[i]);
    contenido=window.document.getElementById("fondo").innerHTML;
    window.document.getElementById("fondo").innerHTML=contenido + "<div class=\'azul\' id=\'" + ano[i].toString() + 
        "\' style=\'z-index: 1; bottom: 30px;\' title=\'" + valor + "\'>" + Datos[i] + "</div>";
    window.document.getElementById(ano[i]).style.bottom=30;
    window.document.getElementById(ano[i]).style.left=posicion;
    window.document.getElementById(ano[i]).style.height=altura;
    window.document.getElementById(ano[i]).style.width=ancho;
    contenido=window.document.getElementById("fondo").innerHTML;
    window.document.getElementById("fondo").innerHTML=contenido + "<span style=\'color: #000077; position: absolute; bottom: 15px; left: " +
         (posicion+10) + "px;\'>" + ano[i] + "</span>"
        }
Prevision(i-1);      // Representar la prevision en función de los datos del ultimo año
}
 
function Prevision(V)
{
var contenido;
Origen = new Date(Fecha.getFullYear(),0,1);         // Primer dia del año
Final = new Date(Fecha.getFullYear(), 11,31);           // Ultimo dia del año
N_Dias=1+(Final.valueOf()-Origen.valueOf())/86400000;       // Dias totales del año, por si es bisiesto
Dias=1+(Fecha.valueOf()-Origen.valueOf())/86400000;     // Dia Juliano de la fecha de actualizacion de los datos
Diario=Math.round(Datos[V]/Dias);               // Respuestas medias por dia
Estimado=Diario*N_Dias;                     // Respuestas estimadas
posicion=(V*(ancho+5))+10;                  // dimensiones, posicion y texto a poner en la barra grafica
altura=Estimado/F_Escala;
valor=Puntua(Estimado);
contenido=window.document.getElementById("fondo").innerHTML;
window.document.getElementById("fondo").innerHTML=contenido + "<div class=\'lila\' id=\'Previsto\' style=\'z-index: 0; bottom: 30px;\' title=\'Respuestas Previstas " + valor + "\'></div>";
window.document.getElementById("Previsto").style.bottom=30;
window.document.getElementById("Previsto").style.left=posicion;
window.document.getElementById("Previsto").style.height=altura;
window.document.getElementById("Previsto").style.width=ancho;
contenido=window.document.getElementById("fondo").innerHTML;
window.document.getElementById("fondo").innerHTML=contenido + "<span style=\'color: #000077; position: absolute; bottom:" + (altura+30) +"; left: " + posicion + "px;\'> Previsto<br>" + Estimado + "</span>"
}

Lomas importante las CSS

Código CSS:

Ver original.fondodiv {
    position: relative;
    border-style: ridge;
    border-width: 1px;
    font-size: 10px;
    font-weight: bold;
    vertical-align: bottom;
    text-align: center;
}
.lila {
    position: absolute;
    background-color: #CC99FF;
    border-color: #CC99FF;
    color: white;
    width: 75px;
    vertical-align: middle;
}
.azul {
    position: absolute;
    color: white;
    background-color: #4444FF;
    border-color: #4444FF;
    width: 75px;
    vertical-align: middle;
}
.pequeno {
  font-size: 8px;
    font-style: italic;
}

de Hecho corre perfecto hasta que le quito los botones que ya no quiero que salgan pero como les dije los quito y la funcion desconocida no me deja ver los graficos de barra....

AYUDA...... Alguien que sepa algo de java estara por alli?........ ;)