+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Aktualizacja zawartości DIV'a w czasie (/thread-aktualizacja-zawarto%C5%9Bci-div-a-w-czasie)
Aktualizacja zawartości DIV'a w czasie - Setesh - 18-10-2012
Witam.
Mam taki mały problem z JS i html'em a mianowicie chciałem zrobić wyświetlanie w czasie informacji poprzez zmianę zawartości pewnych divów na stronie. Problem polega na tym że zmienia się zawartość tylko jednego z divów zamiast 2 i to nie zmienia się regularnie. Może ktoś mi wytłumaczyć czemu się tak dzieje ewentualnie zaproponować inne rozwiązanie?
kod :
window.onload = function()
{
setTimeout("change('divid1', '1')", 1000);
setTimeout("change('divid2', '1')", 1000);
setTimeout("change('divid1', '2')", 1500);
setTimeout("change('divid2', '2')", 1500);
setTimeout("change('divid1', '3')", 2000);
setTimeout("change('divid2', '3')", 2000);
setTimeout("change('divid1', '4')", 2500);
setTimeout("change('divid2', '4')", 2500);
setTimeout("change('divid1', '5')", 3000);
setTimeout("change('divid2', '5')", 3000);
setTimeout("change('divid1', '6')", 3500);
setTimeout("change('divid2', '6')", 3500);
setTimeout("change('divid1', '7')", 4000);
setTimeout("change('divid2', '7')", 4000);
setTimeout("change('divid1', '8')", 4500);
setTimeout("change('divid2', '8')", 4500);
setTimeout("change('divid1', '9')", 5000);
setTimeout("change('divid2', '9')", 5000);
}
function change(where, what)
{
document.getElementById(where).innerHTML=what;
}
Czy może to być związane z jakimiś zabezpieczeniami, że się nie chce zmieniać? Już wyczerpałem pomysły czemu nie można zmienić więcej niż jednego elementu na stronie
RE: Aktualizacja zawartości DIV'a w czasie - Kartofelek - 18-10-2012
[code]
var i = 0;
function change(where, what) {
document.getElementById(where).innerHTML=what;
}
function clickTime() {
change('divid1', i+1);
change('divid2', i+1);
setTimeout('clickTime()', 1000 + 500*i++)
}
window.onload = function() {
setTimeout('clickTime()', 1000);
}
[code]
RE: Aktualizacja zawartości DIV'a w czasie - Setesh - 19-10-2012
Kartofelek dzięki ale już zrobiłem inaczej
teraz mam inny problem którego nie kumam...
KOD:
for(var klatka=1; klatka<26; klatka++)
{
var dlugosc = (20*klatka) + 'px';
setTimeout(
function()
{
setProperty(
'bar2',
'width',
dlugosc
);
},
(klatka*25)
);
}
function setProperty(id, prop, val)
{
var obj = document.getElementById(id);
if(obj)
{
obj.style[prop] = val;
return true;
}
return false;
}
Pytanie... Dlaczego nie mogę zmienić w pętli wartości parametru width? zupełnie jakby nie trafiało do funkcji polecenie :/