[HTML][CSS][PHP]mapa działek w svg

[HTML][CSS][PHP]mapa działek w svg, mapa w svg generowana za pomocą php tooltip i wyszukiwarka

gawar Zobacz profil	11.02.2015, 11:48:44 Post #1
Grupa: Zarejestrowani Postów: 123 Pomógł: 0 Dołączył: 26.10.2010 Ostrzeżenie: (0%)	Witam, Od jakiegoś czasu borykam się z problemem stworzenia mapy działek (kwadraciki rozmieszczone według informacji z bazy danych). Mapa ta ma mieć charakter orientacyjny. Dane takie jak sektor, rząd i działkę pobieram sobie z bazy i w pętli przetwarzam tworząc dane svg. Po najechaniu na dany kwadracik wyświetla się info z parametru title, a po kliknięciu przenosi mnie do strony odpowiadającej danej działce. Chciałbym teraz to udoskonalić tak aby: 1. Po najechaniu na kwadracik oprócz informacji z title pojawiał się tooltip z miniaturką zdjęcia. Z tym jest problem, próbowałem zrobić według tego opisu dymek z podpowiedzią (drugi przykład) ale chyba nie mogę takiego kodu dołączyć do svg - wygląda na to, że taki kod nie jest obsługiwany. Oczywiście css zaimplementowałem do svg. problem jest z html. [HTML] pobierz, plaintext $i='<a class="podpowiedz" title="Id miejsca='.$id_miejsce.' Numer rzędu='.$rzad.' Numer miejsca='.$miejsce.' " xlink:href=../../index.php?id=wyswietl_miejsce.php&id_miejsce='.$id_miejsce.'&rzad='.$rzad.'&miejsce='.$miejsce.' target="_blank"> <span><img src="link.jpg" width="69px" height="69px"></span> <rect class="miejsce" id="id_miejsce.'.$id_miejsce.'" x="'.$x.'" y="'.$y.'" width="'.$szerokosc.'" height="'.$wysokosc.'" /></a>'. "\n" [HTML] pobierz, plaintext bez zawartości znacznika <span> mapa się generuje. Ale co zrobić żeby wyświetlił się tooltip? Chyba idę w złą strone. tak wygląda wygenerowana mapa do pliku z rozszerzeniem php [HTML] pobierz, plaintext <?xml version="1.0" encoding="UTF-8" standalone="no"?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <style> .miejsce { fill: red; } .miejsce:hover { opacity: 0.5; } </style> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="3000" height="3000"> <g inkscape:label="1" inkscape:groupmode="layer" id="1"> <a title="Id miejsca=1 Numer rzędu=1 Numer miejsca=1 " xlink:href=../../index.php?id=wyswietl_miejsce.php&id_miejsce=1&rzad=1&miejsce=1& target="_blank"> <rect class="miejsce" id="id_miejsce.1" x="547" y="13" width="10" height="10" /></a> <a title="Id miejsca=2 Numer rzędu=1 Numer miejsca=2" xlink:href=../../index.php?id=wyswietl_miejsce.php&id_miejsce=2&rzad=1&miejsce=2 target="_blank"> <rect class="miejsce" id="id_miejsce.2" x="534" y="13" width="10" height="10" /></a> <a title="Id miejsca=3 Numer rzędu=1 Numer miejsca=3 " xlink:href=../../index.php?id=wyswietl_miejsce.php&id_miejsce=3&rzad=1&miejsce=3 target="_blank"> <rect class="miejsce" id="id_miejsce.3" x="521" y="13" width="10" height="10" /></a> <a title="Id miejsca=4 Numer rzędu=1 Numer miejsca=4 " xlink:href=../../index.php?id=wyswietl_miejsce.php&id_miejsce=4&rzad=1&miejsce=4 target="_blank"> <rect class="miejsce" id="id_miejsce.4" x="508" y="13" width="10" height="10" /></a> </g> </svg> </body> </html> [HTML] pobierz, plaintext 2. można było wyszukać daną działkę. Tzn. mam na przykład wyszukiwarkę i wyszukuję danego miejsca w bazie i chciałbym je teraz odpowiednio oznaczyć na mapie svg. Zmienić kolor czy zaznaczyć kółkiem. Tego kompletnie nie wiem jak ruszyć, jakimi sposobami można to zrobić. Tak aby kilka osób mogło wyszukiwać takie miejsca równocześnie. Za wszelkie podpowiedzi co do sposobu rozwiązania problemu - dziękuje