Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][CSS][JavaScript]Odczytanie pozycji div'a
patryk20120
post
Post #1





Grupa: Zarejestrowani
Postów: 256
Pomógł: 1
Dołączył: 20.04.2008

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

Witam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Zrobiłem na stronie przesuwane div'y za pomocą kursora. Div'y po załadowaniu się strony są ustawiane za pomocą CSS ( np. "left: 200px; top: 200px;"). Chciałbym zrobić takie coś aby zapamiętywało dla danego usera, dane pozycje, lecz utknąłem na tym, jak odczytać pozycję danego div'a, czyli czy można jakoś wyciągnąć jego pomożenie (left i top) (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
patryk20120
post
Post #2





Grupa: Zarejestrowani
Postów: 256
Pomógł: 1
Dołączył: 20.04.2008

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

OK, więc to mam w <head> na ustawianie div'a z danych w pliku:
[PHP] pobierz, plaintext 
  1. <?
  2.     $records = file($plik, FILE_IGNORE_NEW_LINES);   
  3. foreach($records as $key => $row){  
  4.     ++$line; 
  5.     list($tmp['id'], $tmp['left'], $tmp['top']) = explode('|', rtrim($row));   
  6.         $tmp['line'] = $line-1; 
  7.         $records[$key] = $tmp;    
  8. }   
  9.   foreach($records as $row){ 
  10.  
  11.  echo sprintf('<style type="text/css">
  12.  #%s {
  13.  width: 200px;
  14.     height: 140px;
  15.     left: %spx;
  16.     top: %spx;
  17.     }
  18.     </style>',  $row['id'], $row['left'], $row['top']);  
  19.  
  20.   }
  21.   ?>
[PHP] pobierz, plaintext

To jest <form>:
[HTML] pobierz, plaintext 
  1. <form action="#" method="post">
  2.  
  3.  
  4.     TOP
  5.       <input type="text" name="1" id="1" size="30" value="" class="text-input" />
  6. <br>     
  7.   LEFT:
  8.       <input type="text" name="2" id="2" size="30" value="" class="text-input" />
  9.     	<br />
  10.       <input type="submit" onclick='changeTextbox();' name="wyslij" id="wyslij" value="Send" />
  11.   </form>
[HTML] pobierz, plaintext

No i kodzik na dodawanie:
[PHP] pobierz, plaintext 
  1. <?php
  2. if(isset($_POST['wyslij'])){
  3. $cos = $_POST['1'];
  4. $cos2 = $_POST['2'];
  5.      if (file_exists($plik)){
  6.      unlink($plik);
  7.  $file=fopen(''.$ip.'.txt', 'a');
  8.     flock($file, '2');
  9.     fwrite($file, "cos3|$cos|$cos2\n");
  10. flock($file, '3');
  11. fclose($file);
  12.  echo 'plik nadpisano! -  Zapisno cos3 '.$cos.' na '.$cos2.'<br>';
  13. $records = file($plik, FILE_IGNORE_NEW_LINES);   
  14. foreach($records as $key => $row){  
  15.     ++$line; 
  16.     list($tmp['id'], $tmp['left'], $tmp['top']) = explode('|', rtrim($row));   
  17.         $tmp['line'] = $line-1; 
  18.         $records[$key] = $tmp;    
  19. }   
  20.   foreach($records as $row){ 
  21.  
  22.  echo sprintf('ID: %s. Left: %spx. Top: %spx.', $row['id'], $row['left'], $row['top']);  
  23.  
  24.   }
  25.  }else{
  26.  $file=fopen(''.$ip.'.txt', 'a');
  27.     flock($file, '2');
  28. flock($file, '3');
  29. fclose($file);
  30. echo'plik utworzono<br>';
  31. }
  32. }
  33. ?>
[PHP] pobierz, plaintext

No i funkcja JS na pobieranie pozycji:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function cos123321(){
  3.  d = document.getElementById("cos3");
  4. 		topPos = d.offsetTop;
  5. 		leftPos = d.offsetLeft;
  6. document.getElementById("cos3").innerHTML=topPos+"na"+leftPos;
  7. var notify2 = document.getElementById ('1');
  8.     if (notify2)
  9.         notify2.value = topPos;
  10. 		var notify = document.getElementById ('2');
  11.     if (notify)
  12.         notify.value = leftPos;
  13. 		setTimeout("cos123321()",1000 );
  14. }
  15. </script>
[HTML] pobierz, plaintext

Może ktoś mi pomoże (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Błagam (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Ten post edytował patryk20120 21.06.2009, 21:46:33
Go to the top of the page
+Quote Post

Posty w temacie
- patryk20120   [PHP][CSS][JavaScript]Odczytanie pozycji div'a   19.06.2009, 20:30:22
- - wookieb   offsetTop, offsetLeft, clientTop, clientLeft. Nies...   19.06.2009, 20:31:55
- - patryk20120   Dzięki, tylko mam pytanie, jak taką zmienną z JS z...   19.06.2009, 20:51:06
- - wookieb   Wysłac ajaxem albo Zapisac do ciasteczka a po...   19.06.2009, 20:52:14
- - Wicepsik   http://www.google.pl/search?q=zmienne+z+JS...lient...   19.06.2009, 20:52:51
- - patryk20120   Jednak offsetTop i offsetLeft źle określają pozycj...   21.06.2009, 21:04:43
- - wookieb   jak bardzo rozne liczby? i pokaz kod.   21.06.2009, 21:21:21
- - patryk20120   np. 0(wg CSS) i 220(wg JS) ale jak jest 1(CSS) to ...   21.06.2009, 21:28:47
- - wookieb   A pokaż jeszcze dokładny html i css. a najlepiej w...   21.06.2009, 21:36:51
- - patryk20120   OK, więc to mam w <head> na ustawianie ...   21.06.2009, 21:46:05
- - wookieb   Wystaw publicznie.   21.06.2009, 21:49:41
- - patryk20120   Czyli plik cały   21.06.2009, 22:00:54
- - wookieb   Czyli tak abyśmy zobaczyli wynik działania tego sk...   21.06.2009, 22:02:17
- - patryk20120   Proszę: http://patryksite.boo.pl/pse/index.php   21.06.2009, 22:10:59
- - wookieb   Jak mu dajesz position: relative to nie dziw ze wy...   21.06.2009, 22:16:54
- - patryk20120   Niestety dalej to samo   22.06.2009, 05:54:00
- - wookieb   Pozycja w pionie (top) sie zgadzala. Nie zgadzala ...   22.06.2009, 07:18:38
- - patryk20120   Wielkie dzięki ;-)   22.06.2009, 16:01:58

« 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: 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: 27.09.2025 - 22:59
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn