Pagalbos su java scriptu

Sveiki

gal cia yra ismananciu java script?

yra toks CSS kodas:

#loading {
   background: url("../image/spinner3-black.gif") no-repeat scroll center center #FFFFFF;
   border: 1px solid #666666;
   font: 16px Tahoma,Geneva,sans-serif;
   height: 100px;
   left: 50%;
   margin-left: -50px;
   margin-top: -50px;
   overflow: auto;
   padding: 10px;
   position: fixed;
   text-align: center;
   top: 50%;
   width: 100px;
   z-index: 99;
}

ir yra java scriptas iterptas i templeita (opencarte):

<div class="payment"><?php echo $payment; ?></div>
<script type="text/javascript">
  $(document).ready(function() {
     $('body').prepend('<div id="loading" style="display: none;">Palaukite...</div>');
     var submitted = false;
     $('#button-confirm').click(function() {
        if (submitted) return;
        submitted = true;
        $('div#loading').show();
     });
  });
</script>

esme tokia, kad yra opencart bugas keistas nuo seno, kai pirkejas apsiperka, pasirenka bank transfer tipa ir paspaudzia mygtuka tvirtinti uzsakyma, tada buna uzlaikymas 3-4 sek...

O sitas scriptas pagamina piesinuka su "Loading..." vaizdu ir pranesimu, na kad pirkejas nesiparintu ir nespaustu 4 kartu mygtuka tvirtinti :)

ir jis nesuveikia ant Chrome... su Firefox ok, dar kitus nebandziau tikrinti, bet gal is esmes kazkas ne taip scripte, kad jis ne visur veikia?

Speju ir ant IE neveiks. Cia problema buna ne su javascriptu, o su css, kartais tenka atskyrai style rasyti browseriams, bet kiek zinau IE 9 versijoj lygtais istaise, tad su chrome irgi panasiai. Man nekarta taip budavo, kad mozzila, opera gerai, o kitos nlb rodo kaip reikia, tad atskyrai rasydavau style dali konkreciai narsyklei

Didele tikimybe kad jis suveikia (pamėgink debug'int) bet gal z-index reikšmė per maža ir jos nerodo, man ant IE nekart taip buvo. Pakeisk į 9999 :)

Didele tikimybe kad jis suveikia (pamėgink debug'int) bet gal z-index reikšmė per maža ir jos nerodo, man ant IE nekart taip buvo. Pakeisk į 9999 :)

chm... na reiks patikrint :)

Sprendimas buvo toks

<script type="text/javascript">
$(document).ready(function() {
$('#button-confirm').click(function() {
       $('body').prepend('<div id="loading" style="display: none;">Palaukite...</div>');
       $('div#loading').show();
});
});
</script>

Aciu musu moderatoriui Ariui ;)