JavaScript - COMO PASAR VALORES DE UN FORMULARIO HTML A UNA FUN

 
Vista:

COMO PASAR VALORES DE UN FORMULARIO HTML A UNA FUN

Publicado por Titiushko (1 intervención) el 29/11/2010 01:11:50
Hola… ¡¡necesita ayuda!!
Estoy un poco perdido en esto, bueno les explico….
Estoy haciendo una graficas con jQuery usando jquery-1.4.2.min.js y visualize.jQuery.js este último es un plugin en jQuery para hacer las graficas y en ese aspecto estoy más o menos bien porque solo hay que llamara a la función para que me genere una grafica a partir de una tabla
Así lo hago:
<html>
<head>
<title>grafico</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src=" visualize.jQuery.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href=" visualize.css" />
<link rel="stylesheet" type="text/css" media="screen" href=" basic.css" />
<link rel="stylesheet" type="text/css" media="screen" href=" visualize-dark.css" />

<script type="text/javascript">
$(document).ready(function(){
var objeto = document.getElementById('opcion');
valor = objeto.value;
$('#mitabla').visualize({type:valor,width:400,height:400});
var cosa = $("div.visualize");
$("div.visualize").remove();
$("#nuevo").append(cosa);
});
</script>
<style>
div#nuevo{width:600px; margin-left:auto; margin-right:auto;}
/*table.porClase{display:none;}*/
</style>
</head>
<body>
<form>
<select id="opcion">
<option value="bar" onClick="function()">barra</option>
<option value="pie" onClick="function()">pastel</option>
</select>
</form>
<table id="mitabla" class="porClase">
<caption>prueba grafica</caption>
<thead>
<tr>
<td></td><th>VOTOS</th>
</tr>
</thead>
<tbody>
<tr><th>ARENA</th><td>150</td></tr>
<tr><th>FMLN</th><td>160</td></tr>
<tr><th>PCN</th><td>40</td></tr>
<tr><th>GANA</th><td>120</td></tr>
</tbody>
</table>
<div id="nuevo"></div>
</body>
</html>
Como ven, quiero que la grafica cambie de barra a pastel y viceversa con solo al hacer click a una de las opciones de la etiqueta selcet, quiero que esto sea dinámico sin ningún botón.
Lo que he intentado hacer es capturar el valor que se selecciona en la opción por medio del id “opcion” que le he puesto a la etiqueta select, pero al parecer solo agarra el primer valor y me genera una grafica de barras, solo cambia a grafica de pastel cuando actualizo la pagina y no quiero que funcione así.
Como se habran dado cuenta, nose mucho de javascript jeje, quicira que me ayudaran por favor
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

RE:COMO PASAR VALORES DE UN FORMULARIO HTML A UNA

Publicado por ScriptShow (692 intervenciones) el 29/11/2010 12:17:01
Saludos,

aquí encontrarás documentación relacionada:

http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with
___________________________________

En Flash, JavaScript, AJAX, HTML5, etc.:

http://www.fusioncharts.com/LiveDemos.asp

En fin, hay bastante información sobre el tema.

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar