Doing ajax requests every 0.1 second is very inefficient... And getting all kind of HTTP errors like 4xx, 5xx doesn't mean the user is offline, e.g. service itself can be down
Hey dr sir / mam your all videos is always ossm and useful even all time unique but on request: *Please explain too* so it may be easy to understand more comfortably. THANKS!!
Brother please make on backend development because we have enough KNOWAGE about frontend and also you will create easy for us... So please make on some playlist on web back end.. Plz plz plz plz plz
As we know, navigator.onLine will return true if the browser is connected to the Internet else it will return false. But you can't assume that a true value necessarily means that the browser can access the Internet. Suppose, you're connected to the WiFi which has no Internet access then navigator.onLine will return true value but you can't view any online pages and I don't want it so I sent ajax request. You can detect network status by using many different methods.
I have a question that when I lose internet connection I want to hide it, what should I do, I have added an onclick action on the else case to add the hide class but it shows up again (probably because it removed the class again) hide).I don't know how to fix it now
As we know, navigator.onLine will return true if the browser is connected to the Internet else it will return false. But you can't assume that a true value necessarily means that the browser can access the Internet. Suppose, you're connected to the WiFi which has no Internet access then navigator.onLine will return true value but you can't view any online pages and I don't want it so I sent ajax request. You can detect network status by using many different methods.
Did you change anything on codes..? If no and you have tried it by downloading code files from the description link then please contact me here contact@codingnepalweb.com
Or simply just listen to online and offline events. window.addEventListener('offline', function(e) { console.log('offline'); }); window.addEventListener('online', function(e) { console.log('online'); });
No it's not proper way to detect Internet connection status because if you're connected to the WiFi which has no Internet access then your status will be online which I don't want. And nowadays you can only change the status from network tab of browser's developer tool. If you manually turn off or on WiFi then navigator.onLine and online/offline events not work or don't show updated status. So I used ajax for it.
@@CodingNepal For me it perfectly works if I disconnect and reconnect to wifi (I'm not talking about the devtools option which also works). My big concern about your solution is that you have to perform a request in order to tell whether you have connection or not. Lets say the user just browse the actual page without clicking on a link. It would be nice to show the notification in that case.
Much love from Jamaica. I wasn't looking for this in particular but this will be helpful in my application
Glad to hear that
@@CodingNepal I'm still working on the same application and I'm going to use it in a different section now.
Doing ajax requests every 0.1 second is very inefficient...
And getting all kind of HTTP errors like 4xx, 5xx doesn't mean the user is offline, e.g. service itself can be down
Beautiful and so many things to learn thank you
You are so welcome!
Great!!! ...plzz mention your pc specs??... I'm curious.. I"ll be glad if u revert back... Kindly mention in detail
Keepitup!!! If possible can you make a tutorial on realtime video call feature ..... Love and all supports to you
This is really a nice one, Thanks for this tutorial
You're welcome 😊
Hey dr sir / mam your all videos is always ossm and useful even all time unique but on request: *Please explain too* so it may be easy to understand more comfortably. THANKS!!
Okay sure
So Amazing Teacher CodingNepal
Glad to hear that ☺️
@@CodingNepal worry out
Ur the best ill add this to my website
Thanks for your great tutorial! 👍
I loved it very good exercise, but we must correct animation bug when going from online to offline, and in firefox it does not work well
Okay I'll check it
As always this is another useful thing thanks
Thank you so much :)
I was looking for this thanks
You're most welcome
Amazing 👍
Thank you
Bro apki videos bht aachi hoti hai bas plz gaane ki bajaye thoda bolke samjha diya kro
I'll try to do it in my upcoming videos
Wow its very awesome
Many many thanks
Thanks bro more love🥰
Wow great 😎
Thanks 🔥
No Comment Amazing
Thank you so much
Excellent.. your projects always look beautiful, are useful and are practical! 🙌
Glad you like them!
I love it!!! Thanks Bro!
You're welcome bro
Good work bro! I appreciate it.
Glad to hear that
Nice work :) Thank you.
You're welcome
Hi, Why do not a work in firefox automatically? I need refresh page for view result, while in Chrome it is OK!
I'll try it on Firefox and respond back to you.
Wow !!!! Nice One
Can you show how to make an amazing ecommerce website plz?
Sure.. I'll think on it.
CodingNepal please make working search box in navigation bar? Also good video!
Watch this - th-cam.com/video/_IHxhJlIPZA/w-d-xo.html
@@CodingNepal Thanks! How can I make the search box search the website though?
bro aba dami thulo project banauna paryo k, web app(ecommerce) jasto. channel pani rank up hunxa ani
Amazing Sir but Sir why didn't you use Font awesome
Because the icons I want were paid.
@@CodingNepal Okay Sir Thank You God bless you😍
@@CodingNepal Sir Please Reply Me In Instagram
Ótimo vídeo parabéns sensacional 👏.
Very good
Thank you so much
Awesome!
Brother please make on backend development because we have enough KNOWAGE about frontend and also you will create easy for us...
So please make on some playlist on web back end..
Plz plz plz plz plz
For now view this playlist - th-cam.com/video/VnvzxGWiK54/w-d-xo.html
hey what is your PC specifications?
Thank you very much
You're welcome!
@@CodingNepal So sad, i'm using Sqlsever
This video is really killer but why you didn't use window.addEventListener ('online', callback) or window.addEventListener ('offline', callback)?
As we know, navigator.onLine will return true if the browser is connected to the Internet else it will return false. But you can't assume that a true value necessarily means that the browser can access the Internet. Suppose, you're connected to the WiFi which has no Internet access then navigator.onLine will return true value but you can't view any online pages and I don't want it so I sent ajax request. You can detect network status by using many different methods.
Amazing...!!
I have a question that when I lose internet connection I want to hide it, what should I do, I have added an onclick action on the else case to add the hide class but it shows up again (probably because it removed the class again) hide).I don't know how to fix it now
Nice explanation. I can't find the source code on your website.
Please go to description link for codes.
could you show how to make a dashboard page?
Damn, show, it would be nice to test the speed in java script.
Yes I'll make video on it.
@@CodingNepal Okay, fine.
Thanks Bro : )
You're welcome 💙
Hey bro how is your pc in daily use video editing programming and gaming?
I do programming and editing only on my PC and it's work smoothly.
@@CodingNepal what was your PC specs I forgot
Bro can u teach us how to link projects with online hosting servers?
Here is the video - th-cam.com/video/8brkoQFWk8M/w-d-xo.html
@@CodingNepal thanks broo will check it out
Please tell me how to make a school website with a phone database 😁😊
Can you make it not Automatically Pop Up when an Internet connection is disconnected then show
In simple words, Not the first time
Awesome :)
Thank you
I really miss doing code on html, rn my teacher is teaching us about Python... I think it's more fun in html right?
I mean it's more fun in making your own website, xD
It depends.. on which language you're familiar with
From where are you learning web programming?
I've learned from TH-cam videos, blogs, free online sites etc. and I'm still learning.
Sir Sorry me again how did you learn JavaScript which course did you take
I've learned from TH-cam videos, blogs, free online sites etc. and I'm still learning.
@@CodingNepal Wow Thank you Sir my best TH-camr
Hi,Can You Make A VPN Dectector PHP? AND ALSO ANTI VPN?
Okay I'll think about it
what kind of text editor that u used? reply pls :(
It's in the description
How the uil-wifi-slash icon will load, if the device is offline[If someone is loading the page for the first time]? 17:49
Icons won't show incase you're offline and reload the page because I've used online link for it.
Thanks man
why are u not use the online and offline event listeners?
As we know, navigator.onLine will return true if the browser is connected to the Internet else it will return false. But you can't assume that a true value necessarily means that the browser can access the Internet. Suppose, you're connected to the WiFi which has no Internet access then navigator.onLine will return true value but you can't view any online pages and I don't want it so I sent ajax request. You can detect network status by using many different methods.
Como se haría un historial o baja el brillo a la computadora
Sir how to create full future WhatsApp
kun thau bata ho hajur
\
Surkhet
Can you share your all chrome extension
ColorZilla, Adblocker, Grammarly..these are the extension that I most used.
@@CodingNepal thank you sir
Jay nepal......
Sir ji when i am offline then also it show online🙄
Did you change anything on codes..? If no and you have tried it by downloading code files from the description link then please contact me here contact@codingnepalweb.com
why my project on atom not save auto kyu ans soon
You've to install packages/plugins for it.
Bro react js courses?
Still haven't
Sir do u know hindi language
Yes I know
Kindly tell me what is your age. I know it is a strange question but I hope you will tell me🤗😋
I'm 18 now but soon will be 19
Or simply just listen to online and offline events.
window.addEventListener('offline', function(e) { console.log('offline'); });
window.addEventListener('online', function(e) { console.log('online'); });
No it's not proper way to detect Internet connection status because if you're connected to the WiFi which has no Internet access then your status will be online which I don't want. And nowadays you can only change the status from network tab of browser's developer tool. If you manually turn off or on WiFi then navigator.onLine and online/offline events not work or don't show updated status. So I used ajax for it.
@@CodingNepal nice one
@@CodingNepal still waiting for advance dropdown hide on background click :(
@@CodingNepal For me it perfectly works if I disconnect and reconnect to wifi (I'm not talking about the devtools option which also works). My big concern about your solution is that you have to perform a request in order to tell whether you have connection or not. Lets say the user just browse the actual page without clicking on a link. It would be nice to show the notification in that case.
The intension to make this video is only about how to detect Internet connection status. Now it's depends on users how they use it on their projects.
Hi,Can You Make A VPN CAPTURE DETECTOR
code not yet :(
Video is recently uploaded. So please wait for codes.
@@CodingNepal :D ok
Please do a face reveal too
PLZZ upload source code on your site
Source link is in the description
dont work for me
and dont show errors
Can you explain it more?
Y dont u explain with ur words
I'll try to do it in my upcoming videos.
Great!!! ...plzz mention your pc specs??... I'm curious.. I"ll be glad if u revert back... Kindly mention in detail
CPU - Ryzen 3 3300
Motherboard - MSI B450M Pro
GPU - Nvidia GTX 1650 4gb
Ram - Tforce RGB 8 * 2 = 16GB
@@CodingNepal thanks for replying!!!
Awesome!
code not yet :(
Available soon. I'll inform you once it uploaded.