Hola jorvidu necesito tu ayuda.
Necesito la ayuda de un experto en PHP.
Estoy haciendo un formulario y tengo 2 variables
Precio y Monto
precio es el costo de un producto y el monto es el porcentaje que debe pagar de ese precio en este caso un 20%.
Necesito que cuando introduzca un numero en el campo precio instantáneamente se muestre el 20% de el precio en el campo monto.
Este es el formulario
http://www.sajefashion.com/encargos/prueba.php
y ahí aparecen los campos que menciono.
este es el código
<?php
//proceso del formulario
// si existe "enviar"...
if (isset ($_POST['enviar'])) {
//recogemos las variables
$nombre=$_POST['nombre'];
$apellido=$_POST['apellido'];
$email=$_POST['email'];
$código=$_POST['código'];
$monto=$_POST['monto'];
$banco=$_POST['banco'];
$referencia=$_POST['referencia'];
$comprobante=$_POST['comprobante'];
$comentario=$_POST['comentario'];
//comprobamos si todos los campos fueron completados
if ($nombre!='' && $apellido!='' && $email!='' && $código!='' && $monto!='' && $banco!='' && $referencia!='' && $comentario!='') {
// si es asi armamos el html
$contenido = '<html><body>';
$contenido .= '<h2>Nuevo Encargo</h2>';
$contenido .= '<p>Enviado el '. Date("d M Y").'</p>';
$contenido .= '<hr />';
$contenido .= '<p>Nombre: <strong>'.$nombre.'</strong>';
$contenido .= '<p>Apellido: <strong>'.$apellido.'</strong>';
$contenido .= '<p>Email: <strong>'.$email.'</strong>';
$contenido .= '<p>Codigo(s): <strong>'.$código.'</strong>';
$contenido .= '<p>Monto: <strong>'.$monto.' BsF. </strong>';
$contenido .= '<p>Banco: <strong>'.$banco.'</strong>';
$contenido .= '<p>Nro. Deposito o Transferencia: <strong>'.$referencia.'</strong>';
$contenido .= '<p>Comprobante de Pago: <strong>'.$comprobante.'</strong>';
$contenido .= '<p>Comentario: <strong>'.$comentario.'</strong>';
$contenido .= '<hr />';
$contenido .= '</body></html>';
// si todos los campos fueron completados enviamos el mail
mail ("[email protected]", "Referencia $referencia", $contenido, "From: $email\nContent-Type: text/html; charset=iso-8859-1\nContent-Transfer-Encoding: 8bit");
$flag='ok';
$mensaje='<div id="ok">Gracias por tu solicitud, en un lapso no mayor a 24 horas hábiles nos comunicaremos contigo. <br />
<br />
<br />
<a href="http://sajefashion.com">Finalizar</a></div>';
} else {
//si no todos los campos fueron completados se frena el envio y avisamos al usuario
$flag='err';
$mensaje='<div id="error">Todos Los Campos Son Requeridos</div>';
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Sa&Je</title>
<style>
body {
font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;
background-image: url(http://sajefashion.com/encargos/imagen_formulario2.2.jpg);
background-repeat: no-repeat;
background-color: black;
}
#form {
border: 3px double #eaeaea;
background-color: #fafafa;
padding: 10px;
width: 400px;
margin: auto;}
#form h2{
font-size: 1.5em;
margin: 0 0 1em 0;
padding: 0 0 0.5em 0;}
#form .campo {
border: 1px solid #999;
padding: 0.3em;
font-size: 1.2em;}
#form .error {
border: 1px solid #F00;
padding: 0.3em;
font-size: 1.2em;}
#form .com {
border: 1px solid #999;
padding: 0.3em;
font-size: 1.2em;
width:20em;
height: 10em;
font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}
#form .com-error {
border: 1px solid #F00;
padding: 0.3em;
font-size: 1.2em;
width:20em;
height: 10em;
font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}
#form .boton {
border: 2px solid #999;
padding: 0.3em;
font-size: 1.2em;
width: 4em;}
#error {
border: 1px dashed #F00;
background-color: #FFF;
padding: 5px;}
#ok {
border: 1px dashed #060;
background-color:#FFF;
padding: 5px;}
</style>
</head>
<body>
<div id="form">
<h2 align="center">Nuevo Encargo</h2>
<? Echo $mensaje; /*mostramos el estado de envio del form */ ?>
<? If ($flag!='ok') { ?>
<form action="nuevo.php" method="post" enctype="multipart/form-data">
<p>Nombre*
<input <? If (isset ($flag) && $_POST['nombre']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="nombre" value="<? Echo $_POST['nombre'];?>" />
</p>
<p>Apellido*
<input name="apellido" type="text" id="apellido" value="<? Echo $_POST['apellido'];?>" <? If (isset ($flag) && $_POST['apellido']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> />
<br />
</p>
<p>Email*
<input <? If (isset ($flag) && $_POST['email']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="email" value="<? Echo $_POST['email'];?>" />
</p>
<p>Codigo(s) Productos*
<input name="código" type="text" id="código" value="<? Echo $_POST['código'];?>" <? If (isset ($flag) && $_POST['código']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> />
</p>
<p>Monto*
<input name="monto" type="text" id="monto" value="<? Echo $_POST['monto'];?>" <? If (isset ($flag) && $_POST['monto']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> />
</p>
<p>Banco*
<label for="banco"></label>
<select name="banco" id="banco">
<option value=" ">-- Selecione -- </option>
<option value="BANESCO">BANESCO</option>
<option...
1 respuesta
Para lo primero puedes utilizar javascript para rellenar campos de formulario. Para lo segundo deberás usar Jquery... sería un poco largo explicarlo por aquí, pero te recomiendo que sigas los tutoriales de www.dreamweaver-tutoriales.com
