VGoogle Chrome script ide ale v žiadnom inom nie.

programmer · Napísal **programmer**: 23.05.2010 14:18

Ahojte. Mám webovú aplikáciu v javascripte, ktorá má vykonávať funkcie obrázkovej prezentácie. Problém je, že mi ide len v jednom prehliadači a v ostatných vôbec. Kde môže byť chyba? od včera sa mi ju nedarí nájsť.

HTML súbor

Kód:

<html>
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta name="description" content="Ručná autoumyváreň Liptovský Hrádok">
   <link rel="stylesheet" type="text/css" href="style.css">
      <script language="javascript" src="script.js"></script>
      <title>Ručná autoumývareň</title>
   </head>
   <body>

      <div class="box">
         <div class="box1">
            <div class="box2">
               <div class="box3">
                  <div class="box4">
                     <div class="box5">
                        <div class="box6">
                           <div class="box7">
                              <div class="banner">
                                 <img src="titulok.jpeg">
                              </div>
                                                            
                              <div class="zalozky" id="index">
                              <ul class="zalozky2" id="index2">
                                 <li class="zalozky3"><a href="index.html" class="zalozky4">titulná stránka</a></li>
                                 <li class="zalozky3"><a href="cennik_zobraz.php" class="zalozky4">cenník</a></li>
                                 <li class="zalozky3"><a href="reakcia_zadanie.php" class="zalozky4">Vaše pripomienky</a></li>
                                 <li class="zalozky3"><a href="kontakt.html" class="zalozky4">Kontakt</a></li>
                                 <li class="zalozky3"><a href="administrator.php" class="zalozky4">Administrátor</a></li>
                              </ul>
                              
                              </div>
                              <div class="cela_plocha">
                                 <div class="cela_plocha2">
                                    <div class="cela_plocha3">
                                       <div class="block_of_previews">
                                          <div class="block_of_preview">
                                             <div class="previews"><img src="fotky/nahlad/0.gif" name="prev1" onclick="set_pic()"></div>
                                          </div>
                                          <div class="block_of_preview">
                                             <div class="previews"><img src="fotky/nahlad/0.gif" name="prev2" onclick="set_pic()"></div>
                                          </div>
                                          <div class="block_of_preview">
                                             <div class="previews"><img src="fotky/nahlad/1.jpg" name="prev3" onclick="set_pic()"></div>
                                          </div>
                                          <div class="block_of_preview">
                                             <div class="previews"><img src="fotky/nahlad/2.jpg" name="prev4" onclick="set_pic()"></div>
                                          </div>
                                          <div class="block_of_preview">
                                             <div class="previews"><img src="fotky/nahlad/3.jpg" name="prev5" onclick="set_pic()"></div>
                                          </div>
                                       </div>
                                       <span class="slide_anchors">prvý obrázok</span> <a href="#" class="slide_anchors" onclick="previous_img()">predchádzajúci obrázok</a> <a href="#" class="slide_anchors" onclick="next_img()">nasledujúci obrázok</a> <span class="slide_anchors">posledný obrázok</span>
                                       <center><img name="picture" src="fotky/1.jpg" onclick="next_img()"></center>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>      
   </body>
</html>

Javascript:

Kód:

var img = 1;

var pr1 = -1;
var pr2 = 0;
var pr3 = 1;
var pr4 = 2;
var pr5 = 3;

function set_preview() {
   if (pr1 < 1) {
      document.images.prev1.src = "fotky/nahlad/0.gif";
      if (pr1 == -1) {
         document.images.prev3.src = "fotky/nahlad/1.jpg";
         document.images.prev4.src = "fotky/nahlad/2.jpg";
         document.images.prev5.src = "fotky/nahlad/3.jpg";
      }
      if (pr2 < 1) {
         document.images.prev2.src = "fotky/nahlad/0.gif";
         
      } else {
         document.images.prev2.src = "fotky/nahlad/" + pr2 + ".jpg";
         document.images.prev3.src = "fotky/nahlad/" + pr3 + ".jpg";
         document.images.prev4.src = "fotky/nahlad/" + pr4 + ".jpg";
         document.images.prev5.src = "fotky/nahlad/" + pr5 + ".jpg";
      }
   } else {
      document.images.prev1.src = "fotky/nahlad/" + pr1 + ".jpg";
      document.images.prev2.src = "fotky/nahlad/" + pr2 + ".jpg";
      document.images.prev3.src = "fotky/nahlad/" + pr3 + ".jpg";
      document.images.prev4.src = "fotky/nahlad/" + pr4 + ".jpg";
      document.images.prev5.src = "fotky/nahlad/" + pr5 + ".jpg";
   }
   if (pr5 > 35) {
      document.images.prev5.src = "fotky/nahlad/0.gif";
      if (pr4 > 35) {
         document.images.prev4.src = "fotky/nahlad/0.gif";
      }
   }
}

function set_img() {
   document.images.picture.src = "fotky/" + img + ".jpg";
   set_preview();
}

function next_in_preview() {
   pr1++;
   pr2++;
   pr3++;
   pr4++;
   pr5++;
   set_preview();
}


function next_img() {
   if (img == 35) {
      break;
   }
      img++;
      next_in_preview();
      set_img();
}

function previous_in_preview() {
   pr1--;
   pr2--;
   pr3--;
   pr4--;
   pr5--;
   set_preview();   
}


function previous_img() {
   if (img == 1) {
      break;
   }
   img--;
   previous_in_preview();
   set_img();
}

Dakujem všetkým za pomoc.

Ďuri · Napísal **Ďuri**: 23.05.2010 15:02

Brr, strasny kod

dost vela veci by sa dalo zjednodusit alebo nahradit cyklom, ale nechce sa mi zamyslat, co to ma robit.
Firefoxu sa nepaci, ze pouzivas break mimo cyklu (vid fcia previous_img). Naco to tam je? Ak chces ukoncit beh fcie, robi sa to klasicky returnom. Taketo veci si vies pozriet v chybovej konzole, ma ju kazdy prehliadac, vo Firefoxe ju spustis pomocou Ctrl+Shift+J.

programmer · Napísal autor témy **programmer**: 23.05.2010 15:06

Jóój, díky, Juri. Idem vyskúšať. Moc dobre si uvedomujem, že ten kód sa dá napísať lepšie, ale súri ma to, a do tohto kódu sa nikdy už nebude zasahovať, takže mi je to jedno. Díky.

Ďuri, si kráľ, ide to!

VGoogle Chrome script ide ale v žiadnom inom nie.

Podobné témy