Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> backgroundposition nie działa do body
bolas33
post 11.11.2012, 22:05:19
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 26.05.2007

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

Witam,

Próbuje za pomocą javascript zmienić poprzez DOM backgroundposition dla body w dokumencie html, niestety bezskutecznie. (konkretnie z center top na center bottom)

Czy ta opcja w ogóle działa dla body ? Jeśli tak to będe wdzięczny za kawałek kodu.

Pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
prowseed
post 11.11.2012, 22:10:05
Post #2





Grupa: Zarejestrowani
Postów: 433
Pomógł: 64
Dołączył: 29.01.2011
Skąd: Warszawa

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

Działa tak samo jak dla każdego innego kontenera.
Pokaż może kod, którym chcesz dokonać zmiany


--------------------
portfolio | blog
Go to the top of the page
+Quote Post
bolas33
post 11.11.2012, 22:22:39
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 26.05.2007

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. 	<script type="text/javascript"> 
  5.         displayResult(){	
  6. 			document.getElementById("w3s").style.backgroundPosition="center top"
  7. 				});
  8. 	</script>
  9.  
  10. </head>
  11.  
  12. <body style="background-image: url('kwadrat.jpg');background-repeat: no-repeat;background-position: center bottom; height:100%;" id="w3s" >
  13.  
  14. <button type="button" onclick="displayResult()">Position background image</button>
  15.  
  16. </body>
  17. </html>
[HTML] pobierz, plaintext


Przypuszczam, że robie jakiś trywialny błąd rodem z podstawówki bo inaczej sobie tego nie potrafie wytłumaczyć, straciłem już poł dnia na to.

Ten post edytował bolas33 11.11.2012, 22:23:59
Go to the top of the page
+Quote Post
ziqzaq
post 11.11.2012, 23:32:54
Post #4





Grupa: Zarejestrowani
Postów: 428
Pomógł: 128
Dołączył: 17.06.2007

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

Po pierwsze: funkcja displayResult() jest niezdefiniowana. Podpowiedź: function mojaFunkcja() {}
Po drugie: sprawdź sobie klamry i nawiasy w kodzie js.
Po trzecie: Firefox/Chrome/itd. + konsola javascript/firebug twoim przyjacielem.
Go to the top of the page
+Quote Post
bolas33
post 11.11.2012, 23:44:16
Post #5





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 26.05.2007

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

Nie wierze, że zmarnowałem pół dnia na taki idiotyzm.

Dziękuje przyjacielu !

Temat zamknięty

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. 	<script type="text/javascript"> 
  5.         function displayResult(){	
  6. 			document.getElementById("w3s").style.backgroundPosition="center top"
  7. 				}
  8. 	</script>
  9.  
  10. </head>
  11.  
  12. <body style="background-image: url('kwadrat.jpg');background-repeat: no-repeat;background-position: center bottom; height:100%;" id="w3s" >
  13.  
  14. <button type="button" onclick="displayResult()">Position background image</button>
  15.  
  16. </body>
  17. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
ziqzaq
post 12.11.2012, 07:26:43
Post #6





Grupa: Zarejestrowani
Postów: 428
Pomógł: 128
Dołączył: 17.06.2007

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

Znam to dobrze, niby oczywistość a nie chce wpaść w oko, a im dłużej siedzisz tym trudniej zauważyć ;)
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 26.06.2025 - 21:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn