Formulario Libre HTML 2.0.N

Formulario Libre HTML

Código de Referencia

<div class="modal fade" id="AgregarProductoMO" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Seleccionar Imágen del Producto a Agregar</h4>
      </div>
      <div class="modal-body">
        
        <div class="form-group">
        	<label for="costoFC" class="col-form-label">Nombre Producto:</label>
            	<span id="nombreProductoFC"></span>
                <input type="hidden" id="idProductoFC">
        </div>
        <div class="form-group">
        	<label for="precio1FC" class="col-form-label">Imágen:</label>
            	<input type="file" accept="image/jpeg" class="form-control" id="imagenFC">
        </div>
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
        <button type="button" class="btn btn-primary" id="guardarProductoCM">Guardar</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="ImagenMO" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Imágen</h4>
      </div>
      <div class="modal-body">
        
        <img id='imagenIM' style='width:100%; max-width:200px;'>
        
      </div>  
    </div>
  </div>
</div>

<!-- Marco general -->
<div class="row">
	<!-- Buscador Artículos -->
    <div class="col-md-1">Texto</div>
	  <div class="col-md-3">
		  <input type="text" class="form-control" id="TextoTX"/>
	  </div>
	  <div class="col-md-2">
		<button id="ListarCM" class="btn btn-default" type="button">Listar</button>
	  </div>
	  <div class="col-md-2">
		
	  </div>
      <div class="col-md-2">
		<button id="PublicarCM" class="btn btn-default" type="button">Publicar</button>
	  </div>
      <div class="col-md-2">
		<a id="VersitioCM" class="btn btn-default" href="" target="_blank">Ver Micrositio</a>
	  </div>
</div>


<div class="row">
    <div class="col-md-1">Página</div>
    <div class="col-md-2">
		  <select class="form-control" id="PaginaDL">
			  <option value="1">1</option>
		  </select>
	  </div>
</div>  
<div class="row">
	<!-- Lista de Articulos -->
	<div class="col-md-6">
        <div class="table">
            <table id="ContenidoPH_TablaTA" class="table table-striped table-hover tablaProductos">
                <thead>
                    <tr class="encabezadoTabla">
                        <th class="tablaProductosProveedor">Cód.</th>
                        <th class="tablaProductosNombre">Nombre</th>
                        <th class="tablaProductosCodigoBarras">Código Barras</th>
                        <th class="tablaProductosPrecio">Uni.Bul.</th>
                        <th class="tablaProductosPrecio">Stock Actual</th>
                        <th>&nbsp;</th>

                    </tr>
                </thead>
                <tbody id='registros'>
                </tbody>
            </table>
        </div>

    </div>
    <!-- Micrositio -->
    <div class="col-md-6">
    	<div class="col-md-12 micrositioTituloProductosPublicados">
        	Listado de Productos Publicados:
        </div>
        <div class="col-md-12" id='productosPublicados'>
        	
        </div>
    	
    </div>
</div>