Web Developer Blog

Od pewnego czasu wykorzystuję w projektach gotowe skrypty drzewek z drag&drop.
Niestety jak dotąd nie znalazłem takiego, które:

• pozwala na umieszczenie na stronie kilku instancj
• współpracuje dobrze z prototype i script.aculo.us
• pozwala łatwo i bez modyfikacji kodu dołączyć funkcję, która wyśle AJAXem dokonaną modyfikację struktury drzewa

Dlatego przyszła pora na napisanie własnego drzewka, opartego właśnie na prototype i script.aculo.us.

Demo wciąż aktualizowanej wersji umieściłem na http://weblog.axent.pl/examples/js.drag-drop-tree/.

Po zaimplementowaniu wszystkich podstawowych funkcji wrzucę tu dokumentację. Póki co dostępne są następujące funkcje:

• opuszczanie elementów _pod_ i _za_ danym elementem
• wywoływanie dowolnej funkcji przed i po zmianie struktury drzewa

Przygotowałem jakiś czas temu kod i style do formularzy. Pracuję jeszcze nad zestawem klas, które  pozwolą jeszcze lepiej panować nad wyglądem formularza. Jak tylko się z tym uporam udostępnię funkcjonalność ala csszengarden. Naturalnie liczę na konstruktywne uwagi.

Niewątpliwie jednym z większych problemów związanych z użyciem na stronie AJAX’a jest wykonywanie kodu JavaScript zawartego w HTML’u zwracanym przez serwer. Można go rozwiązać w bardzo prosty sposób - zbudować aplikację w oparciu o jakiś framework, taki na przykład jak prototype.js i korzystać z metody Element.update
Jednak wśród developer’ów są prawdziwi hardcore’owcy, którzy muszą wszystko napisać sami
Read the rest of this entry »

Zmieniając wartość pola formularza przez skrypt JS nie odpala się event’u ‘onchange’.
Trzeba to zrobić ręcznie, np. tak:

function dia_fireEvent(obj, eventName)
{
  try {
      obj.fireEvent('on'+eventName);
  }
  catch (evt) {
      var newEvt = document.createEvent("Events");
          newEvt.initEvent(eventName,false,true);
          obj.dispatchEvent(newEvt);
  }
}

Nie raz spotkałem na forach poświęconych PHP, JavaScript, itp. posty typu “Jak przesłać dane z formularza do popupa”.
Po paru minutach googlania znalazłem kilka rozwiązań tego problemu i zrobiłem ich kompilację (kod poniżej).
Read the rest of this entry »