Forum PHP.pl > [JavaScript][CSS]Dynamiczna zmiana zawartości jednego diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][CSS]Dynamiczna zmiana zawartości jednego diva

Simo

24.10.2012, 19:24:58

Witam.
Muszę dynamicznie zmieniać zawartość(konkretnie wartość jednego pola) diva o id "d".
Próbuje to zrobić za pomocą document.getElementsById().style.background ale brak jakichkolwiek efektów .
Muszę to zrobić bez przeładowania strony i tak, aby funkcje zmieniając wartość dało się w przyszłości odpalać automatycznie co jakiś czas.
Gdzie robię błąd?

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 
	<head>	
	<link rel="stylesheet" href="style.css" type="text/css" />
	<script type="text/javascript">
 
							function zmiana() {
									var e = document.getElementsById("d");
									for (i=0; i<e.length; i++)
										e[i].style.background = "red";
								}
							</script>
	</head>
	<body>	
	<div id="strona">	
			<div id = "naglowek">
			<script type="text/javascript" src="pierwszy.js"></script>
			<a href="index.php"><img src="naglowek.png" width = "100%"></a><br />
			</div>
			<div id="menu">
			<center>
			<ul id="menu"> 
						<li><a href="index.php" title="">Start</a></li> 
						<li><a href="strona1.html" title="">Zespoły</a> 
							<ul> 
							<li><a href="strona1.html" title="">KoRn</a></li> 
							<li><a href="strona2.html" title="">SOAD</a></li>
							<li><a href="strona3.html" title="">Iron</a></li>
							<li><a href="strona4.html" title="">Farben Lehre</a></li> 
 
							</ul> 
						</li> 
 
						<li>
						<a href="kontakt.html" title="">Kontakt</a> 
						</li>
					</ul> 
			</center>		
			</div>
			<div id = "tresc">
 
				<div id="dym1">	
							<div id="d" class="stara2">
 
							<a href="java script:void(zmiana())">Zmiana Tła</a>
 
							</div>	
							<div id = dym1srodek>
							</div>
			<?
			echo"
			onvallis nunc eget nulla ullamcorper accumsan. Aliquam molestie sapien id sem posuere pellentesque.";
 
			?>
			</div>
 
	</div>
</div>	
 
	</body>
</html>
[HTML] pobierz, plaintext

CuteOne

24.10.2012, 19:35:54

zamiast "background" daj "backgroundColor"

ps. po co listujesz element, który jest jeden na całą stronę?

[JAVASCRIPT] pobierz, plaintext 
function zmiana() {
 
     document.getElementsById("d").style.backgroundColor = "red";
}
[JAVASCRIPT] pobierz, plaintext

Simo

24.10.2012, 19:49:03

Poprawka niestety nie pomogła.
Wrzucam link do strony: http://szymondomeracki.idsl.pl/
Elementów docelowo będzie więcej, na razie chce się skupić na tym aby cokolwiek zaczęło działać

CuteOne

24.10.2012, 19:59:31

Zobacz do mojej sygnatury

ps. Element nie Elements

Simo

24.10.2012, 23:23:46

Teraz działa, kluczem było to Elements

Dziękuje 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.