Forum PHP.pl > dynamiczna zmiana położenia obrazka

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: dynamiczna zmiana położenia obrazka

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

takashi

10.09.2011, 10:38:56

Witajcie
zagadnienie wydawało sie dość proste aczkolwiek niestety nie działa....
jak w temacie chce by tło strony "poruszało się".
w praktyce zależy mi na tym by kodzik JS zmieniał wartość css "margin-top"

napisałem coś co myślałem że odpali:

[HTML] pobierz, plaintext 
function change() {
var i=-20;
for (i=-20;i=-1500;i--) {
document.getElementById(bcg).style.margin-top= i+"px";
}
[HTML] pobierz, plaintext

i zaimplementowałem poprzez
<body onLoad="change()">
niestety nic sie nie dzieje.
coś spartoliłem i nie wiem gdzie,
wiem, że niektórzy wypomną mi że to się zrobi w ciagu mgnienia oka i nic nie zobacze ale funkcję opóźnienia dodam później

jak coś testuję na: KLIK '

z chęcią wysłucham (patrz wyczytam) wszystkie uwagi itp.

CuteOne

10.09.2011, 18:08:12

1.
i=-20;i = -1500;i--
i=-20;i >= -1500;i--

2.
document.getElementById(bcg) a gdzie apostrofy/cudzysłowie w nazwie id?

ps. wszelkie błędy JS wyłapiesz za pomocą konsoli błędów wbudowanych w większości nowych przeglądarek -> patrz moja sygnatura

takashi

10.09.2011, 19:12:04

Wielkie dzięki w szczególności za PS.

już wiem czemu nie działała mi przeźroczystość ;P pewnie wyszłoby na validatorze, ale co z serca to z głowy

i tak jak napisałeś/łaś (?) document.getElementById(bcg) jest bez "". Naturalka poprawiłem co nie zmieniło faktu, że sypie mi się na dalszej części i nawet po stanie:

[HTML] pobierz, plaintext 
document.getElementById("bcg").style.margin-top= ""+i+"px";
[HTML] pobierz, plaintext

kodzik kwiczy i płacze.... stawiam na błąd składniowy w " .style.margin-top= ""+i+"px"; " ale wyłapać nie umiem a opera niestety dokładnie nie chce zdradzić co spaprałem

czy powodem może być to, że mam już w pliku z css'em linijkę: margin-top: -25px;

normalnie chyba nie ale wole sie upewnić.

vokiel

10.09.2011, 19:40:00

A to?

[JAVASCRIPT] pobierz, plaintext 
document.getElementById("bcg").style.marginTop = i+"px";
[JAVASCRIPT] pobierz, plaintext

takashi

10.09.2011, 21:33:25

o cholercia

podziałało

i kolejna nauczka dla mnie

nie wiedzialem ze dwuczlonowe nazwy pisze sie w ten sposób...
każdy dzień uczy czegoś nowego

Dzięki za pomoc!

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.