Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]odczytanie wysokości diva
sada
post 9.02.2011, 22:11:05
Post #1





Grupa: Zarejestrowani
Postów: 302
Pomógł: 24
Dołączył: 6.12.2008

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


Witam!

IE ma problem (w FF jest OK) z odczytaniem wysokości diva
przez co generuje błąd w funkcji poniżej.

Błąd jest tutaj

[JAVASCRIPT] pobierz, plaintext
  1. var wys=$('#sformatowany').css('height');
[JAVASCRIPT] pobierz, plaintext


w FF oblicza prawidłową wartość , a w IE podaje "auto" chociaż w CSS nie ma "height"




[JAVASCRIPT] pobierz, plaintext
  1. $(function(){
  2. var wys=$('#sformatowany').css('height');
  3. wys=parseInt(wys);
  4. $('#punkt').click(function(){
  5. $('#sformatowany').animate({"marginTop" : -wys+'px'},60000);
  6. });
  7. });
  8.  
[JAVASCRIPT] pobierz, plaintext


jak odczytać wartość "height" rzeczywistą a nie ustawioną w CSS?

Ten post edytował sada 9.02.2011, 22:16:39
Go to the top of the page
+Quote Post
kalmaceta
post 9.02.2011, 22:14:58
Post #2





Grupa: Zarejestrowani
Postów: 183
Pomógł: 24
Dołączył: 4.12.2010

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


$('twojdiv').getDimensions().height

Ten post edytował kalmaceta 9.02.2011, 22:16:52


--------------------
kAlmAcetA
Go to the top of the page
+Quote Post
sada
post 9.02.2011, 22:35:07
Post #3





Grupa: Zarejestrowani
Postów: 302
Pomógł: 24
Dołączył: 6.12.2008

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


Zrobiłem tak:


[JAVASCRIPT] pobierz, plaintext
  1. $(function(){
  2. var wys=$('#sformatowany').getDimensions().height ;
  3. alert(wys);
  4. wys=parseInt(wys);
  5.  
  6. $('#punkt').click(function(){
  7. $('#sformatowany').animate({"marginTop" : -wys+'px'},60000);
  8. });
  9. });
[JAVASCRIPT] pobierz, plaintext



Niestety kicha i w IE I w FF, tak jakby getDimensions() nie działało.
Co robię źle? To chyba działa tylko w "prototype"

Alertem tylko sprawdzam


Ten post edytował sada 9.02.2011, 22:39:10
Go to the top of the page
+Quote Post
kalmaceta
post 9.02.2011, 22:40:09
Post #4





Grupa: Zarejestrowani
Postów: 183
Pomógł: 24
Dołączył: 4.12.2010

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


ze strony

[JAVASCRIPT] pobierz, plaintext
  1. function getStyle(oElm, strCssRule){
  2. var strValue = "";
  3. if(document.defaultView && document.defaultView.getComputedStyle){
  4. strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
  5. }
  6. else if(oElm.currentStyle){
  7. strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
  8. return p1.toUpperCase();
  9. });
  10. strValue = oElm.currentStyle[strCssRule];
  11. }
  12. return strValue;
  13. }
[JAVASCRIPT] pobierz, plaintext


Heisenbug

Ten post edytował kalmaceta 9.02.2011, 22:40:39


--------------------
kAlmAcetA
Go to the top of the page
+Quote Post
sada
post 9.02.2011, 22:52:47
Post #5





Grupa: Zarejestrowani
Postów: 302
Pomógł: 24
Dołączył: 6.12.2008

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


Sprawa okazała się prostsza niż myślałem


[JAVASCRIPT] pobierz, plaintext
  1. $(function(){
  2. var wys=$('#sformatowany').height() ;
  3. wys=parseInt(wys);
  4.  
  5. $('#punkt').click(function(){
  6. $('#sformatowany').animate({"marginTop" : -wys+'px'},60000);
  7. });
  8. });
[JAVASCRIPT] pobierz, plaintext



Dziękuję wszystkim za pomoc
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: 19.07.2025 - 07:58