Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Kursor na mapie.
binprogrammer
post
Post #1





Grupa: Zarejestrowani
Postów: 249
Pomógł: 8
Dołączył: 10.08.2011
Skąd: Bełchatów

Ostrzeżenie: (10%)
X----

Witam ponownie. Mam problem ze zmianą kursora na mapie <map>.

Proszę tutaj kod.

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. html{
  5. cursor: url(kursor.cur), auto;
  6. } 
  7. </style>
  8. <script type="text/javascript">
  9. if(document.images) {
  10.  
  11.    imagemap_default = new Image();
  12.    imagemap_default.src = 'm/mapa3.jpg';
  13.  
  14.    imagemap_1 = new Image();
  15.    imagemap_1.src = 'm/mapa1.jpg';
  16.  
  17.    imagemap_2 = new Image();
  18.    imagemap_2.src = 'm/mapa2.jpg';
  19.  
  20.    imagemap_3 = new Image();
  21.    imagemap_3.src = 'm/mapa3.jpg';
  22.  
  23.    imagemap_4 = new Image();
  24.    imagemap_4.src = 'm/mapa4.jpg';
  25.  
  26.    imagemap_5 = new Image();
  27.    imagemap_5.src = 'm/mapa5.jpg';
  28.  
  29.    imagemap_6 = new Image();
  30.    imagemap_6.src = 'm/mapa6.jpg';
  31.  
  32.    imagemap_7 = new Image();
  33.    imagemap_7.src = 'm/mapa7.jpg';
  34.  
  35.    imagemap_8 = new Image();
  36.    imagemap_8.src = 'm/mapa8.jpg';
  37.  
  38. }
  39.  
  40. function rollOver(iName,iState) {
  41.    if(document.images) {
  42.       document.images[iName].src = eval(iName + '_' + iState + '.src');
  43.    }
  44. }
  45. </script>
  46. </head>
  47. <body><center>
  48. <img src="m/mapa.jpg" width="763" style="text-align: center" height="64" border="0" usemap="#map" name="imagemap" />
  49.  
  50. <map name="map">
  51. <area shape="rect" coords="0,2,198,36" href="wnetrza-prywatne.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','1')"/>
  52. <area shape="rect" coords="221,2,384,32" href="wnetrza-komercyjne.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','2')"/>
  53. <area shape="rect" coords="399,1,489,33" href="design.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','3')"/>
  54. <area shape="rect" coords="507,2,762,32" href="budynki-uzytecznosci-publicznej.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','4')"/>
  55. <area shape="rect" coords="695,34,773,72" href="contact.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','8')"/>
  56. <area shape="rect" coords="498,34,575,75" href="studio.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','7')"/>
  57. <area shape="rect" coords="213,35,470,76" href="domy-jednorodzinne.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','6')"/>
  58. <area shape="rect" coords="2,38,188,71" href="budynki-wielorodzinne.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','5')"/>
  59. </map><br>
  60. </body>
  61. </html>
[HTML] pobierz, plaintext



Mianowicie kursor działa wszędzie, oprócz na odnośnikach znajdujących się na mapie. Próbowałem dodawać do odnośników style="cursor: ..." lecz nie działało.
Proszę o jakies pomysły czy rozwiązania. Nie mam pojęcia jak zrobić żeby zadziałało. Nawet postawienie w ramce nie działa.


Z góry dziękuję.
Go to the top of the page
+Quote Post
gargamel
post
Post #2





Grupa: Zarejestrowani
Postów: 278
Pomógł: 35
Dołączył: 25.06.2010

Ostrzeżenie: (0%)
-----

Może:
[CSS] pobierz, plaintext 
  1. html{
  2. cursor: url(kursor.cur), auto;
  3. } 
  4. map area {
  5. cursor: url(kursor.cur), auto;
  6. }
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post
binprogrammer
post
Post #3





Grupa: Zarejestrowani
Postów: 249
Pomógł: 8
Dołączył: 10.08.2011
Skąd: Bełchatów

Ostrzeżenie: (10%)
X----

Niestety to samo.
Go to the top of the page
+Quote Post
gargamel
post
Post #4





Grupa: Zarejestrowani
Postów: 278
Pomógł: 35
Dołączył: 25.06.2010

Ostrzeżenie: (0%)
-----

a poka to gdzieś na serwerze.
Go to the top of the page
+Quote Post
binprogrammer
post
Post #5





Grupa: Zarejestrowani
Postów: 249
Pomógł: 8
Dołączył: 10.08.2011
Skąd: Bełchatów

Ostrzeżenie: (10%)
X----

Proszę.

http://overlife.pl/bin/php.pl/menu.html

Odśnieżam.
Go to the top of the page
+Quote Post
!*!
post
Post #6





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----

http://jsfiddle.net/ptTgg/

Dla elementów html5 musisz nadać display:block w css inaczej są interpretowane jako liniowe.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 24.08.2025 - 17:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn