[JavaScript][HTML]Zmiana kursora myszki po najechaniu na obrazek

[JavaScript][HTML]Zmiana kursora myszki po najechaniu na obrazek

kuba_pilach Zobacz profil	1.07.2011, 13:56:10 Post #1
Grupa: Zarejestrowani Postów: 224 Pomógł: 3 Dołączył: 24.12.2010 Ostrzeżenie: (0%)	Witam! Piszę mały kodzik na strone internetową. Chciałem zrobić interaktywną mapę. Ale mam problem, z zmienieniem kursora myszki... Oto mój kodzik: [HTML] pobierz, plaintext <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Interaktywna mapa</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript"> function point_it(event){ pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft; pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop; document.getElementById("cross").style.left = (pos_x-9) ; document.getElementById("cross").style.top = (pos_y-9) ; document.getElementById("cross").style.visibility = "visible" ; document.pointform.form_x.value = pos_x; document.pointform.form_y.value = pos_y; } function cursor_on(event) { this.style.cursor='crosshair'; } </script> </head> <body> <form name="pointform" method="post"> <div id="pointer_div" onmouseover="cursor_on(event)" onclick="point_it(event)" style = "background-image:url('images/mapa.jpg');width:1344px;height:1195px;"> <img src="kropa.gif" id="cross" style="position:relative;visibility:hidden;z-index:2;" width="20" height="20"> </div> <br /> <br />Pozycja x = <input type="text" name="form_x" size="4" /> i y = <input type="text" name="form_y" size="4" /> </form> </body> </html> [HTML] pobierz, plaintext Wszystko bez próbowania zmienić kursora, działało dobrze, ale teraz się wszystko psuje... Może ktoś pomóc?

Odpowiedzi

gorden Zobacz profil	1.07.2011, 15:43:26 Post #2
Grupa: Zarejestrowani Postów: 486 Pomógł: 101 Dołączył: 27.06.2010 Ostrzeżenie: (0%)	i już. wklej kod, który podałem normalnie jako javascript. oczywiście komentarze zamień na zmiane kursora myszy. polecam Ci też zainteresowanie się jQuery. [JAVASCRIPT] pobierz, plaintext $('#pointer_div').hover(function() { $(this).css('cursor', 'pointer'); }, function() { $(this).css('cursor', 'auto'); }); [JAVASCRIPT] pobierz, plaintext

Posty w temacie

kuba_pilach [JavaScript][HTML]Zmiana kursora myszki po najechaniu na obrazek 1.07.2011, 13:56:10

lobopol A po co do tego js używasz? Nie lepiej trzymać to ... 1.07.2011, 14:51:57

kuba_pilach A dało by radę, by kursor zmieniał się po opuszcze... 1.07.2011, 14:57:15

Mefiuu [CSS] pobierz, plaintext #element { cur... 1.07.2011, 15:03:35

gorden przez samo css na wielu przeglądarkach nie zadział... 1.07.2011, 15:13:28

Mefiuu rzeczywiście, kod gorden'a pewnie będzie lepsz... 1.07.2011, 15:15:48

kuba_pilach Ale mam problem z tego kodem wsadzeniem... Może wy... 1.07.2011, 15:17:57

gorden musisz zainstalować jQuery. daj w head: [HTML] pob... 1.07.2011, 15:20:26

kuba_pilach I co dalej? 1.07.2011, 15:31:50

gorden i już. wklej kod, który podałem normalnie jako jav... 1.07.2011, 15:43:26

kuba_pilach No i dałem, i nie działa. 1.07.2011, 15:50:53

gorden hmmm... to może pokaż co już masz? 1.07.2011, 15:56:01

kuba_pilach A więc tyle mam: [HTML] pobierz, plaintext <!DO... 1.07.2011, 16:08:50

gorden [HTML] pobierz, plaintext <script type="te... 1.07.2011, 16:24:14

kuba_pilach Nadal nie działa... [HTML] pobierz, plaintext ... 1.07.2011, 16:35:23

lobopol Ale po co hover? Kursor przecież zmieni się bez ni... 1.07.2011, 16:50:58

« Następny starszy · Przedszkole · Następny nowszy »

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

Aktualny czas: 16.10.2025 - 05:08

Hosting zapewnia

Forum PHP.pl