Carrito de Compras h1 {padding: .2em;margin: 0;font-size: 12px;text-align: center;} #products {float:left; width:200px; margin-right: 2em;} #cart {width: 300px; float:left; margin-left:20px;} #cart ol {margin:0; padding: 1em 0 1em 3em;} h3{background-color:#2075CA; color:#F8F8F8; height: 20px;padding:10px;} img{background-color: #D8D8D8;color: #393939;margin-bottom: 10px;padding: 10px;list-style: none;text-align: center;} li{background-color: #D8D8D8; color:#393939; margin-bottom:10px;padding:10px;list-style:none;} .carrito{width: 100px;height:auto; background-color:#FFFAFA;border:solid 1px #FF6366; border-radius:5px; } ol{width: 200px;height: auto;} .zona{background-color:#A1ECB5;} .activo{background-color:#29B34C;} .articulonew{width: 100px;} #product div ul table tr td {font-family: Verdana, Geneva, sans-serif;} #product div ul table {font-size: 10px;text-align: center;} #apDiv1 {position: absolute;left: 694px;top: 176px;width: 328px;height: 164px;z-index: 1;} $(function() { var cedula = document.getElementById("txtcedula").value; var factura= document.getElementById('txtfactura').value; var nombre= document.getElementById('txtcoger').value; var cantidad= document.getElementById('txtcant').value; var precio= document.getElementById('txtprecio').value; $("#catalog img").draggable({ appendTo: "body", helper: "clone" }); $("#cart ol").droppable({ activeClass: "zona", hoverClass: "activo", drop: function(event, ui){ $( this ).find( ".placeholder").remove(); var id=ui.draggable.attr('id'); //var cedula=ui.draggable.attr('cedula'); var ruta = "insertar.php"; $.ajax({ type: "POST", url: "insertar.php", data: ('cedula='+cedula+'&factura='+factura+'&nombre='+nombre+'&cantidad='+cantidad+'&precio='+precio), success: function (datos) { $("#respuesta").html(datos); } }) .done(function( msg ) { alert ("Guardado: " + msg ); window.location.reload(); }); $('').text(ui.draggable.text()).appendTo( this ); } }).sortable({ items: "img:not(.placeholder)", sort:function() { } }); });

Compras

1. Aadir Compra