Loading More Entries According to the Users Screen Size
I'm a novice user of JQuery and there is something I want to do but I'm not sure whether JQuery can help me with this or not. Here is what I want to do:
Basically I have an on scroll feature that loads more entries when a user scrolls down. So I have that working, np there. But the problem is that the scroll bar doesn't show up on the page because the initial number of entries, onPageLoad aren't enough.
onPageLoad, I want to be able to dynamically add more entries according to the users screen size.
The following are the functions I have:
loadEntries() --> xmlhttpRequest that gets the data and appends it on the screen
getMaxEntries() --> xmlhttpRequest that gets the total number of entries that can be retrieved
$(window).scroll(function() --> calls loadEntries()
I also have <body onload="setup()">
setup() --> calls getMaxEntries(), here is where I would like call loadEntries() a few times (according to the screen size)
The only way I could get entries to load dynamically, onPageLoad was via a loop that called loadEntries() but that gave me an unresponsive script error, which I want to avoid.
Is there any way that JQuery can help me in solving this problem?