Denunciar

Ayuda con .php

Haz una pregunta Milenko2017 1Publicaciones domingo, 9 de julio de 2017Fecha de inscripción domingo, 9 de julio de 2017 Última intervención
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>

Los miembros obtienen más respuestas que los usuarios anónimos.

Ser miembro te permite llevar un seguimiento detallado de tus consultas.

Ser miembro te permite disfrutar de opciones adicionales.

¿Todavía no eres usuario?

¡Inscríbete, es gratis y toma menos de un minuto!