Foros del Web - Ver Mensaje Individual - Meter en un input un resultado javascript

karenlorenadg · #18 (**permalink**) 01/11/2016, 21:51

Cita:

Iniciado por Triby

Coloca nuevamente tu html, en el primero tienes un div y un input con la misma id y eso puede ser la causa del problema.

Por otra parte, con javascript resuelves un poco lo estético y funcional, sin embargo también tendrás que hacer el cálculo en PHP; recuerda que todo lo que hay en el navegador se puede manipular fácilmente.

Este es todo mi html

Código HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sisgus - Resultados de su busqueda</title>
<link rel="stylesheet" type="text/css" href="../estilo/css/bootstrap.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../estilo/css/bootstrap-responsive.css">
<style type="text/css">
    /*Escritorio*/
@media  (min-width: 1200px) {
}

    /*Escritorio peqeño o tablet*/
@media  (min-width: 768px) and (max-width: 979px) {

}

    /*Tablet o Smartphone*/
@media  (max-width: 767px) {

}

    /*Smartphone*/
@media  (max-width: 480px) {

}
</style>


<script>

function p(){
var num1 = parseFloat(document.getElementById('n1').value);
var num2 =parseFloat(document.getElementById('n2').value);
var num3 = parseFloat(document.getElementById('n3').value);
var num4 = parseFloat(document.getElementById('n4').value);
var num5 = parseFloat(document.getElementById('n5').value);
var num6 = parseFloat(document.getElementById('n6').value);
var num7 = parseFloat(document.getElementById('n7').value);
var num8 = parseFloat(document.getElementById('n8').value);
var num9 = parseFloat(document.getElementById('n9').value);
var num10 = parseFloat(document.getElementById('n10').value);

var pro =(num1+num2+num3+num4+num5+num6+num7+num8+num9+num10)/10;
if(!isNaN(pro))
document.getElementById('promedio').innerHTML = pro.toFixed(2);
//document.getElementById("promedio_input").value=prom;

}


</script>




</head>

<body>

<DIV class="container">
    <div class="row-fluid">
        

   <div>
    
        <div class="row-fluid">
            <div class="page-header alert alert-success" align="right">
                
            </div>

        
            <div class="navbar">

                <div class="navbar-inner">
                    <a href="ver.php" class="brand">Listado</a>
                        <ul class="nav pull-right">
                        <li class="divider-vertical"></li>
                        <li><a href="contactar2.php">Soporte</a></li>
                        </ul>      
                    <form name="buscador" method="get" action="notas_6.php" class="navbar-search pull-right">
                        <input type="text" class="search-query" placeholder="Buscar Estudiante" name="search">
                        <a href="javascript:void(0)" title="Buscar" onClick="document.buscador.submit();">
                        <img src="http://www.forosdelweb.com/f18/images/lupa.png" width="24" height="24" border="0">
                        </a>
                    </form>

                </div>
            </div>
    </div>

  

<form action="edit_calif_6.php" method="post" name="form">



<div align="center">
    <h3 class="page-header alert alert-info">Calificar Estudiante <font face="verdana" color="green"><?php echo $reg["estudiante"];?></font> Grado <font face="verdana" color="green"><?php echo $reg["grado"];?></font></h3>
</div>


        <div align="center">
            <font face="verdana" size="4" color="#A04000">Ingrese aquí la calificacion que le corresponde en su area</font>
        </div>



    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">Matematicas</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="matematicas" value="<?php echo $reg["matematicas"];?>" id="n1" onkeyup="p();" />
    </div>
    <br>
    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">Ciencias Sociales</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="ciencias_sociales" value="<?php echo $reg["ciencias_sociales"];?>" id="n2" onkeyup="p();" />
    </div>

    <br>
    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">&Eacute;tica y Valores Humanos</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="etica" value="<?php echo $reg["etica"];?>" id="n3" onkeyup="p();" />
    </div>

    <br>
    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">Tecnolog&iacute;a e Inform&aacute;tica</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="informatica" value="<?php echo $reg["informatica"];?>" id="n4" onkeyup="p();" />
    </div>

    <br>
    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">Cienc. Naturales y Educ. Ambiental</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="ciencias_naturales" value="<?php echo $reg["ciencias_naturales"];?>" id="n5" onkeyup="p();" />
    </div>

    <br>
    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">Humanidades (Ingl&eacute;s)</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="humanidades_ingles" value="<?php echo $reg["humanidades_ingles"];?>" id="n6" onkeyup="p();" />
    </div>

    <br>
    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">Humanidades (Espa&ntilde;ol)</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="humanidades_spanish" value="<?php echo $reg["humanidades_spanish"];?>" id="n7" onkeyup="p();" />
    </div>

    <br>
    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">Religi&oacute;n</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="religion" value="<?php echo $reg["religion"];?>" id="n8" onkeyup="p();" />
    </div>

    <br>
    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">Artistica</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="artistica" value="<?php echo $reg["artistica"];?>" id="n9" onkeyup="p();" />
    </div>

    <br>
    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">Educ. Fisica Rec. Deporte</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="educ_fisica" value="<?php echo $reg["educ_fisica"];?>" id="n10" onkeyup="p();" />
    </div>

    <br>
    <div  class="input-prepend">
        <label for=""><font face="verdana" size="3" color="#8D1805">Conducta</font></label>
        <span class="add-on"><i class="icon-th-list"></i></span>
        <input type="text" name="conducta" value="<?php echo $reg["conducta"];?>" />
    </div>

    <br>
    <div id="promedio">
        <label for=""><font face="verdana" size="3" color="#8D1805">Promedio General</font></label>
        <input type="text" id="promedio" name="promedio"/>
    </div>



<br>

<div>
    <input type="hidden" name="idnota" value="<?php echo $_GET["idnota"];?>">
<input type="button" value="Volver" title="Volver" onClick="history.back();" class="btn btn-success"/>
&nbsp;&nbsp;||&nbsp;&nbsp;
<input type="submit" value="Calificar" title="Calificar" onClick="validar()" class="btn btn-success" />

</div>


</form>
<?php
}
?>

</DIV>

</body>
</html>