Ayuda con .php

Milenko2017 1 Publicaciones domingo, 9 de julio de 2017Fecha de inscripción domingo, 9 de julio de 2017 Última intervención - 9 jul 2017 a las 06:05
Hola estimados (as), espero estén súper. Estoy preparando Calculadora de corte de papales para una web... sin embargo, no puedo desarrollar el .php para enviar información. A continuación les adjunto html de diseño para que me ayuden a desarrollar el .php por favor, lo he intentado de mil maneras y nada me sale... La idea es que llegue toda esa info a un mail.- Muchas gracias.-


</head>
<body class="">
<div align="center">
<div class="container" id="calculadora_cortes">
<div class="row">
<div class="panel panel-default">
<div class="panel-body">
<form class="form-horizontal" role="form" id="form_calc">
<div class="row">
<div class="col-sm-6">
<h4 class="text-center">Tamaño del papel extendido</h4>
<div class="form-group">
<label class="control-label col-sm-4" for="papel_ancho">Ancho:</label>
<div class="col-sm-7">
<div class="input-group" id="grupo_papel_ancho">
<input class="form-control" id="papel_ancho" placeholder="Ancho" aria-describedby="basic-addon2" maxlength="5" tabindex="1" required>
<span class="input-group-addon" id="basic-addon2">cm</span>
</div>
</div>
<label class="control-label col-sm-4" for="papel_largo">Largo:</label>
<div class="col-sm-7">
<div class="input-group">
<input class="form-control" id="papel_largo" placeholder="Largo" aria-describedby="basic-addon2" maxlength="5" tabindex="2" required>
<span class="input-group-addon" id="basic-addon2">cm</span>
</div>
</div>
<label class="control-label col-sm-4" for="papel_gramaje">Gramaje:</label>
<div class="col-sm-7">
<input class="form-control" id="papel_gramaje" maxlength="3" placeholder="Gramaje">
</div>
</div>
<h4 class="text-center">Tamaño de corte</h4>
<div class="form-group">
<label class="control-label col-sm-4" for="corte_ancho">Ancho:</label>
<div class="col-sm-7">
<div class="input-group">
<input class="form-control" id="corte_ancho" placeholder="Ancho" aria-describedby="basic-addon2" maxlength="5" tabindex="3" required>
<span class="input-group-addon" id="basic-addon2">cm</span>
</div>
</div>
<label class="control-label col-sm-4" for="corte_largo">Largo:</label>
<div class="col-sm-7">
<div class="input-group">
<input class="form-control" id="corte_largo" placeholder="Largo" aria-describedby="basic-addon2" maxlength="5" tabindex="4" required>
<span class="input-group-addon" id="basic-addon2">cm</span>
</div>
</div>
</div>
<h4 class="text-center">Número de cortes deseado</h4>
<div class="form-group">
<label class="control-label col-sm-4" for="numero_cortes">Cortes:</label>
<div class="col-sm-7">
<input class="form-control" id="cortes_deseados" placeholder="No. de cortes">
</div>
</div>
</div>
<div class="col-sm-6">
<h4 class="text-center">Área de corte</h4>
<div id="dibujo" class="text-center">
<canvas height="250" width="250" id="micanvas">
Su navegador no soporta en elemento CANVAS
</canvas>
</div>
<span class="label label-danger"><span id="area_inutilizada">0</span>% sin utilizar</span>
<span class="label label-success"><span id="area_utilizada">0</span>% utilizado</span>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<button type="submit" class="btn btn-success" id="maximo">
<span class="glyphicon glyphicon-th"></span> Máximo
</button>
<button type="button" class="btn btn-success" id="orientacion_h">
Horizontal
</button>
<button type="button" class="btn btn-success" id="orientacion_v">
Vertical
</button>
<button type="submit" class="btn btn-success" id="reset">
<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Reset
</button>
</div>
</div>
</form>
<div class="" id="result_panel" style="">
<hr />
<div class="col-sm-12 text-center">
<h4 class=""><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> Reporte</h4>
</div>
<div class="form-horizontal">
<div class="row">
<div class="col-sm-6">
<label class="control-label col-sm-9" for="papel_ancho">Cortes por pliego:</label>
<div class="col-sm-3">
<span class="label-result" id="cortes_pliego">0</span>
</div>
<label class="control-label col-sm-9" for="cortes_utilizables">No. utilizables:</label>
<div class="col-sm-3">
<span class="label-result" id="cortes_utilizables">0</span>
</div>
<label class="control-label col-sm-9" for="numero_cortes_horizontal">No. horizontales:</label>
<div class="col-sm-3">
<span class="label-result" id="numero_cortes_horizontal">0</span>
</div>
<label class="control-label col-sm-9" for="numero_cortes_vertical">No. verticales:</label>
<div class="col-sm-3">
<span class="label-result" id="numero_cortes_vertical">0</span>
</div>
</div>
<div class="col-sm-6">
<label class="control-label col-sm-9" for="pliegos">No. de pliegos:</label>
<div class="col-sm-3">
<span class="label-result" id="pliegos">0</span>
</div>
<label class="control-label col-sm-9" for="numero_cortes">No. de cortes totales:</label>
<div class="col-sm-3">
<span class="label-result" id="numero_cortes">0</span>
</div>
<label class="control-label col-sm-6" for="peso">Peso final:</label>
<div class="col-sm-6" style="text-align: right;">
<span class="label-result" id="peso">0</span><span class="label-result"> Kg</span>
</div>
</div>
</div>
</div>
<div class="bs-example">
<div class="tab-content">
<div id="sectionA" class="tab-pane fade in active">
<div class="col-sm-12 text-right">
<button type="submit" class="btn btn-success" id="imprimir">
<span class="glyphicon glyphicon-print" aria-hidden="true"></span> Imprimir
</button>
<button type="submit" class="btn btn-success" data-toggle="modal" data-target="#sendMail">
<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Enviar por correo
</button>
</div>
</div>
<div id="sendMail" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Enviar resultados por correo</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form">
<div class="row">
<div class="col-sm-12">
<div class="col-sm-12" style="display: none;" id="alert_success">
<div class="alert alert-success">
<a href="#" rel="nofollow noopener noreferrer" target="_blank" class="close" data-dismiss="alert">×</a>
<strong>Correo enviado!</strong> en breve le llegara un correo al Email proporcionado.
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="nombre">Nombre:</label>
<div class="col-sm-9">
<input class="form-control" id="nombre" placeholder="Nombre">
</div>
<label class="control-label col-sm-2" for="empresa">Empresa:</label>
<div class="col-sm-9">
<input class="form-control" id="empresa" placeholder="Empresa">
</div>
<label class="control-label col-sm-2" for="telefono">Télefono:</label>
<div class="col-sm-9">
<input class="form-control" id="telefono" placeholder="Télefono">
</div>
<label class="control-label col-sm-2" for="email">E-Mail:</label>
<div class="col-sm-9">
<input type="email" class="form-control" id="email" placeholder="E-Mail" data-error="Correo electronico no valido">
</div>
<label class="control-label col-sm-2" for="comentario">Comentario:</label>
<div class="col-sm-9">
<textarea class="form-control" rows="5" id="comentario" placeholder="Comentario"></textarea>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-11 text-right">
<button id="enviar_correo" type="submit" class="btn btn-success" data-loading-text="Enviando...">
<span class="glyphicon glyphicon-send" aria-hidden="true"></span> Enviar
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>

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

</body>
</html>
Ver más