Hide element with JavaScript based in IP-Address

Question

I'm trying to hide an element based on an IP-address.

With this script I can write out the IP-adress in the DOM:

<script type="text/javascript" src="https://l2.io/ip.js?var=userip"></script>
<script type="text/javascript">document.write("Your IP is :", userip)</script>

How Do I target this to remove the element below based on a specific IP-address?

i think this: if(userip == "127.0.0.1"){//remove your elements} should work. — Kevin Kloet
– Kevin Kloet, Commented Nov 17, 2016 at 10:27
Do note that this system is entirely unreliable for any real-world uses. IP can very easily be spoofed, client-based protection can also easily be bypassed. — VLAZ
– VLAZ, Commented Nov 17, 2016 at 10:33
@vlaz good point, but differentiating ip addresses may improve UX by delivering different contents on the upside. — Daniel Cheung
– Daniel Cheung, Commented Nov 17, 2016 at 10:40
@DanielCheung also not a good idea to do it in JS client-side. Doing either on the server is way easier - first of all, you don't have to use a workaround to find the IP. That one is a big give away that doing this client-side is probably not what you want. — VLAZ
– VLAZ, Commented Nov 17, 2016 at 11:06

Sameer · Accepted Answer · 2016-11-17 10:29:36Z

1

just use document ready and check the ip. IF it matches the condition do your stuff

    var ip=['123.123.123','111.111.11']
     $(document).ready(function () {
if(ip.indexOf(userip)!=-1)
{ your  code here
}
});

answered Nov 17, 2016 at 10:29

Sameer

71510 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Hide element with JavaScript based in IP-Address

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related