Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML][JavaScript]IE onmouseover nie działa
muminekSQL
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 17.12.2010

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

Witam

mam taki testowy kod, który ma wykonywać jakieś zdarzenie po najechaniu myszką na lewy bądź prawy div, które znajdują się na obrazku, który jest na środku strony. Problem w tym, że nie działa zdarzenie onmouseover w przypadku Internet Explorer na innych przeglądarkach to działa. Zauważyłem, że gdy divom id3a i id3b dam kolor tła wtedy i na IE zaczyna to działać, jednak kolor tła mi tam niepotrzebny.

[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <title></title>
  5.  
  6. <style>
  7.  
  8. #id1 {
  9.  
  10. 	position:relative;
  11. 	text-align:center;
  12.  
  13. 	width:100%;
  14. 	height:500px;
  15. }
  16.  
  17. #id2 {
  18.  
  19. 	width: 450px;
  20. 	height:337px;
  21. }
  22.  
  23. #id3 {
  24.  
  25. 	position:absolute;
  26. 	left:0;
  27. 	top:0;
  28. }
  29.  
  30. #id3a {
  31.  
  32. 	width:50%;
  33. 	height:100%;
  34. 	float:left;
  35. 	/* background-color:red; */
  36. }
  37.  
  38. #id3b {
  39.  
  40. 	width:50%;
  41. 	height:100%;
  42. 	float:right;
  43. 	/* background-color:blue; */
  44. }
  45.  
  46. </style>
  47.  
  48. <script>
  49.  
  50. function onmouseoverIdA(){
  51.  
  52. 	alert('yeah A!!!');
  53. }
  54.  
  55. function onmouseoverIdB() {
  56.  
  57. 	alert('yeah B!!!');
  58. }
  59.  
  60. function test_id3() {
  61.  
  62. 	_div_width = document.getElementById('id1').offsetWidth; // szer diva
  63.  
  64. 	_width = 450; // szer. obrazka
  65.  
  66. 	_offset = (( _div_width - 450 ) / 2) + 'px';
  67.  
  68. 	document.getElementById('id3').style.left = _offset;
  69.  
  70. 	document.getElementById('id3').style.width = _width;
  71.  
  72. 	document.getElementById('id3').style.height = '337px';
  73. }
  74.  
  75. </script>
  76.  
  77. </head>
  78.  
  79. <body>
  80.  
  81. <div id="id1">
  82.  
  83. <img id="id2" src="http://3.bp.blogspot.com/_XW-wfv2qmXw/TUVwzxQl1sI/AAAAAAAAAAU/XbLj5bY_9Wg/s320/tygrys7ip.jpg"> </img>
  84.  
  85. <div id="id3">
  86. <div id="id3a" onmouseover="onmouseoverIdA();"></div>
  87. <div id="id3b" onmouseover="onmouseoverIdB();"></div>
  88. </div>
  89.  
  90. </div>
  91.  
  92.  
  93. <script>
  94. test_id3();
  95. </script>
  96.  
  97. </body>
  98.  
  99. </html>
[HTML] pobierz, plaintext


Problem rozwiązany najprościej jak się da, przeźroczyste tło.

Ten post edytował muminekSQL 11.12.2011, 15:18:40
Go to the top of the page
+Quote Post

Posty w temacie
- muminekSQL   [CSS][HTML][JavaScript]IE onmouseover nie działa   11.12.2011, 14:31:57

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

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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

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