Como dividir 2 valores en un combobox?

tavitooo · #1 (**permalink**) 01/05/2012, 12:10

Amigos tengo 2 combobox y quiero dividirlos el valor1 entre valor2, pero que el resultado sea como minimo el valor 2, y si fuera menos de 2 que salga un mensaje nose de por ejemeplo: "El valor debe ser minimo 2". Alguna ayuda por favor aca el link de mi ejemplito:

http://dl.dropbox.com/u/34409812/help.htm

Gracias!!

emprear · #2 (**permalink**) 01/05/2012, 12:39

Son operacines matemáticas básicas

Código Javascript:

Ver original<script type="text/javascript">
//<![CDATA[
var a = '6';
var b = '2';
a = parseInt(a);
b = parseInt(b);
var res = a/b;
if (res < 2){
alert('es menor que 2');
}else{
alert(res);
}
//]]>
</script>

Lectura recomendada
http://www.w3schools.com/js/js_operators.asp
Saludos

tavitooo · #3 (**permalink**) 01/05/2012, 12:50

hola hice lo que me indica, pero no me muestra el mensaje de alert aca va mi codigo:

function operacionvalue1() {
valor1 = parseInt(document.formulario.precio.value);
valor2 = parseInt(document.formulario.usuarios.value);

resultado = valor1/valor2

if (resultado < 2 ){

alert('es menor que 2');
}else{
alert (resultado);
}

tavitooo · #4 (**permalink**) 01/05/2012, 13:02

ok ya me salio, pero una consulta el resultado me sale asi: 0.4705548 y quisiera que salga solo por ejemplo 0.45 los o 1.45

chinanzio · #5 (**permalink**) 01/05/2012, 13:03

Cita:

Iniciado por tavitooo

hola hice lo que me indica, pero no me muestra el mensaje de alert aca va mi codigo:

function operacionvalue1() {
valor1 = parseInt(document.formulario.precio.value);
valor2 = parseInt(document.formulario.usuarios.value);

resultado = valor1/valor2

if (resultado < 2 ){

alert('es menor que 2');
}else{
alert (resultado);
}

Que navegador usas , por casualidad es chrome ?
en la funciona anterior chrome se detendría en la primera linea diciendo que la variable valor1 no se declaro, al menos con chromium en linux he visto eso, de todas maneras para conservar memoria es recomendable declarar las variables con un simple var delante, por lo del recolector de basura

prueba a poner un alert con los valores de las variables valor1 y valor2 a lo mejor

chinanzio · #6 (**permalink**) 01/05/2012, 13:04

Cita:

Iniciado por tavitooo

ok ya me salio, pero una consulta el resultado me sale asi: 0.4705548 y quisiera que salga solo por ejemplo 0.45 los o 1.45

var variable = 0.544534;
var formateada = variable.toFixed(2);

emprear · #7 (**permalink**) 01/05/2012, 13:10

Cita:

Iniciado por tavitooo

ok ya me salio, pero una consulta el resultado me sale asi: 0.4705548 y quisiera que salga solo por ejemplo 0.45 los o 1.45

Código Javascript:

Ver originalalert(res.toFixed(2));

http://www.w3schools.com/jsref/jsref_tofixed.asp

saludos

tavitooo · #8 (**permalink**) 01/05/2012, 13:14

gracias ya me anda de maravilla, ahora lo que me falta es que me imprima en un campo ya que actualmente me saca alert!. le he puesto esto dentro de una tabla en un <td> pero no me muestra:

<td height="71" width="284">
<script language="Javascript">
print (formaresultado);
</script>
</td>

chinanzio · #9 (**permalink**) 01/05/2012, 13:21

Cita:

Iniciado por tavitooo

gracias ya me anda de maravilla, ahora lo que me falta es que me imprima en un campo ya que actualmente me saca alert!. le he puesto esto dentro de una tabla en un <td> pero no me muestra:

<td height="71" width="284">
<script language="Javascript">
print (formaresultado);
</script>
</td>

en lugar de print prueba con:

Código Javascript:

Ver originaldocument.write(formaresultado);

tavitooo · #10 (**permalink**) 01/05/2012, 13:29

Que extraño no me imprime ya le acabo de poner como me indicas quiero que cuando caiga al ELSE me imprima en el table dentro del TR!.

-------

En mi <head> tengo este codigo del que hablamos

<script language="Javascript">
function operacionvalue1() {

valor1 = document.formulario.precio.value;
valor2 = document.formulario.usuarios.value;

resultado = valor1/valor2

var formaresultado = resultado.toFixed(2);

if (formaresultado < 2 ){

alert('El resultado por usuario es ' +formaresultado+ ' por lo tanto es menor que 2, minimo es de 2');
}else{

ACA quiero que imrpima pero dentro de mi tabla!!

} }
</script>

-------

<td height="71" width="284">
<script language="Javascript">
document.write(formaresultado);
</script>
</td>

emprear · #11 (**permalink**) 01/05/2012, 13:31

Cita:

Iniciado por tavitooo

gracias ya me anda de maravilla, ahora lo que me falta es que me imprima en un campo ya que actualmente me saca alert!. le he puesto esto dentro de una tabla en un <td> pero no me muestra:

<td height="71" width="284">
<script language="Javascript">
print (formaresultado);
</script>
</td>

print se usa para imprimir, no para sacar algo en pantalla.

Al elemento que quieras muestre el menjaje dale un id (id="resultado" por ejemplo
finalmente en lugar del alert haces
document.getElementById('resultado').inneHTML = res;

Te aclaro un detalle sobre toFixed usado previamente, este, formatea el nimero, pero lo transforma en una cadena, para que siga siendo un numero, redondeas asi

var redondear= Math.round (res*100) / 100 // 100, centesimas, 1000, milesimas etc

Saludos

chinanzio · #12 (**permalink**) 01/05/2012, 13:37

Cita:

Iniciado por tavitooo

Que extraño no me imprime ya le acabo de poner como me indicas quiero que cuando caiga al ELSE me imprima en el table dentro del TR!.

-------

En mi <head> tengo este codigo del que hablamos

<script language="Javascript">
function operacionvalue1() {

valor1 = document.formulario.precio.value;
valor2 = document.formulario.usuarios.value;

resultado = valor1/valor2

var formaresultado = resultado.toFixed(2);

if (formaresultado < 2 ){

alert('El resultado por usuario es ' +formaresultado+ ' por lo tanto es menor que 2, minimo es de 2');
}else{

ACA quiero que imrpima pero dentro de mi tabla!!

} }
</script>

-------

<td height="71" width="284">
<script language="Javascript">
document.write(formaresultado);
</script>
</td>

Supongo que la funcion operacionvalue1() se llama una vez que la pagina ya se cargó. Si no es asi entonces la declaracion de la tabla tiene que ir antes de la llamada a la funcion.

Yo imprimiria el resultado dentro de la tabla haciendo lo siguiente:

Código HTML:

<td height="71" width="284" id="id-del-td">
  </td>

Código Javascript:

Ver originalfunction operacionvalue1()   {
 
valor1 = document.formulario.precio.value;
valor2 = document.formulario.usuarios.value;
 
resultado = valor1/valor2
 
var formaresultado = resultado.toFixed(2);
 
 
if (formaresultado < 2 ){
 
alert('El resultado por usuario es  ' +formaresultado+ ' por lo tanto es menor que 2, minimo es de 2');
}else{
 
var td = document.getElementById("id-del-td");
td.innerHTML = 'El resultado por usuario es  ' +formaresultado+ ' por lo tanto es menor que 2, minimo es de 2';
  }     }

tavitooo · #13 (**permalink**) 01/05/2012, 13:41

La funcion operacionvalue1() se llama de un onchange de un dropdown cada ves que se haga cambios en dicho dropbox. cambia los valores y ejecuta dicha funcion.
<select size="1" name="precio" onchange="operacionvalue1();" >
a ver voy a probar lo que me indicaste a ver como me va

tavitooo · #14 (**permalink**) 01/05/2012, 14:41

Excelente ya me salio!, solo que cuando escojo una opcion del combobox y me sale el mensaje este de: "El resultado por usuario es .. por lo tanto es menor que 2, minimo es de 2", pues se queda en el valor escogido, no habra forma de que cuando salga ese mensaje se vaya a la opcion escogida anterior correcta?. mm creo que esto ya se me complica un poquito

tavitooo · #15 (**permalink**) 01/05/2012, 14:58

ok ya le di una solucion, mi consulta seria, como capturar el valor como resultado y ponerlo en una variable para guardarlo en una base de datos ya que tengo este codigo:

<td height="71" width="284" id="id-del-td">
<script language="Javascript">
document.write(formaresultado);
</script>

ese valor que me da en este javascript quiero guardarlo en mi base de datos, o como ponerlo con un Hidden?

emprear · #16 (**permalink**) 01/05/2012, 15:07

Si sabíamos te hacíamos todo el script completo ....

A ver
primero, no se como te quedó, porque esto

Código Javascript:

Ver originalif (formaresultado < 2 ){
 
alert('El resultado por usuario es  ' +formaresultado+ ' por lo tanto es menor que 2, minimo es de 2');
}else{
 
var td = document.getElementById("id-del-td");
td.innerHTML = 'El resultado por usuario es  ' +formaresultado+ ' por lo tanto es menor que 2, minimo es de 2';
  }     }

porque en ambos casos es lo mismo el mensaje
después hay que ver como hicste tus selects, que deberían ser algo asi

Código HTML:

Ver original<select name="precio" onchange="funcion();">
<option value="">Seleccionar</option>
<option value="1">1</option>
<option value="2">3</option>
</select>

Entonces (ojo, está abreviado)

Código Javascript:

Ver originalfunction funcion(){
// aca van las variables y operaciones
if(resultado != ""){
 
 if(resultado < 2){
 x.innerHTML = "Error, menor que dos";
 }else{
 x.innerHTML = "Correcto";
 
}else{
x.innerHTML = ""; // eliminas el mensaje
}
 
}

chinanzio · #17 (**permalink**) 01/05/2012, 15:11

Cita:

Iniciado por tavitooo

ok ya le di una solucion, mi consulta seria, como capturar el valor como resultado y ponerlo en una variable para guardarlo en una base de datos ya que tengo este codigo:

<td height="71" width="284" id="id-del-td">
<script language="Javascript">
document.write(formaresultado);
</script>

ese valor que me da en este javascript quiero guardarlo en mi base de datos, o como ponerlo con un Hidden?

Código HTML:

<input type="hidden" name="el-nombre" id="el-id" />

Este input ponelo dentro del formulario

Código Javascript:

Ver originalvar elHidden = document.getElementById("el-id");
elHidden.value = formaresultado;

tavitooo · #18 (**permalink**) 01/05/2012, 15:30

Ups, caray no me salio, le puse el codigo hidden dentro del <td> y al hidden le puse un nombre llamado "resultado2" y en el javascript lo puse al final pero no entiendo como le asignas que a ese hidden le pasas el valor?. aca van los codigos:

-------
<script language="Javascript">
function operacionvalue1() {

valor1 = document.formulario.precio.value;
valor2 = document.formulario.usuarios.value;

resultado = valor1/valor2

var formaresultado = resultado.toFixed(2);

if (formaresultado < 2 ){

aalert('El resultado por usuario es ' +formaresultado+ ' por lo tanto es menor que 2, minimo es de 2');
var td = document.getElementById("id-del-td");
td.innerHTML = '<font color=#FF0000> ' + formaresultado + '<-- Error no puede ser menor a 2<font> ';
}else{

var td = document.getElementById("id-del-td");
td.innerHTML = formaresultado;
} }

var elHidden = document.getElementById("el-id");
elHidden.value = formaresultado;

</script>
--------
Y aca va el Hidden dentro del <td..>

<td height="71" width="284" id="id-del-td">

<script language="Javascript">
document.write(formaresultado);
</script>
<input type="hidden" name="resultado2" id="el-id" />
</td>

--------
Y este es mi combobox
<select size="1" name="precio" onchange="operacionvalue1();" >

-------

tavitooo · #19 (**permalink**) 01/05/2012, 15:32

Perdon y en Hidden no se pone Value? para cuando lo ejecute y le de ver codigo fuente en el browser ver que valor me esta devolviendo y comprobar.

chinanzio · #20 (**permalink**) 01/05/2012, 15:45

Cita:

Iniciado por tavitooo

Perdon y en Hidden no se pone Value? para cuando lo ejecute y le de ver codigo fuente en el browser ver que valor me esta devolviendo y comprobar.

Código Javascript:

Ver originalfunction operacionvalue1() {
    valor1 = document.formulario.precio.value;
    valor2 = document.formulario.usuarios.value;
 
    resultado = valor1 / valor2
 
    var formaresultado = resultado.toFixed(2);
 
    if (formaresultado < 2) {
        alert('El resultado por usuario es ' + formaresultado + ' por lo tanto es menor que 2, minimo es de 2');
        var td = document.getElementById("id-del-td");
        td.innerHTML = '<font color=#FF0000> ' + formaresultado + '<-- Error no puede ser menor a 2<font> ';
    } else {
 
        var td = document.getElementById("id-del-td");
        td.innerHTML = formaresultado;
        
        var elHidden = document.getElementById("el-id");
        elHidden.value = formaresultado;
    }
}

la asignacion del valor del hidden la puse dentro de la funcion operacionvalue1 ya que entiendo que este valor será actualizado cuando se ejecute la misma, ademas se necesita que la variable formaresultado exista. Tal como estaba en el codigo que me habias mostrado, esta asignación se hacía fuera de la función y solo una vez.

Al hidden si quieres le puedes poner el atributo value, no es estrictamente necesario.

Código HTML:

Ver original<input type="hidden" name="resultado2" id="el-id" value="" />

tavitooo · #21 (**permalink**) 01/05/2012, 16:06

Gracias Chinanzio hice lo que me indica, pero cuando le doy a la pagina web ver codigo fuente en el Hidden lo veo igual de vacio el value dice esto:
<input type="hidden" name="resultado2" id="el-id" value="" />

pero no le asigna al hidden el valor del resultado :(, gracias maestro por su explicación.

chinanzio · #22 (**permalink**) 01/05/2012, 16:28

Cita:

Iniciado por tavitooo

Gracias Chinanzio hice lo que me indica, pero cuando le doy a la pagina web ver codigo fuente en el Hidden lo veo igual de vacio el value dice esto:
<input type="hidden" name="resultado2" id="el-id" value="" />

pero no le asigna al hidden el valor del resultado :(, gracias maestro por su explicación.

Eso está bien, el valor asignado en javascript no se vé cuando ves el código HTML.
Con el firebug si que se puede ver.
Fijate si el valor llega al servidor al hacer el submit del formulario. si todo va bien debería estar ahí

NOTA: Aprende a usar el firebug si desarrollas con firefox, las herramientas de desarrollador del chrome y las del internet explorer, te vas a ahorrar horas y dolores de cabeza

tavitooo · #23 (**permalink**) 01/05/2012, 17:00

Interesante muchas gracias amigo, lo tomare en cuento y lo hare ahora mismo!!. gracias por todo a ambos chinanzio y emprear. Sigan asi enseñan mucho y recomiendan buenas opciones.

Saludos y exitos!!!

post data: quisas les vuelva a fastidiar mas adelante jeje :)