teamon.eu

Mimo iż System 960.gs zapewnia bookmarklet włączający siatkę na dowolnej stronie postanowiłem naskrobać swój - prostszy i (imho) ładniejszy ;]

Smacznego: Przeciągnij mnie!

Kod:

 
// use with bookmarklet
// javascript:(function(){document.body.appendChild(document.createElement('script')).src='http://s.teamon.eu/960gs/960gridder.js';})();
 
g = document.getElementById("gridoverlay")
if(g){
  if(g.style.display == "none") g.style.display = "block"
  else g.style.display = "none"
} else {
  g = document.createElement('div')
  g.id = "gridoverlay"
  g.style.width = "960px"
  g.style.height = document.height + "px"
  g.style.backgroundImage = "url(http://s.teamon.eu/960gs/12_col.png)"
  g.style.position = "absolute"
  g.style.left = "50%"
  g.style.top = "0"
  g.style.marginLeft = "-480px"
  document.body.appendChild(g)
}
 
 

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

Dzisiaj chciałbym zaprezentować moja najnowsze dziecko - aplikacje w PHP/JS nieco ułatwiającą prace nad projektem