Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Współrzędne diva względem drugiego diva
kociszp
post 20.12.2010, 13:01:36
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 1.08.2009

Ostrzeżenie: (0%)
-----


Witam,
czy ktoś jest mi w stanie podpowiedzieć jak wyciągnąć współrzędne civ-a względem drugiego diva ?

Chodzi o to, że mam div-a position:absolute i na niego naciągam drugiego diva, jednak mój kod zwraca współrzędne względem przeglądarki a nie diva "absolut".



Kod
<!DOCTYPE html>
<html>

<!--

  Created using http://jsbin.com
  Source can be edited via http://jsbin.com/eduze/edit

-->

<head>
  <meta charset="utf-8" />
  <title>jQuery UI: Get the position of a draggable in the droppable event drop</title>
  <link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"></link>
  <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
  
  <style type="text/css">
    #draggable {
      width: 120px;
      height: 120px;
      background: #efefef;
      border: 1px solid silver;
      
    }
    #droppable {
      position:absolute;
      float: right;
      width: 400px;
      height: 200px;
      background: green;
      border: 1px solid gray;
    }
  </style>
</head>
<body>
  
  
  
  <div id="droppable">droppable</div>
  <div id="draggable">draggable</div>
  
<script>$('#draggable').draggable();
$('#droppable').droppable({
  drop: function(event, ui) {
    
    var treePos = $('#draggable').offset();    
    alert('top: ' + treePos.top + ', left: ' + treePos.left);
  
  }
});
</body>
</html>


Ten post edytował kociszp 20.12.2010, 13:15:25
Go to the top of the page
+Quote Post
ShadowD
post 20.12.2010, 13:16:58
Post #2





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

Ostrzeżenie: (0%)
-----


Może sprawdź położenie pierwszego i drugiego, a następnie odejmij je od siebie. Chyba nie ma możliwości innej, spróbuj dodać jeszcze position:relative; dla głównego div'a. :-)


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 09:46