Forum PHP.pl > backgroundposition nie działa do body

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: backgroundposition nie działa do body

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

bolas33

11.11.2012, 22:05:19

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

prowseed

11.11.2012, 22:10:05

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

bolas33

11.11.2012, 22:22:39

[HTML] pobierz, plaintext 
<html>
<head>
 
	<script type="text/javascript"> 
        displayResult(){	
			document.getElementById("w3s").style.backgroundPosition="center top"
				});
	</script>
 
</head>
 
<body style="background-image: url('kwadrat.jpg');background-repeat: no-repeat;background-position: center bottom; height:100%;" id="w3s" >
 
<button type="button" onclick="displayResult()">Position background image</button>
 
</body>
</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.

ziqzaq

11.11.2012, 23:32:54

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.

bolas33

11.11.2012, 23:44:16

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

Dziękuje przyjacielu !

Temat zamknięty

[HTML] pobierz, plaintext 
<html>
<head>
 
	<script type="text/javascript"> 
        function displayResult(){	
			document.getElementById("w3s").style.backgroundPosition="center top"
				}
	</script>
 
</head>
 
<body style="background-image: url('kwadrat.jpg');background-repeat: no-repeat;background-position: center bottom; height:100%;" id="w3s" >
 
<button type="button" onclick="displayResult()">Position background image</button>
 
</body>
</html>
[HTML] pobierz, plaintext

ziqzaq

12.11.2012, 07:26:43

Znam to dobrze, niby oczywistość a nie chce wpaść w oko, a im dłużej siedzisz tym trudniej zauważyć ;)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.