Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] getElementById zwraca null
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Damian34
4.06.2010, 19:40:44 
[HTML] pobierz, plaintext 
  1. <?php
  2. // important data include
  3.  
  4. include("_mysql.php");
  5. include("_settings.php");
  6. include("_functions.php");
  7.  
  8. // end important data include
  9. ?>
  10.  
  11. <html>
  12.  
  13. 	<head>
  14. 		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
  15.  
  16. 		<!-- Head & Title include -->
  17.  
  18. 		<title><? echo PAGETITLE; ?></title>
  19. 		<link href="_stylesheet.css" rel="stylesheet" type="text/css">
  20. 		<link href="style.css" rel="stylesheet" type="text/css">
  21. 		<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
  22.  
  23. 		<!-- end Head & Title include -->
  24.  
  25. 	</head>
  26.  
  27. 	<body>
  28. 	<script language="jscript" type="text/javascript">alert(document.getElementById("matches"));</script>
  29. 	<!--Header-->
  30. 		<div id = "header">
  31. 			<img src="images/header.png"/>
  32. 			<span class="headerTitle">Witaj na stronie klanu <?php echo PAGETITLE;?> !</span>
  33. 			<div id="menuUser">
  34. 			<?php include('login.php');?>
  35. 			</div>
  36. 		</div>
  37. 		<!--end Header-->
  38.  
  39. 		<!--Top Menu-->
  40. 		<div id="menuTop">
  41. 			<ul class="menuTop">
  42. 				<li class="menuTop"><a href="index.php" class="menuTop">Strona Główna</a></li>
  43. 				<li class="menuTop"><a href="index.php?site=gallery" class="menuTop">Galeria</a></li>
  44. 				<li class="menuTop"><a href="index.php?site=matches" class="menuTop">Mecze</a></li>
  45. 				<li class="menuTop"><a href="index.php?site=members" class="menuTop">Dywizje</a></li>
  46. 				<li class="menuTop"><a href="index.php?site=forum" class="menuTop">Forum</a></li>
  47. 			</ul>
  48. 			<img src="images/search.png" class="search"/>
  49. 			<form method="POST" action="index.php?action=quicksearch" name="searchForm">
  50. 				<input type="text" name="search" class="searchForm" value="Szukaj..." onClick="deleteSearch();"/>
  51. 			</form>
  52. 		</div>
  53.  
  54. 		<!--end Top Menu-->
  55.  
  56. 		<!--Matches-->
  57.  
  58. 		<div id="matches">
  59. 			<img src="images/leftarrow.png" class="leftArrow"/>
  60. 			<img src="images/rightarrow.png" class="rightArrow"/>
  61. 		</div>
  62.  
  63. 		<!--end Matches-->
  64.  
  65. 		<!--Kontener-->
  66.  
  67. 		<div id="kontener">
  68.  
  69. 			<div id="leftColumn">
  70. 				<div id="poll">
  71. 					<img src="images/columncover.png" class="pollCover"/>
  72. 					<div id="pollContent">
  73. 						<?php include("poll.php");?>
  74. 					</div>
  75. 				</div>
  76. 				<div id="glory">
  77. 					<img src="images/columncover.png" class="pollCover"/>
  78. 					<div id="gloryContent">
  79. 						<?php include("honor.php");?>
  80. 					</div>
  81. 				</div>
  82. 			</div>
  83.  
  84. 			<div id="rightColumn">
  85. 				<div id="shoutbox">
  86. 					<img src="images/columncover.png" class="pollCover"/>
  87. 					<div id="shoutboxContent">
  88. 						<?php include("shoutbox.php");?>
  89. 					</div>
  90. 				</div>
  91. 				<div id="partners">
  92. 					<img src="images/columncover.png" class="pollCover"/>
  93. 					<div id="partnersContent">
  94. 						<?php include("partners.php");?>
  95. 					</div>
  96. 				</div>
  97. 			</div>
  98.  
  99. 			<div id="content">
  100. 				<?php
  101. 					if(!isset($site)) $site="news";
  102. 					$invalide = array('\\','/','//',':','.');
  103. 					$site = str_replace($invalide,' ',$site);
  104. 					if(!file_exists($site.".php")) $site = "news";
  105. 					include($site.".php");
  106. 				?> 
  107. 			</div>
  108. 		</div>
  109.  
  110. 		<!--end Kontener-->
  111.  
  112. 		<div id="foot">
  113. 		</div>
  114. 	</body>
  115. </html>
[HTML] pobierz, plaintext


alert z document.getElementById zwraca wartosc null Próbowalem na roznych innych divach, ale to nic nie daje, caly czas jest null
lukasz_os
4.06.2010, 20:38:29
Przenieś skrypt na koniec. Próbujesz pobrać element przed pojawieniem się jego w DOM.
vermis
4.06.2010, 20:51:16
Dokument html jest analizowany po kolei. W momencie kiedy próbujesz pobrać element on jeszcze nie został stworzony.
Takie skrypty wywołuje się zdarzeniem onload, czyli w momencie wygenerowania całego dokumentu. Przykład poniżej:
[HTML] pobierz, plaintext 
  1. <body onload="jakas_funkjca()"> 
[HTML] pobierz, plaintext
Damian34
4.06.2010, 20:51:27
A jeżeli zaaplikuje skrypt jako osobny plik to bedzie dzialac, czy trzeba go dac na koniec strony?
erix
4.06.2010, 22:25:17
Po co uzależniać od lokalizacji? Zbinduj sobie do albo onload, albo DOMContentLoaded.

Wszystko znajdziesz w Sieci szukając po tych nazwach, w szczególności po drugiej.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.