Ver Mensaje Individual
  #3 (permalink)  
Antiguo 12/11/2014, 08:11
groupde
 
Fecha de Ingreso: noviembre-2014
Mensajes: 3
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Formulario con div que incluye drago and drop

Ok, este el el código. Gracias de antemano.
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
<script src="https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.min.js"></script>
<style>
#contenedor: { width: 800px; height: 600px; margin: auto;}
#objeto1 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
#caja_principal { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
#almacen {float: left; background-color: #e8e8e8; width: 300px; height: 500px; border: 1px solid #333; border-radius: 3px; }
#stage {float: left; background-color: #d1d1d1; width: 500px; height: 500px; border: 1px solid #333; border-radius: 3px;}
</style>

<script>
$(function() {
$( ".objeto1" ).draggable({
dragstar: function( event, ui ) {
return empezar(event);
}
});

$( ".objeto2" ).draggable({
dragstar: function( event, ui ) {
return empezar(event);
}
});
});
</script>
<body>


<section class="formulario">
<!-- Aqui va el codigo del formulario -->

<form action="contacto.php" method="post">
<label for="nombre">Nombre:</label>
<input id="nombre" type="text" name="nombre" placeholder="Nombre y Apellido" required="" /><br/>
<label for="email">Email:</label>
<input id="email" type="email" name="email" placeholder="[email protected]" required="" /><br/>
<label for="mensaje">Mensaje:</label>
<textarea id="mensaje" name="mensaje" placeholder="Mensaje" required=""></textarea><br/>
<div id="stageplot" name="stageplot" >

<div id='contenedor' name="contenedor">
<div id='almacen'>
<div id="olakease">
<p style=text-align:left>· </p>
</div>

<div id="olakease2" class="objeto2">
<p>guitarra 2</p>
</div>
</div>
<div id='stage'><h1> STAGE </h1></div>
</div>
</div>

<br/>
<input id="submit" type="submit" name="submit" value="Enviar" />
</form>

</section>
</body>