Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript][PHP]proszę o sprawdzenie kodu strony
Forum PHP.pl > Forum > Przedszkole
lukasz030581
10.01.2011, 18:04:14
Witam
mam mały problem a mianowicie
przerabiam skrypt i nie wiem dlaczego nie wy¶wietlaj± mi się obrazki, wy¶wietla się na starcie pierwszy a następne już nie,
to jest nauka kat.b i wszystko jest oki pytania się zmieniaj± można je sprawdzić ale obrazek jest cały czas ten sam,

wklejam poniżej kod proszę o wyrozumiało¶ć kod jest bardzo długi ale chce żeby był w cało¶ci bo przynajmniej można sprawdzić co zrobiłem nie tak


[HTML] pobierz, plaintext 
  1.  
  2. <script type="text/javascript">//<![CDATA[
  3.    setTimeout ("changePage()", 2000);
  4.    function changePage() {
  5.       if (self.parent.frames.length != 0)
  6.          self.parent.location=document.location;
  7.       }
  8.  //]]> </script>
  9.  
  10.  
  11.  
  12.  
  13.    <link rel="STYLESHEET" type="text/css" href="nauka.php_pliki/style.css">
  14.  
  15.  
  16.   <div class="glowna_ramka">
  17.    <div class="biezacy_numer"><form style="border: 0px none;">
  18.   <table style="background-color: rgb(211, 211, 211);" align="center" border="0" cellpadding="2" cellspacing="4">
  19.       <tbody><tr>
  20.         <td class="biezacy_numer"><!--<div id="biezacy_numer"><center></center></div--><input style="border: 0px solid; width: 30px;" id="biezacy_numer2" onclick="pytanie(-2);" value="" type="text"></td></tr>
  21.   </tbody></table></form>
  22.  
  23.   </div><br>
  24.  
  25.   <div id="sprawdz" class="sprawdz"><img src="nauka.php_pliki/sprawdz_on.png" onmouseover="this.src='images/sprawdz_off.png'; return true;" onmouseout="this.src='images/sprawdz_on.png'; return true;" style="" onclick="sprawdz();" width="100" height="25"></div>
  26. <!--f-->
  27. <div id="przejdz" class="przejdz"><img src="nauka.php_pliki/przejdz_on.png" onmouseover="this.src='images/przejdz_off.png'; return true;" onmouseout="this.src='images/przejdz_on.png'; return true;" style="" onclick="pytanie(-2);" width="100" height="25"></div>
  28.   <div style="" id="wstecz" class="wstecz"><img src="nauka.php_pliki/poprzednie_on.png" onmouseover="this.src='images/poprzednie_off.png'; return true;" onmouseout="this.src='images/poprzednie_on.png'; return true;" style="" onclick="pytanie(-1)" width="100" height="25"></div>
  29.   <div style="" id="dalej" class="dalej"><img src="nauka.php_pliki/nastepne_on.png" onmouseover="this.src='images/nastepne_off.png'; return true;" onmouseout="this.src='images/nastepne_on.png'; return true;" style="" onclick="pytanie(0)" width="100" height="25"></div>
  30.   <div class="fotka"><img src="nauka.php_pliki/200607311858130.jpg" style="border: 1px solid black;" id="zdjecia" width="445" height="305"></div>
  31.   <div id="pytanie" class="pytanie">W tej sytuacji kierujący pojazdem jest ostrzegany o:</div>
  32.   <div style="background-color: white;" class="odpA" id="divA">
  33.   <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
  34.     <tbody><tr>
  35.       <td align="center" width="45"><img src="nauka.php_pliki/a_on.png" id="button_a" onmouseover="this.src='images/a_off.png'; return true;" onmouseout="this.src='images/a_on.png'; return true;" style="" onclick="zaznacz_odp('A', true);" align="absmiddle" border="0" width="40" height="40"></td>
  36.       <td><span class="odp" id="odp_a">dwóch niebezpiecznych zakrętach, z których pierwszy jest w prawo,</span></td>
  37.     </tr>
  38.   </tbody></table>
  39. </div>
  40.   <div style="background-color: white;" class="odpB" id="divB">
  41.   <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
  42.     <tbody><tr>
  43.       <td align="center" width="45"><img src="nauka.php_pliki/b_on.png" id="button_b" onmouseover="this.src='images/b_off.png'; return true;" onmouseout="this.src='images/b_on.png'; return true;" style="" onclick="zaznacz_odp('B', true);" align="absmiddle" border="0" width="40" height="40"></td>
  44.       <td><span class="odp" id="odp_b">dwóch niebezpiecznych zakrętach, z których pierwszy jest w prawo, a drugi w lewo,</span></td>
  45.     </tr>
  46.   </tbody></table>
  47. </div>
  48.   <div style="background-color: white;" class="odpC" id="divC">
  49.   <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
  50.     <tbody><tr>
  51.       <td align="center" width="45"><img src="nauka.php_pliki/c_on.png" id="button_c" onmouseover="this.src='images/c_off.png'; return true;" onmouseout="this.src='images/c_on.png'; return true;" style="" onclick="zaznacz_odp('C', true);" align="absmiddle" border="0" width="40" height="40"></td>
  52.       <td><span class="odp" id="odp_c">nieokreœlonej liczbie niebezpiecznych zakrętów.</span></td>
  53.     </tr>
  54.   </tbody></table>
  55. </div>
  56. </div>
  57.  
  58. <script language="JavaScript">
  59. pytania = Array();
  60. odpA = Array();
  61. odpB = Array();
  62. odpC = Array();
  63. poprA = Array();
  64. poprB = Array();
  65. poprC = Array();
  66. obrazki = Array();
  67. udzielonaA = Array();
  68. udzielonaB = Array();
  69. udzielonaC = Array();
  70.  
  71. var pyt = 1;
  72. var koniec = false;
  73. var xnr = 1
  74. pytania[1] = 'W tej sytuacji kierujący pojazdem jest ostrzegany o:'; obrazki[1] = '200607311858130.jpg';
  75. odpA[1] = 'jednym niebezpiecznym zakręcie w prawo'; odpB[1] = 'dwóch niebezpiecznych zakrętach, z których pierwszy jest w prawo'; odpC[1] = 'nieokreœlonej liczbie niebezpiecznych zakrętów';
  76. poprA[1] = true; poprB[1] = false; poprC[1] =
  77. false; udzielonaA[1] = false; udzielonaB[1] = false;
  78. udzielonaC[1] = false;
  79. pytania[2] = 'W tej sytuacji kierujący pojazdem jest ostrzegany o:'; obrazki[2] = '200607311858570.jpg';
  80. odpA[2] = 'dwóch niebezpiecznych zakrętach, z których pierwszy jest w prawo,'; odpB[2] = 'dwóch niebezpiecznych zakrętach, z których pierwszy jest w prawo, a drugi w lewo,'; odpC[2] = 'nieokreœlonej liczbie niebezpiecznych zakrętów.';
  81. poprA[2] = true; poprB[2] = false; poprC[2] =
  82. false; udzielonaA[2] = false; udzielonaB[2] = false;
  83. udzielonaC[1] = false;pytania[3] = 'W tej sytuacji kierujący pojazdem powinien spodziewać się pierwszego zakrętu po przejechaniu:'; obrazki[3] = '200607311858420.jpg';
  84. odpA[3] = '50-70 m,'; odpB[3] = '70-100 m,'; odpC[3] = 'co najmniej 150 m.';
  85. poprA[3] = false; poprB[3] = false; poprC[3] =
  86. true; udzielonaA[3] = false; udzielonaB[3] = false;
  87. udzielonaC[1] = false;
  88.  
  89.  
  90. function sprawdz() {
  91. udzielonaA[pyt] = poprA[pyt];
  92. udzielonaB[pyt] = poprB[pyt];
  93. udzielonaC[pyt] = poprC[pyt];
  94. pytanie(pyt);
  95. }
  96.  
  97.  
  98. function pytanie(pytanie) {
  99.  
  100. xnr = document.getElementById('biezacy_numer2').value;
  101.  
  102. if (xnr>0 && xnr<526) pyt = eval(xnr);
  103. if(pytanie == -2) {
  104. pytanie = pyt;
  105. }
  106. if(pytanie == -1) {
  107. pytanie = pyt-1;
  108. }
  109. else if(pytanie == 0) {
  110. pytanie = pyt+1;
  111. }
  112. if (pytanie<1 || pytanie>525) pytanie = 1;
  113. document.getElementById('sprawdz').style.visibility = '';
  114. pyt = pytanie;
  115. if(pyt == 1) {
  116. document.getElementById('wstecz').style.visibility = 'hidden';
  117. } else {
  118. document.getElementById('wstecz').style.visibility = '';
  119. }
  120. if(pyt == 525) {
  121. document.getElementById('dalej').style.visibility = 'hidden';
  122. }
  123. else {
  124. document.getElementById('dalej').style.visibility = '';
  125. }
  126. if(obrazki[pytanie] == '') {
  127. document.getElementById('zdjecia').src = 'foto_test/blank.jpg';
  128. } else {
  129. document.getElementById('zdjecia').src = 'foto_test/'+obrazki[pytanie];
  130. }
  131. document.getElementById('pytanie').innerHTML = pytania[pytanie];
  132. document.getElementById('odp_a').innerHTML = odpA[pytanie];
  133. document.getElementById('odp_b').innerHTML = odpB[pytanie];
  134. document.getElementById('odp_c').innerHTML = odpC[pytanie];
  135. zaznacz_odp('A', false);
  136. zaznacz_odp('B', false);
  137. zaznacz_odp('C', false);
  138. //document.getElementById('biezacy_numer').innerHTML = pyt;
  139. document.getElementById('biezacy_numer2').value = pyt;
  140. }
  141. function zaznacz_odp(nr, change) {
  142. var s = false;
  143. if(change) eval('udzielona'+nr+'['+pyt+'] = !udzielona'+nr+'['+pyt+']');
  144. eval('s = udzielona'+nr+'['+pyt+']');
  145. if(s) {
  146. document.getElementById('div'+nr).style.backgroundColor = '#D3D3D3';
  147. }
  148. else {
  149. document.getElementById('div'+nr).style.backgroundColor = 'white';
  150. }
  151. }
  152. pytanie(1);
  153. </script>
