This is exactly what I needed. Not real sure how to set up the queries to display just the records I need and not pull everything all at once, but I guess if I play with it a while it will all make sense. Thanks.
This works well with the pop up for featured content you see sometimes on websites when you scroll down a bit, just small modifications are needed. Thanks Adam.
Really great tutorial. Never really like tutorials overall, but this one I found very interesting and I learned the window.pageYOffset. That what new to me. Thanks!
Just recently stumbled on your stuff... cant stop learning from it all... good stuff... have learned alot... more to go. was curious which code editor u use. I like the programed buttons on the left...
Adam, awesome tutorial. Very well done. Although I am a ASP.NET developer this will work for me. Great friendly, kind and (I want to help my fellow developer) tone. You did a great job. Thumbs up.
i think this will slow down the webpage as every time user scroll down on webpage the whole page gets loaded with extra content. tell us a way to not effect the already loaded content and only load new content
Thanks dude, the tutorial was great but how to load different content each time like lazyload images when users hit the bottom? the ajax cannot be the same all the time, is there anything need to be down on the server side?
Can you point to a specific ajax or jquery call script that would work with this? This part I can understand as you go through it. I just don't know what the call file is supposed to have in it to work. I would not be pulling more content from a database but rather other html files with only body content on it.
what if the content isnt blue box? I actually have more data to show, but when the page just loaded i only want to show the first 10 items, as you scroll down you can see all 50 items.
If i copy-paste this code i would see the blue background content? It doesnt work to my pc. Is there something i miss? I dont use ajax call but i think i should see the new div when i scroll, like this tutorial. Can anyone help me?
+F.A.R Productions there's a lot of technique. First, you could just mark the response sent from the script. Next time it loads, pass the "mark" as parameter. Then the script would know that you got all you need, and thus, able to send nothing. Or, you could make the script to send response with a "marker" that says "this is the end". Then, when it's time to load stuffs, the javascript code could check if we have reached the end of the data, and thus, kill itself and do nothing.
Notice the SEO placed in the comment above? SEO is rated by the appropriate use of keywords and page location.To boost rating of a video, visitors need to leave comments that use nouns similar to that used in the title and not pronouns. See,below,all the comments are typical, a lot of thanks and questions but no reuse of page keywords. We get visitor to like and comment; why do we not get them to make a reference to the video by title or write about their thoughts using some of the keywords?
HELP: how would you load multiple request. example 1. div 1 load get the the bottom of the div 1 and loads div 2 2. gets to the bottom of div 2 and loads div 3
If someone knows, pleas explain the "ajax call to get more dynamic data goes here" part. I am struggling with it for more than a week... Or, even better, if someone can put a finished source of this tutorial video. Thanks :)
Notepad++ is really pretty good, I've been using NetBeans for web development, for a good while, and I gotta say, I like it a lot better than Notepad++; NetBeans web development has great autocomplete features. I'm going to check out Visual Studio next, my friend showed me the newest version, and I was impressed! So if you're in college, you could get Visual Studio for free, and NetBeans is free.
So, that's how you do it. I have an idea for your next tutorial, SEO links, how do you make: domain.com?hello=1&world=stuff into: domain.com/1/stuff/ I've been editing my .htaccess file in my apache server, but nothing happens :(, been trying to get it to work since like ever, but still no results
i cant believe a video from over 9 years ago actually helped me
This video for 8years ago but really helped me . Thanks
Learned a lot... a lot... a lot from you Adam.
I loved Javascript because of you.
This is exactly what I needed. Not real sure how to set up the queries to display just the records I need and not pull everything all at once, but I guess if I play with it a while it will all make sense. Thanks.
Thanks Adam
Seldom seen a tutorial so straight and comprehensive. My compliments !!
Best Tutorial I have ever seen for lazy Load
This is really nice explanation
Glad you think so!
Currently working on a social network with blogging function and that helped me a lot! Thank you Adam!
This works well with the pop up for featured content you see sometimes on websites when you scroll down a bit, just small modifications are needed. Thanks Adam.
This was extremely help and easy to grasp. Even though I haven't used the dimension DOM and BOM properties before.
Adam, thanks for the lesson and the pointer to find this video here.
"in a smart modern way... **BELCH!!!**" great way to get my attention :)
I enjoy your style! Hopefully you will be able to do some in the future again.
Really great tutorial. Never really like tutorials overall, but this one I found very interesting and I learned the window.pageYOffset. That what new to me. Thanks!
Hahahaha this guy makes someone to laugh.... the way you have introduced the video makes happy .... thanks adam for your tutorials they are great
Lol am I the only one that got caught off guard with that burp. I died laughing
I like real people
Brilliant explanation!
Can you make a tutorial on how to burp??
gosh that was awful
bruuhhh
"In a smart, modern way... ERRRRRRRP." LOL!
GREAT TUTORIAL AGAIN. THANKS MAN
This was super helpful! Thank you! You explained everything really well and LOLLL @ "you know what i mean mayne"
very nice tutorial, Exactly the same I was looking for!
Adam thank you for this video.
Bravo Adam, your tutorials are always the best. Could you pls do a tutorial for PHP report printing. Lets say one want to print database report.
Just recently stumbled on your stuff... cant stop learning from it all... good stuff... have learned alot... more to go. was curious which code editor u use. I like the programed buttons on the left...
You da man Adam. YOU DA MAN!!!
thank you so much. It really helped me.
very useful tutorial.. thanks
Adam, awesome tutorial. Very well done. Although I am a ASP.NET developer this will work for me. Great friendly, kind and (I want to help my fellow developer) tone. You did a great job. Thumbs up.
could u make a tutorial on loading large JSON data in portions, please, load dynamically when page is scrolling down,
thanks lot, great tutorials
I liked + subscribed!! I found what I'm looking for!! :))
simple and fantastic
Great Tutorial!
reminds me of 9gag :)
i think this will slow down the webpage as every time user scroll down on webpage the whole page gets loaded with extra content. tell us a way to not effect the already loaded content and only load new content
Thanks dude, the tutorial was great but how to load different content each time like lazyload images when users hit the bottom? the ajax cannot be the same all the time, is there anything need to be down on the server side?
Hey...thanks so much for the great video! Question: How do you stop it after there is no more content to load???
Hi, Can we get a similar implementation, but in the opposite direction, I.e dynamic loading of content as we scroll bottom to top?
Can you point to a specific ajax or jquery call script that would work with this? This part I can understand as you go through it. I just don't know what the call file is supposed to have in it to work. I would not be pulling more content from a database but rather other html files with only body content on it.
very good
thanks bro
what if the content isnt blue box? I actually have more data to show, but when the page just loaded i only want to show the first 10 items, as you scroll down you can see all 50 items.
thanx adam
nice tutorials! thanks! i am confused regarding that div keep on repeating infinitely. can you explain how its happening?
Thanks for this Let me subscribe.
Thank you
İt would be great that some ajax rq done and append data as 4 items per request in this tutto :(
So JavaScript's window.innerHeight is like CSS' viewHeight?
If I wanted to apply this to only a scrollable div, would I just have to change the window object to the div object?
awesome!
I subscribed when i heard him barf.
I started watching the video after I read your comment. :)
I love you
awesome good jon
can you tell me how to make (Tricky Button Moving Away when Mouseover)
thanks
thanks bro
Thanks
Can you please give us the load more HTML page data onto the bottom code? I've been stuck for a few days on that part.
yes, after a lot of work.
Not Work in Internet Explorer 7, 8! There is something you can do??? Help me please! Regars! Saltillo México.
If i copy-paste this code i would see the blue background content? It doesnt work to my pc. Is there something i miss? I dont use ajax call but i think i should see the new div when i scroll, like this tutorial. Can anyone help me?
can you please tell me how to make this script stop loading once my data is all loaded? it kept loading empty space i don't know how to stop it :(
+F.A.R Productions Bro did you find your answer? i also wanna know how?
no luck buddy :(
+F.A.R Productions there's a lot of technique.
First, you could just mark the response sent from the script. Next time it loads, pass the "mark" as parameter. Then the script would know that you got all you need, and thus, able to send nothing.
Or, you could make the script to send response with a "marker" that says "this is the end". Then, when it's time to load stuffs, the javascript code could check if we have reached the end of the data, and thus, kill itself and do nothing.
+F.A.R Productions watch his tutorial in JSON part 7. so you have an idea.
+F.A.R Productions jquery.stop()
thanks!
Notice the SEO placed in the comment above?
SEO is rated by the appropriate use of keywords and page location.To boost rating of a video, visitors need to leave comments that use nouns similar to that used in the title and not pronouns.
See,below,all the comments are typical, a lot of thanks and questions but no reuse of page keywords. We get visitor to like and comment; why do we not get them to make a reference to the video by title or write about their thoughts using some of the keywords?
U R FIRST
HELP: how would you load multiple request.
example
1. div 1 load
get the the bottom of the div 1 and loads div 2
2. gets to the bottom of div 2 and loads div 3
dosn't work... :(
If someone knows, pleas explain the "ajax call to get more dynamic data goes here" part. I am struggling with it for more than a week... Or, even better, if someone can put a finished source of this tutorial video. Thanks :)
thanks :)
hi sir ,
thank you for good tutorials ,
i have a question.
is this working with touch devices like android and iphone ?
Pretty sure it does but the correct question would be asking about their associated browsers.
Should work, but for apps you should use an native app, if is like a social media.
assuming I am suppose to be loading events or post, how do i get to update the various comments for each of the events in A REAL-TIME situation
how can you load multiple content from different callbacks on scroll
But how to add more content when you scrolled down to the bottom? Now it is the same content over and over again. PLZ help me!!!!
Thanks Adam, As usual this is another great useful vid and I really appreciate your time and effort in doing this for us.
Eric
Which program are u using to write all scripts and that staff ? cos i have only notepad++ :x
Notepad++ is really pretty good, I've been using NetBeans for web development, for a good while, and I gotta say, I like it a lot better than Notepad++; NetBeans web development has great autocomplete features. I'm going to check out Visual Studio next, my friend showed me the newest version, and I was impressed! So if you're in college, you could get Visual Studio for free, and NetBeans is free.
What if I want this to happen in a div? Is it possible?
So, that's how you do it.
I have an idea for your next tutorial, SEO links, how do you make:
domain.com?hello=1&world=stuff
into:
domain.com/1/stuff/
I've been editing my .htaccess file in my apache server, but nothing happens :(, been trying to get it to work since like ever, but still no results
hi every one where can i find the Ajax call to get more dynamic data CODE
What IDE is this?
Dude, you're awesome and all but don't burp into the mic LOL XD
Hahahaha wtf is going on here.
Editor name??
js cannot retrieve content height 7:00
next 500th video special?
30 minute video?
im still so lost on this one.
same problem here
Lol@theintro
0:41 lol
10:20 .lol
hahaha burrrppppp !!
lol 2:53
I want to like this videos but i don't like the guy lol
lol
Wtf was that burp?
lol what is that???
This s the bomb for slow computers