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
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?
I feel like i'm already going crazy with div tags trying to seperate everything
Tom
@moT01
@pkaretas, what are you trying to achieve
pkaretas
@pkaretas
I want to light grey box to be halfway down the time line bullet list to the left of it. In the browser it shows them side by side with the grey box aligned to the top.
Mike
@mik123je
Anyone have this problem?