[ pakito @ 18.09.2017. 14:12 ] @
Hteo sam da napravim „alert“ u svom stilu, jer mi je onaj „službeni“ jako siromašan“, a dizajniranje me osvežava jer me podseća na jednu od mojih bivših (likovnih) struka!
Problem je nastao na korak do rešenja: moj „alert“ prvi put ne reaguje odmah, nego tek na drugi „klik“ ...

Evo kako stvar izgleda.
Submit poziva funkciju „proveriRUM()“ da proveri unos, pa ako nesto nije u redu, da aktivira „alert“
Moj „alert“ je pisan u jquery-u ...

Code:

function proveriRUM() {

var slovo =  $("#boxRUM").val();

if ( (slovo < 1) || (slovo > 37) )
 {
 
        $(document).ready(function() {                           
        $('#rum').click(function() {                
        $('#boxrel').fadeIn();        
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
        
        var topmargin = ($('#boxrel').height() + 10) / 2;
        var leftmargin = ($('#boxrel').width() + 10) / 2;
        
        $('#boxrel').css({
        'margin-top' : -topmargin,
        'margin-left' : -leftmargin
        });
        });
        
        $('#fade').click(function() {                  
        $('#fade , #boxrel').fadeOut()
        });
        });        
      
        return false;
    } else {
    return true;
    }
}
 


Stranica za vežbalište nalazi se ovde
http://www.paundurlic.com/vlaski.recnik/print4.php



a original je ovde:
http://www.paundurlic.com/vlaski.recnik/print.php

Gde je greška, i da li je teška?


[Ovu poruku je menjao pakito dana 18.09.2017. u 15:23 GMT+1]
[ pakito @ 18.09.2017. 18:22 ] @
RADOSNA VEST: USPEO SAM DA REŠIM PROBLEM.
Pokazalo se da su u jQuery-ju neki redovi bili višak a neki pak nisu bili na pravim mestima.
Evo ispravne fuinkcije

Code:

function proveriRUM() {

var slovo =  $("#boxRUM").val();
if ( (slovo < 1) || (slovo > 37) )
   {                   
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
        $('#boxrel').fadeIn();        
            
            var topmargin = ($('#boxrel').height() + 10) / 2;
            var leftmargin = ($('#boxrel').width() + 10) / 2;            
            $('#boxrel').css({
                'margin-top' : -topmargin,
                'margin-left' : -leftmargin
            });
        
        $('#fade').click( function() {                  
            $('#fade , #boxrel').fadeOut()
        });
          
        return false;
    } 
    return true;
}