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----


Może zarzucę kodem i opisze go gdyż kod dotyczy elementu z MS Ajax Framework i niektóre funkcje mogą być dla niektórych niezrozumiałe:
[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript" language="javascript">
  2.  
  3. function pageLoad() { // -wykonanie skrypyu po załadowaniu strony
  4. // call the savePanelPosition when the panel is moved
  5. $find('DragP1').add_move(savePanelPosition); //-ustawienie pozycji dla elementu drop-down po przesuwanięciu diva z funkcji savePanelPosition;
  6. var elem = $get("<%=HiddenField1.ClientID%>");
  7. if (elem.value != "0") {
  8. var temp = new Array();
  9. temp = elem.value.split(';');
  10. // set the position of the panel manually with the retrieve value
  11. $jq("#BoxKosz").css('top', temp[1]+"px"); //ustawienie pozycji top po przesunięciu
  12. $jq("#BoxKosz").css('left', temp[0] + "px"); //ustawienie pozycji left po przesunięciu;
  13.  
  14. }
  15. }
  16.  
  17. // kluczowa funkcja odpowiedzialna za pobranie i ustawienie pozycji diva i "elementu" drop down ściśle sprzężonego z nim
  18. function savePanelPosition() {
  19. var elem = $find('DragP1').get_element(); //-pobieranie właściwości elementu odpowiedzialnego za drop-down
  20. var loc = $common.getLocation(elem); //-pobranie aktualnej pozycji elementu;
  21. var elem1 = $get("<%=HiddenField1.ClientID%>");
  22. // zapis pozycji do hidden fielda
  23. elem1.value = loc.x + ';' + loc.y;
  24. }
  25.  
  26. </script>
[JAVASCRIPT] pobierz, plaintext

Element drop down którego używam ,jest przystosowany dla elementów z position absolute,nie wiem jak przerobić ten skrypt ,aby wyliczał pozycję względem rozdzielczości dla position fixed.Nie mogę użyć dla tego elementu drop down e.offsetX ,bo takiej metody nie ma ,muszę to jakoś wyliczyć i ustawić pozycję dla elementu drop-down jak i diva.

Ten post edytował Niktoś 12.03.2012, 21:30:48
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: 4.10.2025 - 21:45