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
playingwithinfinity
@playingwithinfinity
Wow that took a long time.
Wait.
Wait.
Wrong.
Wait.
I mean this :
<p class = "red-text"></p>
Philipp Scholz
@philipp32

Hey, so I get JSON data and if the attribute cloudCover reaches a certain value, I want to display a different symbol and background picture.

function showSymbolsandPictures(){
        // display weather symbols for weather
        // clouds
        if ( JSONData.cloudCover < 0,5){
          // mildly cloudy
          $('sun-symbol').style.display = "none";
          $('mildly-cloudy-symbol').style.removeAttribute("display");
          $('sunny-day').style.display = "none";
          $('mildly-cloudy-day').style.removeAttribute("display");
        } 
          // lots of clouds
        else  if (JSONData.cloudCover >= 0,50){
          $('sun-symbol').style.display = "none";
          $('cloud-symbol').style.removeAttribute("display");
          $('sunny-day').style.display = "none";
          $('cloudy-day').style.removeAttribute("display");
        }
        }

This would be the code. Sadly it doesn't work. Do I have a thinking error somewhere?

deepakSpatil
@deepakSpatil

I want to create a dropdown from the below data array but i want to create the dropdowns dynamically at run time using javascript or jquery

var data = [{  
  "name":"A",
  "value":"A",
  "child":[  
     {  
        "name":"A2",
        "value":"A2",
        "child":[  
           {  
              "name":"A2.1",
              "value":"A2.1"
           },
           {  
              "name":"A2.2",
              "value":"A2.2",
              "child":[  
                 {  
                    "name":"A2.2.1",
                    "value":"A2.2.1"
                 }
              ]
           }
        ]
     },
     {  
        "name":"A3",
        "value":"A3"
     }
  ]},{  
  "name":"B",
  "value":"B",
  "child":[  
     {  
        "name":"B1",
        "value":"B1"
     }
  ]}];

the data could have n number of nested parent child relationship.

Samir Sakanovic
@SagiSan
can someone guide me with making circle progress bar..I am building pomodoro clock project.and I want circular progress of remaining time..msg me who can help...ty
Rahul Yedida
@yrahul3910
I was gonna ask the same thing, is it required?
Sanket Chaudhari
@sanket-chaudhari
Hey
Does anyone know of a Weather API which works over HTTPS?
I can't seem to find one.
Rahul Yedida
@yrahul3910
Doesn't OpenWeather work over HTTPS? @sanket-chaudhari
I tried using jQuery to add a linear gradient to the background-image property but it didn't work when done using jQuery @SagiSan
This solution worked when I put the linear gradient directly in the CSS, but not when I tried modifying the CSS using jQuery. Idk why
Sanket Chaudhari
@sanket-chaudhari
@yrahul3910 No
it doesnt :/
not if you dont have a paid account it seems
Rahul Yedida
@yrahul3910
Ah, I see. But for the purpose of the project it doesn't matter I guess
Tyler Moeller
@TylerMoeller
@yrahul3910 @sanket-chaudhari Weather Underground, Dark Sky, and Apixu all offer free weather APIs that work over both HTTP and HTTPS.
Rahul Yedida
@yrahul3910
Oh thanks @TylerMoeller :)
CamperBot
@camperbot
yrahul3910 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1301 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Sanket Chaudhari
@sanket-chaudhari
@TylerMoeller I couldn't see my locations data coming up with the weather underground api
:/
Rahul Yedida
@yrahul3910
@sanket-chaudhari I used ipinfo.io for location to make it easier, try that
Tyler Moeller
@TylerMoeller
@sanket-chaudhari I can look at the code if you want - weather undeground is what I used for my weather project.
Rahul Yedida
@yrahul3910
@TylerMoeller Did you fill the circular progress bar for the Pomodoro clock?
Tyler Moeller
@TylerMoeller
@yrahul3910 No, I used a standard line that goes from left to right to show progress
Rahul Yedida
@yrahul3910
Oh okay, thanks :) @TylerMoeller
CamperBot
@camperbot
yrahul3910 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: yrahul3910 already gave tylermoeller points
Tyler Moeller
@TylerMoeller
@sanket-chaudhari By the way, you can get location + weather all in one URL with this link:
https://api.wunderground.com/api/<your API key>/conditions/q/autoip.json
TracesOfNuts
@TracesOfNuts

hi guys. need some help with CSS on codepen.

* {
height: 100vh;
}

I'm wondering why does this code provide a scrollbar on the side. And is there anyway to overcome this?

pkaretas
@pkaretas
I'm working on the first project for Front-End and I've got to div columns next to each other, one has a lot of text and the other only has a little, I'm trying to move the little box so that it is in the middle of the first box(in the middle on the side that is) any tips on how I might be able to do so?
Tom
@moT01
@TracesOfNuts maybe theres a margin on it, ...pushing the 100vh down a hair
Nicola
@blitzpb
hey guys
I'm having some kind of issue with my project on codepen
TracesOfNuts
@TracesOfNuts
@moT01 yup that helps. thanks!
CamperBot
@camperbot
tracesofnuts sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 455 | @mot01 |http://www.freecodecamp.com/mot01
Nicola
@blitzpb
Like, I added a thumbnail div for an image, but the image and the thumbnail don't match in size
Tom
@moT01
@blitzpb got a pen?
@pkaretas i personally, would do some css positioning, there might be an easier way with bootstrap not sure. maybe nest the one inside the other in your html
Mike
@mik123je
I'm working on the first project in codepen. I'm having an issue changing the size of my text using CSS for my <p> element. The color will change, I can align it, and whatever else but the size will not change?