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
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?
Tyler Moeller
@TylerMoeller
@aftabparvez Try codepen, search for "form" and sort by popularity. There are some nice forms out there.
Aftab Parvez
@aftabparvez
Thanks @TylerMoeller
CamperBot
@camperbot
aftabparvez sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1506 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Aftab Parvez
@aftabparvez
Wow! These look amazing. Thanks for the help Tyler!!
Pantamia
@Pantamia
I am doing the personal portfolio webpage and I went to see the example and i changed the last 2 letters of the examples webpage URL to something and clicked enter, then it tried to download malware how is that possible????
can somebody tell me why Im having problem
Aftab Parvez
@aftabparvez
On the last line in Javascript there’s a typo
Prakash Shiwakoti
@pshiwakoti1
oh ok
Aftab Parvez
@aftabparvez
You need to remove one “var” @pshiwakoti1
var var remainingURL to var remainingURL
Prakash Shiwakoti
@pshiwakoti1
i got it
Tyler Moeller
@TylerMoeller
no problem, @aftabparvez Have fun :) show us what you come up with