[JavaScript][CSS] Przesuwanie elementu DIV

[JavaScript][CSS] Przesuwanie elementu DIV

nizzre Zobacz profil	11.01.2011, 11:10:44 Post #1
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 3.06.2009 Ostrzeżenie: (0%)	Witam, Mam dość banalny problem, ale nie umiem znaleźć rozwiązania. Użyłem prostego skryptu jQuery do przesuwania DIV'a - dokładnie z tego linka: http://docs.jquery.com/UI/API/1.8/Draggable Wszystko jest Ok, poza tym, że co nie wstawię do tego DIV'a (nowy div, tekst itp, input) to nie działa, działa tylko przesuwanie. Czy da się jakoś ustawić parametry elementu wewnątrz aby nie przyjmował funkcjonalności z nadrzędnego diva ? Nizzre

Odpowiedzi (1 - 2)

tehaha Zobacz profil	11.01.2011, 11:50:10 Post #2
Grupa: Zarejestrowani Postów: 1 748 Pomógł: 388 Dołączył: 21.08.2009 Skąd: Gdynia Ostrzeżenie: (0%)	Hej musisz użyć dodatkowej opcji 'handle', tak aby to nie cały div był uchwytem do przesuwania, a jedynie jakiś jego przycisk wewnątrz sprawdź sobie ten przykład, żeby przesunąć diva trzeba złapać z link, a nie za diva: [HTML] pobierz, plaintext <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <style type="text/css"> #draggable { width: 100px; height: 70px; background: silver; } </style> <script> $(document).ready(function() { $("#draggable").draggable({handle: 'a#dragHandle'}); }); </script> </head> <body style="font-size:62.5%;"> <div id="draggable"> <a href='' id='dragHandle'>drag</a> Drag me </div> </body> </html> [HTML] pobierz, plaintext

nizzre Zobacz profil	11.01.2011, 15:59:24 Post #3
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 3.06.2009 Ostrzeżenie: (0%)	Wielkie dzięki, to pomogło!

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Aktualny czas: 14.08.2025 - 03:45

Hosting zapewnia

Forum PHP.pl