Forum PHP.pl > [JavaScript][CSS] Przesuwanie elementu DIV

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][CSS] Przesuwanie elementu DIV

nizzre

11.01.2011, 11:10:44

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

tehaha

11.01.2011, 11:50:10

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

11.01.2011, 15:59:24

Wielkie dzięki, to pomogło!

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.