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
Prateek Gogia
@reeversedev
Can anyone please help?
roeP
@roeP
@khaduch i need to search the internet about codes? or try on my own using the only the challenges i did so far?
Ken Haduch
@khaduch

@reeversedev - I don't think that you put $done for that? I think that you include it within the object parameters for the ajax call? Maybe like this:

$(document).ready(function(){

        function getCurrentWeather() {
            $.ajax({
               url: 'http://samples.openweathermap.org/data/2.5/weather/' ,
               jsonp: 'jsonp',
               data: {
                   id: '2172797',
                   appid: 'b1b15e88fa797225412429c1c50c122a1'
               },
               type: "GET",
               dataType: "jsonp".
                done: function(json) {
                $('#show-weather').text(json.coord.lon);
            })
         }
    });

Although what you did might be an alternate way to do that? Want to post your URL?

Janina Pohorecki
@janepohorecka
What's causing the space between the form and inputs? https://codepen.io/janepoho/pen/oZvvKQ
Ken Haduch
@khaduch
@roeP --- probably a combination of both. You have a foundation of information through the lessons, but the "Read, Search, Ask" philosophy of FreeCodeCamp means that you have to go out and do some additional searching and reading, because they only give you a foundation. You have to build on that.
Janina Pohorecki
@janepohorecka
How can I get rid of the whitespace between and around the inputs?
achudoz
@achudoz
@roeP yeah that seems pretty ok. Only your link is not working and you have some redundant div tags. The link is probably not working because a big part of the page is one giant button
Prateek Gogia
@reeversedev
@khaduch Okay. Lemme try.
achudoz
@achudoz
@janepohorecka inputs have some default margins I think. Force margins to 0 via CSS
roeP
@roeP
@achudoz i wanted it to be like the example page, the gray frame that is actualy the page..
Janina Pohorecki
@janepohorecka
@achudoz I tried that to no avail
roeP
@roeP
@achudoz i was going the hard way and to try it alone
achudoz
@achudoz
@roeP well button is definitely not a thing to use like this it covers everything that is inside it
@roeP use <div> for creating sections
roeP
@roeP
@achudoz ok tnx, i think about somthing else
CamperBot
@camperbot
roep sends brownie points to @achudoz :sparkles: :thumbsup: :sparkles:
:cookie: 277 | @achudoz |http://www.freecodecamp.com/achudoz
Prateek Gogia
@reeversedev
@khaduch Nope. I just crossed checked it. I was doing it right at the first place.
Ken Haduch
@khaduch
@reeversedev - okay -want to post your URL for some additional help?
achudoz
@achudoz
@roeP ant that's ok-challange yourself. The page seems ok, just don't use the button element like this. It is not designed to work like this and any other functional elements inside it will not work
roeP
@roeP
@achudoz i tries to make div section for the img and text below, but it didnt work
Prateek Gogia
@reeversedev
@khaduch Man I really wanna learn this thing. If you can help that would be a great thing.
Ken Haduch
@khaduch
@reeversedev - I see that I do have something different in my (not yet completed) weather project - I have the $.ajax({ *stuff here* }).done( *function here* ) - or something like that. Sorry that I didn't check first.
RonBeh
@RonBeh
hey! does anyone know how to store jsondata? i try to save it in a variable but outside of the json call the variable value is undefined
Ken Haduch
@khaduch
@RonBeh - you have to make your variable global, or pass the json data to the function that you are calling.
Prateek Gogia
@reeversedev
@khaduch That's what I was telling you. It's not an object.
achudoz
@achudoz

@janepohorecka I just tried it and it works. I added

<fieldset style="margin: -20px;">

Of course the better solution is to do it in css but the code is pretty messy and I am too lazy to look deep into it. just try working with negative margins and preferably define a single css class that you will use for each one of your input fields

Janina Pohorecki
@janepohorecka
@achudoz that seems like the hacker solution
And it still looks off even when i do that
Zhu Wei
@zhuwei12
@achudoz I tried your method but it still didn't work.https://codepen.io/pen/
Ken Haduch
@khaduch
@reeversedev - that page shows what I outlined above, $.ajax() is a jquery function, then you add .done( function() { ]) after the closing parentheses of the ajax call? Or am I not seeing what you're seeing? The example that they show has it that way?
achudoz
@achudoz
@roeP you will get there. Fiddle with it and you will understand it eventually. i replaced your <button> with a <div> and it looks the same and now your link is clickable
Prateek Gogia
@reeversedev
@khaduch I did exactly the same as it's being shown in the example, my friend.
Wait. Imma send you the code again.
Ken Haduch
@khaduch
@reeversedev - the code that was posted above has $done? I'll see your next post...
achudoz
@achudoz
@janepohorecka yeah that is a dirty solution, it was just an example that the desired effect can be achieved using negative margins. I suggest you clean up your css and add one class that postions all the inputs in the way that you want
Prateek Gogia
@reeversedev

@khaduch $(document).ready(function(){

function getCurrentWeather() {
    $.ajax({
       url: 'http://samples.openweathermap.org/data/2.5/weather/' ,
       jsonp: 'jsonp',
       data: {
           id: '2172797',
           appid: 'b1b15e88fa797225412429c1c50c122a1'
       },
       type: "GET",
       dataType: "jsonp",
       })

    .done(function(json) {
        $("#show-weather").text(json.coord.lon);
    })
    });
}

});

I did something wrong. You were right. I am sorry for that.
achudoz
@achudoz
@zhuwei12 yes it does. Check it out here.
Prateek Gogia
@reeversedev
But still it is having errors.
Adithya Reddy
@tallpants
Hello everyone
Anil Paliwal
@anilpaliwal
Tic tac toe http://codepen.io/anil98/full/ZLPajQ how is it
Fabio
@Gentarozzo
Hey... do I've to trust the Full page view... or Debug Mode? :|
debug should be better, but it expires after a while. So when you are constructing and want to check it throughout the process, full-page view is more comfortable to use
Fabio
@Gentarozzo
@achudoz because with my mobile version of the app... I've two TOTALLY different versions. The full page is more similar to a smartphone navigation... in debug I've like ALL the content in a page.
achudoz
@achudoz
what I did when doing responsive pages was to open a full-page view my phone, tablet and desktop and was checking them out like this. It worked for me very well
@Gentarozzo debug is great, but as I said, it expires after a while and you have to generate a new one, which I found reather annoying