Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JS,pozycjonowanie div względem rozdzielczości ekranu.
Niktoś
post
Post #1





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

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


Witam ,aktualnie mam skrypt który pozycjonuje diva względem położenia.Działa to dobrze dla elementów z pozycjonowaniem absolute.Potrzebuje przerobić skrypt,aby działało to na diva z position fixed.
Pomyślałem ,aby obliczać top i left względem rozdzielczości ekranu.Jak to zrobić?Od aktualnego położenia diva przkładowo:
(x-800px;y-400px) odjąć wymiary rozdzielczości ekranu(x-800;y-600);Czy w ten sposób wyjdzie mi pozycja Top i left uzależniona od rozdzielczości?

Ten post edytował Niktoś 11.03.2012, 19:02:53
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Niktoś
post
Post #2





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

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


Dzięki ,pomysł z odejmowaniem pozycji scrolli był dobry.Teraz mam position fixed zamieniany z position absolute:
Kod wygląda tak:
[JAVASCRIPT] pobierz, plaintext
  1. function pageLoad() {
  2. // call the savePanelPosition when the panel is moved
  3. $find('DragP1').add_move(savePanelPosition);
  4. var elem = $get("<%=HiddenField1.ClientID%>");
  5. if (elem.value != "0") {
  6. var temp = new Array();
  7. temp = elem.value.split(';');
  8. // set the position of the panel manually with the retrieve value
  9. $jq("#BoxKosz").css('top', (parseInt(temp[1]) - parseInt($jq(window).scrollTop())) + "px");
  10. $jq("#BoxKosz").css('left', (parseInt(temp[0]) - parseInt($jq(window).scrollLeft())) + "px");
  11.  
  12. }
  13. }
  14.  
  15. function savePanelPosition() {
  16. var elem = $find('DragP1').get_element();
  17. var loc = $common.getLocation(elem);
  18. var elem1 = $get("<%=HiddenField1.ClientID%>");
  19. // store the value in the hidden field
  20. elem1.value = ((parseInt(loc.x) - parseInt($jq(window).scrollLeft())) + ';' + (parseInt(loc.y) - parseInt($jq(window).scrollTop())));
  21.  
  22. }
  23.  
  24. </script>
[JAVASCRIPT] pobierz, plaintext


PS.Nie wiem czemu ale ,w js document.body.scrollTop zwracał w alercie 0 mimo przesunięcia scrolla.Tym wyżej sposobem działa.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 5.10.2025 - 11:14