Cześć,

czy ktoś wie w jaki sposób mogę uzyskać efekt taki jak na tych stronach:
http://www.rocketcentre.co.uk/ktm-parts/f7...case/c095233070
http://ktmsklep.pl/schemat/88688/pokrywa-s...chemes_controls
http://www.oemepc.com/vw/part_single/catal.../3689704/lang/e

w jaki sposób to zrobić, aby można było coś takiego w miarę wygodnie zapisywać, a później wyświetlać?
Chodzi dokładnie o zaznaczanie pojedynczej części ze schematu.


Pozdrawiam.

Musisz mieć powiązanie między elementem z lewej strony i prawej, i odwrotnie.
Np. poprzez atrybut data-id.
Klikając element z prawej strony znajdujesz jego odpowiednik z lewej strony (poprzez atrybut) i analogicznie przy klikaniu z lewej strony.

tak, ale to już najmniejszy problem
jak coś takiego zapisać? W sensie, że np. dodaje nowy produkt/element z takim zaznaczeniem? W źródle tych stron jest mnóstwo divów, a raczej wątpie, żeby ktoś je z palca tak pisał.. jakiś skrypt js jest może do tego?

Ale co dokładnie zapisać?
Musisz mieć dane na podstawie, których wygenerujesz takie widoki. W danych ma być zawarty m.in. nazwa, opis produktu oraz jego położenie na schemacie.
Położenie na schemacie możesz klepać z palca lub stworzyć do tego jakiś edytor.

Ja bym to zrobił tak. W bazie mam te wszystkie dane na temat części. Dodatkowo każda część jest przypisana do jakiegoś schematu (np po nazwie) i pozycjonowana współrzędnym na tym schemacie (w pikselach). Schemat to najzwyklejszy obrazek. Potem skrypt zaciąga z bazy listę części przypisanych do aktualnie oglądanego schematu i robi z niej tabelę. W osobnym divie pokazuje obrazek z naniesionymi divami czy spanami w odpowiednich punktach odczytanych z pobranej wcześniej listy. Tak by to wyglądało od strony prezentacji klientowi.
Od strony obsługi byłoby tak. Jest sobie panel do zarządzania przez który dodaje się schemat. Klikając w odpowiednie miejsce obrazka odczytuje się javascriptem współrzędne kliknięcia i zapisywane w bazie razem z innymi danymi części.