[HTML] pobierz, plaintext


mam folder: nauka.php_pliki, i tutaj mam umieszczone te trzy zdjęcia 200607311858130.jpg, 200607311858260.jpg, 200607311858420.jpg
i inne pliki i stronę o nazwie nauka.php.htm

nie wiem czy mam zdjęcia w złym folderze czy gdzie¶ mam jaki¶ kod, pytania zmieniaj± się normalnie ale zdjęcie jest cały czas te same

proszę o sprawdzenie i poprawienie tego kodu z góry dziękuję


ponawiam pytanie
CuteOne
10.01.2011, 18:12:14
Zrób mały test:
[HTML] pobierz, plaintext 
  1. if(obrazki[pytanie] == '') {
  2. document.getElementById('zdjecia').src = 'foto_test/blank.jpg';
  3. } else {
  4. document.getElementById('zdjecia').src = 'foto_test/'+obrazki[pytanie];
  5. }
[HTML] pobierz, plaintext

podmień na:
[HTML] pobierz, plaintext 
  1. alert('pytanie: ' + pytanie + ' w tablicy obrazki zwraca ' + obrazki[pytanie]);
  2. if(obrazki[pytanie] == '') {
  3. document.getElementById('zdjecia').src = 'foto_test/blank.jpg';
  4. } else {
  5. document.getElementById('zdjecia').src = 'foto_test/'+obrazki[pytanie];
  6. }
[HTML] pobierz, plaintext

Hoku
10.01.2011, 18:15:03
może przeładuj zdjęcia AJAXem? chyba, że trzymasz je wcze¶niej ukryte je¶li dobrze pamiętam zmiana linku na załadowanej stronie nie spowoduje pobrania pliku a jedynie jego podmianę chociaż mogę się mylić dawno tego nie robiłem.

użyj bugzilla w każdym razie do debugowania JS
lukasz030581
10.01.2011, 19:16:58
czy możesz mi poprawić ten kod albo dokładnie napisać co mam zrobić bo nie wiem o co chodzi, plik dostałem i muszę go przerobić ale nie wiem jak nie jestem autorem tego wiec nie wiem o co tak naprawdę chodzi
Hoku
10.01.2011, 20:37:20
nikt nie odwali za ciebie twojej roboty
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.