Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 68
Sexo: Masculino

salvar posiçao da div

11-11-2011 13:46

Bom estou desenvolvendo um sistema mt enteressante onde o usuario podera ter uma pagina propia e adicionar imagens e talz e arrastalar com dragabble mas preciso da ajuda de vcs n estou dando conta de salvar as posiçoes das divs e depois enviar essas posiçoes salvas para um banco de dados e criar uma outra pagina onde recebera essas posiçoes ja salvas ta ae o começinho qe eu fisso

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Movendo iten</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css">           #espaco{               width:800px;     height:600px;     background:url(Images/bg.png);     margin: 10px auto 0px auto;           }           #espaco .item{                             background: none;               cursor: pointer;               position: relative           }             #drag_demo_1 {         position:absolute;         left:341px;         top:259px;         width:180px;         height:131px;         z-index:1; }     #Layer1 {         position:absolute;         left:177px;         top:68px;         width:163px;         height:115px;         z-index:2; } .style2 {color: #FFFFFF}   .botao {border:1px solid #CCCCCC;border-bottom:2px solid #CCCCCC; border-radius: 3px;margin-bottom:3px;font:11px Trebuchet MS;color:#999;background:-moz-linear-gradient(bottom, #eeeeee, #fff);background:-webkit-gradient(linear, center bottom, center top, from(#eeeeee), to(#fff));" width:200px; height:30px; } </style>       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> <script> $(document).ready(function () {    $('#fecha').click(function() {    $('#drag_demo_1').fadeOut();          });    $('#fechaa').click(function() {    $('#drag_demo_1').fadeOut();          }); });   </script>   <script type="text/javascript">   var movimento = {       inicia:function()       {               movimento.mover();       },               mover:function()       {                       $('.item').draggable({                               containment: '#espaco'                           });                   }           }   $('document').ready(function()   {       movimento.inicia();   });     </script>   </head>   <body> <div class="item" id="drag_demo_1">   <div id="fechaa"><a href='javascript:void(0)'><img src='Images/close.png' width="14" height="13" border='0' style='padding-right:10px;padding-top:-0px;' /></a></div>   <p><img src="Images/logo.png" width="350" height="80" /></p> </div> <div id="index">» Home »</div> <div id="espaco">   <p><input type="submit" class="botao" value="Enviar" onclick="gravar"/>&nbsp;</p>   <p>&nbsp;</p> </a></div> </body>   </html>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17550
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

salvar posiçao da div

11-11-2011 13:57

Nesse link abaixo você encontra um script bem interessante sobre salvar a posição de divs que podem ser arrastadas.

http://devheart.org/articles/jquery-cus ... -and-drop/

As posições são salvas basicamente assim

// items  = array('A', 'B', 'C')

Então fica fácil armazenar os valores e depois capturar com uma consulta.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado