[ Jovana_87_Bg @ 24.06.2013. 09:53 ] @
E ovako, imam jedan problem. Nikako mi ne polazi za rukom da aktiviram jedan mali JS kod, pro odredjenoj rezoluciji bez refresh-ovanja strane. KOD:

Code:

$(document).ready(function(){
if ($(window).width() < 760) {    
$('#scrollbar1').attr("id",'');
}
});


Nakon sto sirina strane bude manja od 760px id scrollbar1 treba da dobije vrednost " ". E sad ovo lepo funkcionise ali nakon REFRESH-ovanja strane. Mada meni je potrebno da kada korisnik smanjuje browser da se kod automatski aktivira bez refreshovanja. Pokusala sam sa $(windows).resize ali nisam uspela. Jel ima neko ideju?
[ deZio @ 24.06.2013. 12:14 ] @
Probaj ovako nešto:

Code:

function promeni_attr_id() {
    if ($(window).width() < 760) {    
         $('#scrollbar1').attr("id",'');
     }
}

$(document).ready(promeni_attr_id);
$(window).resize(promeni_attr_id);


Mada kad ti se stranica učita i prvi put ti se izvrši kod, više ne možeš koristiti $('#scrollbar1') jer si pri ready ID promenila, tj. obrisala. Bolje dodaj klasu tom tagu, pa onda u JS upravljaj tim tagom preko klase jer jedino tako možeš menjati ID a da ti ostane da možeš pristupiti i dalje tom tagu, npr. ovako:

Code:

function promeni_attr_id() {
    if ($(window).width() < 760) {    
         $('.scrollbar1').attr("id",'');
     }
}

$(document).ready(promeni_attr_id);
$(window).resize(promeni_attr_id);
[ Nikola Poša @ 24.06.2013. 12:19 ] @
Aj' nam kaži šta tačno treba da uradiš, jer takve stvari se mnogo efikasnije rešavaju preko CSS media query-a. Na taj način ne moraš da misliš na to šta će se desiti nakon resize-ovanje ekrana, jer će o tome voditi računa sâm browser.