Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Prakash Shiwakoti
@pshiwakoti1
ok
I moved it
Tony Hudson
@ngohungphuc
Mixed Content: The page at 'https://codepen.io/pshiwakoti1/pen/XpvdYz?editors=1111' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://ip-api.com/json'. This request has been blocked; the content must be served over HTTPS.
here is what I get
Prakash Shiwakoti
@pshiwakoti1
@ngohungphuc what do I do now
Tony Hudson
@ngohungphuc
just a minute
Moisés Man
@moigithub
Mixed content error means.. ur codepen url is HTTPS (secure connections)
but the content u trying to get.. comes from http (unsecure).. so u cant mix that
Prakash Shiwakoti
@pshiwakoti1
what to do now
Moisés Man
@moigithub
(one way) is remove the s from https (on ur browser address bar)
http://codepen.. etc (without s)
Moisés Man
@moigithub
u can remove the <script> tag from the JS section
no needed on codepen
Prakash Shiwakoti
@pshiwakoti1
now Im getting latitude 37.77 on the console
if I wana display on browser what do i have to do
Tony Hudson
@ngohungphuc
easy
just append to some div or text
Prakash Shiwakoti
@pshiwakoti1
ok
thanks
Tony Hudson
@ngohungphuc
$(document).ready(function() {

  var coordinates = $.getJSON("http://ip-api.com/json", function(json) {
  console.log("Latitude is: " + json.lat);
     $("p").html(json.lat);
});

});
<div class="container-fluid">
<div class="row text-center">
<h2>Local Weather</h2>
<h3> json.lat </h3>
<p></p>
</div>
here goes
Prakash Shiwakoti
@pshiwakoti1
its not displaying in html page
Tony Hudson
@ngohungphuc
hmmm I'm just tested on code pen everything work fine
f12 go to console tab
see if any error there
Prakash Shiwakoti
@pshiwakoti1
@ngohungphuc what does the line do: $("p").html(json.lat);
Tony Hudson
@ngohungphuc
is just write a text to your browser
Prakash Shiwakoti
@pshiwakoti1
Mixed Content: The page at 'https://codepen.io/pshiwakoti1/pen/XpvdYz?editors=1111' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://ip-api.com/json'. This request has been blocked; the content must be served over HTTPS.
send @ jquery.min.js:4
Tony Hudson
@ngohungphuc
check in jquery document for further
Prakash Shiwakoti
@pshiwakoti1
I removed http s part and it worked fine
But I am not sure now how to add caption before latitude
I want to say latitude is 37.77
Tony Hudson
@ngohungphuc
<p id="lat"> Latitude is :</p>
<p id="lon"> Lon is :</p>
$("#lat").html(json.lat);
$("#lon").html(json.lon);
Moisés Man
@moigithub
u can create a html structure on ur page.. and set an id..
ie:
<p>Latitude is: <span id="lat">00</span></p>
then use that id on ur selector
$("#lat").html(json.lat);
iso
@iso1048
how do i align an image in the centre of a div element?
Gulsvi
@gulsvi
@gothamknight Show us your code that isn't working
iso
@iso1048
blob
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5"><a href="http://codepen.io/gothamknight/full/qaNyAv" target="_blank"><img src="https://scontent-syd2-1.xx.fbcdn.net/v/t35.0-12/16910976_1954849028069332_1597717425_o.png?oh=c0d6e6abea0d56d2b719ab782ee60f8a&oe=58AF3D5B" alt="Tribute page by GothamKnight" class="tributepage-image portfolioimages-border"></a></div>
<div class="col-md-5"><a href=# target="_blank"><img src="https://scontent-syd2-1.xx.fbcdn.net/v/t35.0-12/16931177_1954856464735255_295668836_o.png?oh=64ef5f25125018c85cd2d0850b6981f1&oe=58AF3A6A" alt="Blank" class="greyblank-image portfolioimages-border"</div>
<div class="col-md-1"></div>
So the images are just placed randomly and i do not know how to change it
Gulsvi
@gulsvi
@gothamknight It looks better if you go to Settings -> CSS and use Bootstrap 3 instead of Bootstrap4 Alpha: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
Then you can add the center-block class to your images to center them
iso
@iso1048
where do i add the code you supplied?
Gulsvi
@gulsvi
@gothamknight The class or the bootstrap link?
Mac
@itchick85
Trying to figure out what is going on with the bottom half of my portfolio input please?
http://codepen.io/itchick85/pen/vgvrBX
Vered Rekanati
@veredrec
@itchick85 I think it something with the divs, I think you didn't close some of them.
@itchick85 I usually write in a comment next to each closing div what it closes. It's helpful when you have a lot of divs.
Mac
@itchick85
there closed
Vered Rekanati
@veredrec
@itchick85 If I saw correctly 3 of them (towards the end) are not closed. Worth checking :)
@itchick85 Maybe you can also check the height of the pages, maybe that's what causes the bottom half look.
Aftab Parvez
@aftabparvez
Hey! Does anyone know where I can find forms to recreate and practice?