Problemas para dividir el contenido de 2 divs
Publicado por Unexes (124 intervenciones) el 28/11/2015 15:24:37
Buenas a tod@s.
Vereis tengo el código que os pongo a continuación, esta funcionando correctamente tal cual esta ahora, pero necesito que haga algo mas y eso no he conseguido hacerlo por lo tanto os detallo mi problema.
Lo que hace este código es leer de una base de datos y rellenar el "selector" y cuando cambiamos el valor del mismo "selA4" me pone en el <div id="Cantidad"> la cantidad seleccionada y en el <div id="PrecioTotal"> el valor correspondiente del campo "descripcion" de mi base de datos, y si el valor de descripcion es ==0 me aparece un texto.
Lo que necesito es añadir un nuevo Div que lo llamare "PrecioUnidad" y que en el mismo aparezca el valor resultante de la división del valor del div "PrecioTotal" dividido por el valor del div "Cantidad" con el fin de obtener en el nuevo div "PrecioUnidad" el precio por unidad ("PrecioTotal" dividido por "Cantidad").
Espero haberme explicado bien aunque he sido un poco repetitivo, supongo que habrá otras maneras de obtener el precio por unidad, si alguien quiere sugerirme que lo haría de otra forma estaré encantado en estudiar su idea.
GRACIAS por vuestra ayuda.
Vereis tengo el código que os pongo a continuación, esta funcionando correctamente tal cual esta ahora, pero necesito que haga algo mas y eso no he conseguido hacerlo por lo tanto os detallo mi problema.
Lo que hace este código es leer de una base de datos y rellenar el "selector" y cuando cambiamos el valor del mismo "selA4" me pone en el <div id="Cantidad"> la cantidad seleccionada y en el <div id="PrecioTotal"> el valor correspondiente del campo "descripcion" de mi base de datos, y si el valor de descripcion es ==0 me aparece un texto.
Lo que necesito es añadir un nuevo Div que lo llamare "PrecioUnidad" y que en el mismo aparezca el valor resultante de la división del valor del div "PrecioTotal" dividido por el valor del div "Cantidad" con el fin de obtener en el nuevo div "PrecioUnidad" el precio por unidad ("PrecioTotal" dividido por "Cantidad").
Espero haberme explicado bien aunque he sido un poco repetitivo, supongo que habrá otras maneras de obtener el precio por unidad, si alguien quiere sugerirme que lo haría de otra forma estaré encantado en estudiar su idea.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<link rel="stylesheet" type="text/css" href="../css/cav.css" />
<head>
<?php
require_once('../Connections/Probando.php');
mysqli_query($conexion, "SET NAMES 'utf8'");
?>
<body>
<div id="A4">
<div id="Selector">
<select name="sel_A4" id="sel_A4" class="select" onchange="mostrar(this, 'Cantidad', 'PrecioTotal', 'Conjunto' );">
<?php
$tablaseleccionA4 = mysqli_query($conexion,"SELECT * FROM prueba WHERE Activacion = '1' And Tamano= 'CTA4' ORDER BY Cantidad ASC");
while ($registroseleccionA4 = mysqli_fetch_array($tablaseleccionA4 ))
echo "<option value='".$registroseleccionA4['Cantidad']."' data-description='".$registroseleccionA4['Descripcion_Precio']."'> ".number_format($registroseleccionA4['Cantidad'], 0, ',', '.')."</option>";
mysqli_free_result($tablaseleccionA4);
?>
</select>
</div>
<div id="Cantidad" class="presentacion_cantidad"></div>
<div id="PrecioTotal" class="tarifa"></div>
<div id="Conjunto">Esto es solo texto que aparece cuando el valor en descripcion es igual a ==0</div>
</div><!-- Cierro A4 -->
<script type="text/javascript">
function mostrar( obj, valueDiv, nameDiv, conjuntoDiv ){
var container = document.getElementById(nameDiv) ;
var container1 = document.getElementById(valueDiv) ;
container1.innerHTML = obj[ obj.selectedIndex ].value.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
var container2 = document.getElementById(conjuntoDiv) ;
var description = obj[ obj.selectedIndex ].dataset.description;
if (description == 0){
document.getElementById(nameDiv).style.display ="none";
document.getElementById(valueDiv).style.display ="none";
document.getElementById(conjuntoDiv).style.display ='block';
} else {
container.innerHTML = description;
document.getElementById(nameDiv).style.display ="block";
document.getElementById(valueDiv).style.display ="block";
document.getElementById(conjuntoDiv).style.display ='none';
}}mostrar(document.getElementById("sel_A4"),"Cantidad", "PrecioTotal", "Conjunto");
</script>
</body>
</html>
Valora esta pregunta
0
