+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: wczytywanie danych z mapowanego obrazka bez przeładowania strony (/thread-wczytywanie-danych-z-mapowanego-obrazka-bez-przeladowania-strony)
wczytywanie danych z mapowanego obrazka bez przeładowania strony - madlain - 02-01-2012
Witam, mam takie pytanie: czy używając metody mapowania obrazka, można zrobić tak, aby po kliknięciu na mapowany obszar nie wczytywała się cała podstrona, a zmieniała się treść konkretnego div’a wczytana z podstrony?
Problem polega na tym, że zaprojektowałam mapę Polski, na której umieszczone zostały nazwy miejscowości dystrybucji towaru. Obok znajduje się div, który zawiera w sobie dane sklepu (adres, telefon, WWW) i po kliknięciu na daną miejscowość np. Brodnicy, powinny zmienić się tylko dane w tym divie (czyli adres sklepu w Brodnicy). Kombinowałam z jQuery i udaje mi się wywołać taki efekt klikając na link lub button, ale nie mogę wykombinować tego z <area>. Proszę o pomoc i o wyrozumiałość – jestem początkująca
RE: wczytywanie danych z mapowanego obrazka bez przeładowania strony - Kartofelek - 03-01-2012
http://jquery-howto.blogspot.com/2009/01/jquery-and-html-image-maps.html
Chociaż osobiście pewnie bym zrobił tak, że dla każdej area dałbym klasę np class="brodnice"
i wtedy przypisał click tak samo jak guzikowy $('.brodnice').click(.....)
RE: wczytywanie danych z mapowanego obrazka bez przeładowania strony - madlain - 03-01-2012
(03-01-2012, 01:09)Kartofelek napisał(a): http://jquery-howto.blogspot.com/2009/01/jquery-and-html-image-maps.html
Chociaż osobiście pewnie bym zrobił tak, że dla każdej area dałbym klasę np class="brodnice"
i wtedy przypisał click tak samo jak guzikowy $('.brodnice').click(.....)
Zrobiłam tak jak napisałeś, dodatkowo posiłkowałam się tą stroną: http://forum.jquery.com/topic/load-a-php-mysql-backend-in-a-div i wszystko działa! Dziękuję za pomoc, Kartofelku!