Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][CSS] Przesuwanie
--Baltazar--
post 3.05.2011, 12:41:45
Post #1





Goście
Witam pokąbinowałem i wyszło coś takiego :

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
  4.  <style type='text/css'>
  5. body
  6. {
  7. 	background-color:silver;
  8. }
  9. .divek
  10. {
  11. position: absolute;
  12. background-color:lightgray;
  13. width:250px;
  14. height:100px;
  15. border:solid 5px lightgray;
  16. top:50px;
  17. left:400px;
  18.  
  19. }
  20. .dymek
  21. {
  22.  
  23. background-color:gray;
  24. width:250px;
  25. height:30px;
  26. border:solid 2px #eeeeff;
  27. top:40px;
  28. left:400px;
  29.  
  30. cursor: move;
  31. }
  32.  
  33. </style>
  34. <script type="text/javascript">
  35.  
  36. function move(evt)
  37. {
  38. if(evt.button)
  39. {
  40.  
  41. var posx;
  42. var poxy;
  43. if (evt.clientX || evt.clientY)
  44. {
  45.  posx= evt.clientX;
  46.  posy= evt.clientY;
  47. } 
  48.  
  49.  
  50.  
  51. document.getElementById("okno").style.left=posx-125 ;
  52. document.getElementById("okno").style.top=posy-20;
  53. }
  54.  
  55. }
  56. </script>
  57. </head>
  58. <body>
  59. <div class="divek" id="okno">
  60. <div class="dymek"  onmousemove="move(event);" ><p style="text-align: center">Nazwa aplikacji</p></div>
  61. </div>
  62.  
  63. </body>
  64. </html>
[HTML] pobierz, plaintext


Co zrobić by tak samo działało w chromie , firefoxie i ie ?
Jak zrobić by element nie mógł wyjść za stronę?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
bogusborek
post 3.05.2011, 16:10:50
Post #2





Grupa: Zarejestrowani
Postów: 10
Pomógł: 1
Dołączył: 6.01.2010

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

musisz ściągnąć cssy do ie
Go to the top of the page
+Quote Post
« 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 · Linearny+ · Przełącz na: Drzewo

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

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 02:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn