Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS] Przesuwanie
Forum PHP.pl > Forum > Przedszkole
-Baltazar-
3.05.2011, 12:41:45
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ę?
bogusborek
3.05.2011, 16:10:50
musisz ściągnąć cssy do ie
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.