Zmiana obrazka po najechaniu -mysql |
Zmiana obrazka po najechaniu -mysql |
15.09.2013, 19:34:34
Post
#1
|
|
Grupa: Zarejestrowani Postów: 16 Pomógł: 0 Dołączył: 15.09.2013 Ostrzeżenie: (0%) |
Witam,
Jestem początkujący w sprawach programowania i potrzebuję waszej pomocy. Chciałbym zrobić mape na którą po najechaniu myszku zmieni się obraz i bedzie wystwielac sie okienko dotyczące tego miejsca(TITLE). w JS zrobilem skrypt i wszystko działa ładnie tylko, najezdzam na kordy i podswietla dane miejsce(zmienia obrazek) i daje info, ale chciałbym to podpiać pod baze danych aby ciagle nie zmieniac danych. Próbowałem sam, ale jestem słaby i dla roznych cordów wyswietla te same dane z bazy danych. Czy mogłby mi ktoś napisać taki skrypt na 1 glówny obrazek i 2 które będa sie zmieniać po najechaniu na cordy, jednoczesnie jako tytul wyswietlac info z bazy danych lub coś podobnego. Byłbym wdzięczny, bym wiedział jak dalej postepować. I przepraszam za taką lamerską prośbę. |
|
|
20.09.2013, 20:20:40
Post
#2
|
|
Grupa: Zarejestrowani Postów: 16 Pomógł: 0 Dołączył: 15.09.2013 Ostrzeżenie: (0%) |
W bazie mam 2 zupełnie roznie wypelnione wiersze. Moj skrypt jest dobrze czytany, bo ma z niego wynika ze ma dla wszytskich przypisywac ten sam wiersz. Tylko gdyby sie udało przypisać nr ID do obrazka, to wtedy powinno dla kazdego przypisywac dane z jego id.Tylko ze ja nie wiem jak ma to wygladac na moim obecnym.
Dobranoc. Robilem, az zrobilem. Glupio sie przyznać ale bład był amatorski, tak powinno wygladać: Kod <html> <head> <title>Mapa</title> <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8"> <meta name="Description" content=""> <meta http-equiv="Content-Language" content="pl"> <meta name="Keywords" content=""> <script type="text/javascript" src="jquery-1.10.2.js"></script> <style type="text/css"> #area{ width:646px; height: 600px; position: relative; } #map_mapa{ position: absolute;top:0;left:0; z-index: 1; } #area li{ position: absolute;top:0;left:0; z-index: 2; display: none; } </style> <script type="text/javascript"> $(document).ready(function() { $("area").hover(function() { var dom=$(this).attr("dom"); $(dom).fadeIn("fast"); }, function() { var dom=$(this).attr("dom"); $(dom).fadeOut("fast"); }); }); </script> </head> <div style='width: 958px;' id='area'> <img alt='' id='mapa' usemap='#mapa' src='paris.png'> <ul> <li id='11e1'><img src='strefa11/11e1.png' usemap='#mapa'></li> <li id='11e2'><img src='strefa11/11e2.png' usemap='#mapa'></li> <li id='11e3'><img src='strefa11/11e3.png' usemap='#mapa'></li> </ul> <map id='mapa' name='mapa'> <?php require_once("include/baza.class.php5"); require_once("include/pytanie.class.php5"); require_once("include/utils.class.php5"); $baza=new baza(); $baza->connect(); $pytanie = new pytanie(); if($_GET[kto]=="") { $pytanie->zapytaj("SELECT id,dzielnica,adres,typ,wlasciciel,wartosc,html FROM nieruchomosci ORDER BY id"); $dane = $pytanie->get_dane(); $ilosc = $pytanie->get_ilosc(); for ($i=0;$i<$ilosc;$i++) { $id=$dane[$i][0]; $dzielnica=$dane[$i][1]; $adres=$dane[$i][2]; $typ=$dane[$i][3]; $wlasciciel=$dane[$i][4]; $wartosc=$dane[$i][5]; $html=$dane[$i][6]; $w=$i+1; echo " <area shape='poly' alt='$id' title='Dzielnica: $dzielnica' coords='$adres' dom='#$id'>"; } } $baza->close(); ?> </map></div> </head> </body> </html> Ten fragment był wpiety w petle a powinien byc poza nia: Kod <div style='width: 958px;' id='area'> <img
alt='' id='mapa' usemap='#mapa' src='paris.png'> <ul> <li id='11e1'><img src='strefa11/11e1.png' usemap='#mapa'></li> <li id='11e2'><img src='strefa11/11e2.png' usemap='#mapa'></li> <li id='11e3'><img src='strefa11/11e3.png' usemap='#mapa'></li> </ul> <map id='mapa' name='mapa'> |
|
|
Wersja Lo-Fi | Aktualny czas: 25.04.2024 - 19:54 |