FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Juan Moraza

@Morazajuan

thats what i been trying to put but doesnt work

Ademola Adegbuyi

@ooade

@2Irina2 you can have something like this

$.getJSON("http://ipinfo.io", function(data){
          data = { name: data.city + " " +  data.country, coords: {
            latitude: data.loc.split(',')[0], longitude: data.loc.split(',')[1]
          }}
          showPosition(data);
        })

function showPosition(position) {
    var latitude = position.coords.latitude;
    var longitude = position.coords.longitude;
    $.getJSON("http://api.openweathermap.org/data/2.5/weather?lat="+latitude+"&amp;lon="+longitude+"&APPID=02c0da530b8cf7771cee190bae9256af",function(data){
      var city = data.name;
      var temp = data.main.temp;
.... //and so on

Irina

@2Irina2

@marhyorh @wearenotgroot okay i think i am getting close.. please check what i did so far

http://codepen.io/2Irina2/pen/OXwobz?editors=1010

I did this just to check if the values change on the webpage.. the "city" changes to Constanta but the "temperature" does not

greg

@wearenotgroot

@2Irina2 url can be --------->

'http://api.openweathermap.org/data/2.5/weather?lat='+ data.loc.split(',')[0]+'&lon='+data.loc.split(',')[1]+'&APPID=433e5ac19c344d585ded5fba77c92ded&callback=?'

remember variable(data from the previous getJSON) concatenate with the apiURL

Irina

@2Irina2

Oh okay now the temperature shows.. it was just a typo..

but there is still something not clear to me about the API Key

why does one need my API key to show the weather in some other place on earth?

why do i need to include it in the url?

greg

@wearenotgroot

@2Irina2 the api key is just to identify who sent the request(mainly to stop people from abusing it, also premium api key can use https(more secure connection))

Ademola Adegbuyi

@ooade

This message was deleted

Irina

@2Irina2

@wearenotgroot @marhyorh alright guys thank you so much for your help and patience.. i feel like i learnt a lot about this

CamperBot

@camperbot

2irina2 sends brownie points to @wearenotgroot and @marhyorh :sparkles: :thumbsup: :sparkles:

:star2: 1266 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot

:warning: 2irina2 already gave marhyorh points

Ademola Adegbuyi

@ooade

YWC :smile:

greg

@wearenotgroot

@2Irina2 :+1: another thing api doc: http://openweathermap.org/current scroll down to the end and read about Units format, if you dont want (Standard units(temp in kelvin))

Henrique Salguero

@kikosalguero

Everytime i refresh de page i get a different result in the Status (Online/Offline) of the channel. Anyone have an idea why is that happening? http://codepen.io/kikosalguero/pen/bZxJRa

vieira83

@vieira83

How do people get banned?

is it the language?

greg

@wearenotgroot

@vieira83 if they are being a general a male repoductive organ(being a D**K)

vieira83

@vieira83

@wearenotgroot ???

didn’t understand

what you said

greg

@wearenotgroot

@vieira83 people get ban if they repeatedly use insults and harassing other community member

@vieira83 they will get a few warning before it happens
also if they keep spamming the chat they get a time out

vieira83

@vieira83

Juan Moraza

@Morazajuan

lol he meant being a jerk @wearenotgroot

@wearenotgroot do you think you could take a look at my code. Im having trouble with the toggle method

Tyler Moeller

@TylerMoeller

@kikosalguero You're getting the data back as it is returned from the API, so it won't always return in the same order as the users listed in your array.

greg

@wearenotgroot

@Morazajuan sure link your pen or fiddle

Juan Moraza

@Morazajuan

http://codepen.io/morazajuan/pen/ZOrzyp

here

this is what i have in mind for my toggle method

 $(window).load(function(){
    $('.tempf').hide();
});
$('.tempf,.tempc').click(function(){
    $('.tempf,.tempc').toggle();
});

greg

@wearenotgroot

@Morazajuan how about adding an id to the temp button then toggle the class instead

Chris Wang

@sound2gd

guys,when i set header element a css style of background-color,it doesn't seem to work ,this drives me crazy,can someone help me?thanks a lot;

``` bash

banner {

background-color: #722872 !important;
height: 80px;
border-color: #592059;

}

#banner {
    background-color: #722872 !important;
    height: 80px;
    border-color: #592059;
}

did someone have the same problem as me ?

Gary Siu

@GarySiu

css looks ok. What’s the html like?

Juan Moraza

@Morazajuan

@wearenotgroot Ok im gonna do that thank

CamperBot

@camperbot

morazajuan sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:

:star2: 1267 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot

greg

@wearenotgroot

@Morazajuan you can also add a callback function to the toggle method if you want to do some animation on the button or if you want something simple just an if statement and addClass/removeClass

Beth Qiang

@bethqiang

anyone know why when you click the "online" button and then the "all" button on my twitch viewer, the "offline" shows up for a split second before the "online" section does? ideally, i'd like a smooth transition without the offline users coming up briefly before the online...

http://codepen.io/bethqiang/pen/xOzJGr

Chris Rutherford

@cjrutherford

can I ask for an opinion on the design of a project I'm working on outside FCC?

https://github.com/cjrutherford/kb

Where communities thrive

People

Repo info

Activity

banner {