Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][JQUERY] Przepisywanie z Javascript na jquery
Zwariowany
post 25.03.2011, 16:50:16
Post #1





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 6.01.2009

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


Mam taki fragment kodu:

  1. var width = parseInt(posx.style.width)
  2. var height = parseInt(posy.style.height)

jak go przepisać na jquery?


--------------------
Go to the top of the page
+Quote Post
wookieb
post 25.03.2011, 16:59:46
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




http://api.jquery.com/width/


--------------------
Go to the top of the page
+Quote Post
Zwariowany
post 25.03.2011, 17:08:53
Post #3





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 6.01.2009

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


ta metoda raczej nie jest do tego typu rozwiązań, mi chodzi tylko, żeby do długości diva dodać np. 80 px


--------------------
Go to the top of the page
+Quote Post
wookieb
post 25.03.2011, 17:12:41
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




"width" zapewnia Ci obie te rzeczy. Za jego pomocą możesz pobrać aktualną szerokość a potem do niej do twoje 80 px i ustawić już również za pomocą "width"
[JAVASCRIPT] pobierz, plaintext
  1. $(element).width($(element).width() + 80);
[JAVASCRIPT] pobierz, plaintext


--------------------
Go to the top of the page
+Quote Post
Zwariowany
post 25.03.2011, 17:18:47
Post #5





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 6.01.2009

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


no ok, a jak bym chcial zamiast szerokosci (width) pobrac (i zmienic) to co znajduje sie miedzy <div id="abc">ABCDE</div>

czyli ABCDE questionmark.gif

albo zmienić np. margin-top zamiast width??

Ten post edytował Zwariowany 25.03.2011, 17:20:45


--------------------
Go to the top of the page
+Quote Post
wookieb
post 25.03.2011, 17:24:14
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Czy ty chociaż przejrzałeś dokumentacje jQuery? Odsyłam Cię do niej http://api.jquery.com/


--------------------
Go to the top of the page
+Quote Post
piotrooo89
post 25.03.2011, 17:25:29
Post #7


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




http://api.jquery.com/css/


--------------------
Go to the top of the page
+Quote Post
Zwariowany
post 25.03.2011, 18:08:55
Post #8





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 6.01.2009

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


przejrzałem, ale tak jak mówię tylko do tych rzeczy nie moge znalezc zastosowania

i teraz pytanie jak do tego:
$('div.ab').css('margin-top');
dodać 80px marginu

Już co prawda jestem blisko:
  1. $('#ac').css('marginTop', function(index) {
  2. return index + 80;
  3. });


Ale to po prostu przesuwa względem współrzędnych 0,0 a ja chcę by przesuwało względem aktualnych marginów...


--------------------
Go to the top of the page
+Quote Post
zegarek84
post 26.03.2011, 10:22:00
Post #9





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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


Kod
$('#ac').css('marginTop', function(index) {
  return parseInt($(this).css('marginTop'))+80;
});

domyślnie zwracany integer jest traktowany w px przy ustawianiu wartości... jednak z css('marginTop') jest zwracany string np. "20px" - by móc dodać wartość musisz string zamienić na liczbę... swoją drogą skoro tutaj masz jeden element to w ogóle nie wiem do czego Ci tu jest potrzebny callback - ale skoro tak wolisz to i tak masz...

swoją drogą lepiej by też było zrozumieć czysty javascript, zasięg zmiennych, wiedzieć kiedy do czego odnosi się this, poczytać trochu o dziedziczeniu... wtedy nawet jakbyś nie kożystał z jquery a z pośpiechu chciałbyś coś w nim bardziej skomplikowanego zrobić nie będzie to stanowiło większego problemu...

ZAINTERESUJ SIĘ JESZCZE KONSOLAMI W PRZEGLĄDARKACH - google chrome skrót crlt+shift+I... do mozilli doinstaluj sobie firebug'a, w operze dragonfly włącza się chyba tak samo jak konsole w google chrome... w IE bodajże od 8 konsola też jest standardowo... wypluć informacje na konsole możesz w firebug'u przez console.log [uwaga - jeśli masz włączonego firebuga - inaczej Ci to będzie powodowało błędy w działaniu skryptów] - w innych przeglądarkach bodajże jest podobnie console.log - ja sobie to troszku obudowałem do swoich potrzeb...


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 31.05.2024 - 17:04