Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Zmiana obrazka po najechaniu -mysql
student137
post 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ę.

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
student137
post 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'>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 25.04.2024 - 19:54