teamon.eu

Przeglądając internet natknąłem się na ciekawi ficzer. Pole wyszukiwarki na stronie działające podobnie do tej wbudowanej w Safari. Pierwsze pytanie - jak to działa? Skrypt? A może jakaś magia Safari?

Po chwili wszystko się wyjaśniło, a wyniki dochodzenia przedstawiam w poniższym krótkim screencascie z racji tego, że nie umiem pisać ;]

Myślę, że warto używać tego na stronie umilając tym samym życie użytkownikom. Tak, wiem że to się nie waliduje i w ogóle, ale takie pole pod innymi przeglądarkami będzie po prostu polem tekstowym.

 
<input type="search" name="search" id="search" results="20"  autosave="com.my_site.pl.apple" placeholder="Szukaj" />
 

Skończyłem pisać CSS dla strony. Użyłem dość sporo plików png z przeźroczystością. Szybki test, no tak - IE6 nie obsługuje kanału alpha. Rozwiązanie jest dość proste, osobny arkusz dla IE6 i wykorzystanie jego filtrów

 
selektor {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/image', sizingMethod='crop');
}
 

 
#!/usr/bin/ruby
 
File.open(ARGV[0]) do |f|
  style = ""
  f.read.scan(/([^{}]+?)\{[^}]*background(?:-image)?:\s*url\((.*?)\).*?\}/m) do |sel, url|
    puts sel + " " + url
    style << "#{sel} {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=#{url}, sizingMethod='crop');
}"
  end
  File.open("style_ie6.css", "w") { |ie| ie.write style }
end
 

A potem tylko

ruby ~/ie6png.rb style.css

i mamy gotowy plik style_ie6.png. Nic tylko wrzucić w komentarz warunkowy :)

Tutoriali instalacyjnych symfony jest sporo, ale żaden nie odnosi się do XAMPP`a. Najczęściej jest wykorzystane dostarczony w Leopardem PHP oraz DarvinPorts. Stwierdziłem, że to się może komuś przydać. Jak dla mnie XAMPP jest najlepszą (najwygodniejszą) opcją. Wykorzystam go jako serwer developerski a nie produkcyjny więc nie chce mi się bawić w konfiguracje itp. XAMPP oferuje banalnie prostą instalacje (kreator) - parę klików i gotowe.

Przedstawiony tu opis jest dziełem zebranym po mojej drodze przez fora macplug oraz oficjalne forum symfony (jak sie nie wie to trzeba szukać). Szczególnie przydatny będzie dla tych, co przerzucili się z Windowsa na Maca i nie mają doświadczenia z konsolą unixową (sam do takich należy, ale jak to mówią - człowiek uczy się całe życie). Mój opis jest sprawdzony pod OS X ale możliwe że podobnie należy postąpić na innych platformach.

Wchodzimy na stronę projektu i ściągamy najnowszą wersję.

Odpalamy instalera, klikamy dalej, dalej, dalej...

Teraz musimy aktywować domyślnie wyłączone konto root`a. W tym celu odpalamy program Narzędzia katalogowe (w OS X < 10.5 NetInfo Manager) i z menu Edycja wybieramy Włącz użytkownika Root

Teraz musimy ustawić ścieżkę dostępu do plików XAMPP`a. W Terminalu wpisujemy

 open .bash_profile

Jeżeli dostaniemy komunikat, że plik nie istnieje wpisujemy:

 
touch .bash_profile 
open .bash_profile 
 

Otworzy się TextEdit. Wpisujemy w nim:

 
PATH=/Applications/xampp/xamppfiles:/Applications/xampp/xamppfiles/bin:$PATH 
export PATH 
 

Następnie jako root (korzystamy z polecenia "su") w Terminalu wpisujemy:

mampp

Jeżeli wszystko jest ok pokaże nam się lista dostępnych poleceń. Aby uruchomić serwer wpisujemy:

 mampp start

Należy pamiętać, że wszystkie operacje wymagają zalogowania jako root.

Ostatnią czynnością jest edycja pliku httpd.conf (/Applications/xampp/etc/httpd.conf). Zamieniamy linijkę (u mnie na nieedytowanym pliku 227)

AllowOverride AuthConfig

na:

AllowOverride All

Bez tego najprawdopodobniej przy próbie uruchomienia projektu symfony dostaniemy error 500

Teraz pozostaje tylko wykonać instalację Symfony poprzez PEAR

Mam nadzieje, iż powyższy opis jest dość łopatologiczny jednak gdyby ktoś miał problemy to proszę śmiało pisać.

Podczas pracy nad pewnym projektem potrzebowałem wyboru kategorii tak jak na allegro przy dodawaniu produktu. Szukałem, szukałem, coś tam znalazłem ale mi się nie podobało. Stwierdziłem, że sam to napiszę, wykorzystując do tego bibliotekę jQuery.

Ogólne założenia:

• Na początku jedna kolumna z głównymi kategoriami
• Po kliknięciu na pozycję usunięcie wszystkich kolumn na prawo
• Ajaxowe sprawdzenie czy dana kategoria posiada podkategorie
  • Jeśli tak - wygenerować kolejną kolumnę z listą podkategorii
  • Jeśli nie - przekazać id kategorii do inputa
• Możliwość zaznaczenia na początku która kategoria jest wybrana i pokazanie ścieżki kategorii nadrzędnych
• Możliwość wyboru kategorii poprzez wpisanie jej id lub kliknięcie w button

Ostatnio często zmieniałem maszynę na której pracuje (raz PC, potem Mac, teraz znowu PC, za parę dni pewnie znowu Mac) i dość uciążliwe było przenoszenie plików projektu i utrzymanie tego "w kupie". Setki wersji, tu czegoś brakuje, tam jest za dużo, ogólnie trochę ciężko to ogarnąć.