 Współrzędne diva względem drugiego diva |
  |
| Współrzędne diva względem drugiego diva |
 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 |
 |
 
|
|
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 |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 24.07.2025 - 09:46 |
