Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][CSS]Dynamiczna zmiana zawartości jednego diva
-Simo-
post
Post #1





Goście
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 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.  
  4. 	<head>	
  5. 	<link rel="stylesheet" href="style.css" type="text/css" />
  6. 	<script type="text/javascript">
  7.  
  8. 							function zmiana() {
  9. 									var e = document.getElementsById("d");
  10. 									for (i=0; i<e.length; i++)
  11. 										e[i].style.background = "red";
  12. 								}
  13. 							</script>
  14. 	</head>
  15. 	<body>	
  16. 	<div id="strona">	
  17. 			<div id = "naglowek">
  18. 			<script type="text/javascript" src="pierwszy.js"></script>
  19. 			<a href="index.php"><img src="naglowek.png" width = "100%"></a><br />
  20. 			</div>
  21. 			<div id="menu">
  22. 			<center>
  23. 			<ul id="menu"> 
  24. 						<li><a href="index.php" title="">Start</a></li> 
  25. 						<li><a href="strona1.html" title="">Zespoły</a> 
  26. 							<ul> 
  27. 							<li><a href="strona1.html" title="">KoRn</a></li> 
  28. 							<li><a href="strona2.html" title="">SOAD</a></li>
  29. 							<li><a href="strona3.html" title="">Iron</a></li>
  30. 							<li><a href="strona4.html" title="">Farben Lehre</a></li> 
  31.  
  32. 							</ul> 
  33. 						</li> 
  34.  
  35. 						<li>
  36. 						<a href="kontakt.html" title="">Kontakt</a> 
  37. 						</li>
  38. 					</ul> 
  39. 			</center>		
  40. 			</div>
  41. 			<div id = "tresc">
  42.  
  43. 				<div id="dym1">	
  44. 							<div id="d" class="stara2">
  45.  
  46. 							<a href="java script:void(zmiana())">Zmiana Tła</a>
  47.  
  48. 							</div>	
  49. 							<div id = dym1srodek>
  50. 							</div>
  51. 			<?
  52. 			echo"
  53. 			onvallis nunc eget nulla ullamcorper accumsan. Aliquam molestie sapien id sem posuere pellentesque.";
  54.  
  55. 			?>
  56. 			</div>
  57.  
  58. 	</div>
  59. </div>	
  60.  
  61. 	</body>
  62. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
CuteOne
post
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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

zamiast "background" daj "backgroundColor"

ps. po co listujesz element, który jest jeden na całą stronę? (IMG:style_emoticons/default/smile.gif) 
[JAVASCRIPT] pobierz, plaintext 
  1. function zmiana() {
  2.  
  3.      document.getElementsById("d").style.backgroundColor = "red";
  4. }
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
Simo
post
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 24.10.2012

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

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ć (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
CuteOne
post
Post #4





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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

Zobacz do mojej sygnatury

ps. Element nie Elements
Go to the top of the page
+Quote Post
Simo
post
Post #5





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 24.10.2012

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

Teraz działa, kluczem było to Elements (IMG:style_emoticons/default/wink.gif)
Dziękuje za pomoc.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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 Aktualny czas: 23.08.2025 - 10:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn