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
dcjuju
@dcjuju
hr {
height:1px;
background-color: #123455;
}
@max77p
try the last one :)
i think that would work :) @max77p
hr {
height:1px;
background-color: black;
}
Dustin
@Key-Banger
I'm working on the wikipedia viewer. Could someone help me out with this error code:
XMLHttpRequest cannot load https://en.wikipedia.org/w/api.php?action=query&titles=jimi%20hendrix&prop=revisions&rvprop=content&format=json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s.codepen.io' is therefore not allowed access.
Oluwatobi Adeyinka
@tobex9434
@Key-Banger i spent a whole day on that error
@Key-Banger make sure you include this in you api call: '&callback=?'
Dustin
@Key-Banger
@tobex9434 ha ha ha I just got it, any clue?
@tobex9434 cool, I'll try that.
Buzz Tarek
@buzzth

Hey guys, I started on my first tribute page project. I'm trying to get the CSS style settings to work but it does not seem to be functioning like in freecodecamp challenges. Here's my code <style> .blue-text {
color: blue;
}

</style>

Oluwatobi Adeyinka
@tobex9434
@Key-Banger it has something to do with cross domain requests you can read up on it https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS
Dustin
@Key-Banger
@tobex9434 Thanks! I'll check that out
CamperBot
@camperbot
key-banger sends brownie points to @tobex9434 :sparkles: :thumbsup: :sparkles:
:star: 300 | @tobex9434 | http://www.freecodecamp.com/tobex9434
Robert Richey
@0x0936

@saylu .replaceWith() removes the set of matched elements, and in their place, inserts new html content. In other words, the span with id temperature is removed from the dom and replaced with a literal Fahrenheit value. Use $('#temperature).text(tempFahrenheit); instead, preserving the span.

Also, the object temperatures is a local variable to the function displayCurrentWeather() and is not accessible outside the function. Even though the function is returning temperatures, this function is only being called once and there is no variable assignment to the return value. A simple fix would be to assign to temperatures the return value from calling displayCurrentWeather().

var temperatures; // global temperatures variable

// Create API URL
function locationCode() {
   // ... stuff ...
   $.getJSON(apiURL, function(data) {
      temperatures = displayCurrentWeather(data); // the data in temperatures is available to the rest of your app
   });
}
genesisjoec
@genesisjoec
What do you call a website feature that allows the user to input their own photos, paragraphs, etc. I would like to learn more about it. I understand how to develop it from a programming stand point, but I don't know what you call that from a users perspective. How would I as a developer create such an ability for a user? I hope that makes sense!
I want to make a blog template for a friend.
jhois
@jhois
Why do they make the example for the projects so complicated is that realistically how we are supposed to be making them? They use a ton of stuff that isn't taught.
Achilleas Papakonstantinou
@AchiPapakon
Hi, can someone tell me why this sample code from w3schools doesn't work on codepen.io? (Works as intended when I create a test.htm file on my desktop)
<nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">WebSiteName</a> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Page 1-1</a></li> <li><a href="#">Page 1-2</a></li> <li><a href="#">Page 1-3</a></li> </ul> </li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li> <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> </ul> </div> </div> </nav>
Alicja Raszkowska
@trueskawka
do you have all the relevant .css and .js for boostrap in codepen?
Achilleas Papakonstantinou
@AchiPapakon
<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Page 1-1</a></li>
            <li><a href="#">Page 1-2</a></li>
            <li><a href="#">Page 1-3</a></li>
          </ul>
        </li>
        <li><a href="#">Page 2</a></li>
        <li><a href="#">Page 3</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
        <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
      </ul>
    </div>
  </div>
</nav>
Yes.
Alicja Raszkowska
@trueskawka
ok. so how does it "not work"?
Achilleas Papakonstantinou
@AchiPapakon
wait
I have the .css for bootstrap
Alicja Raszkowska
@trueskawka
does it not open?
not display certain elements?
Achilleas Papakonstantinou
@AchiPapakon
Mm ok, I needed the .js thanks :D
Alicja Raszkowska
@trueskawka
;)
Achilleas Papakonstantinou
@AchiPapakon
When I clicked the buttons nothing happened, thanks :)
Robert Richey
@0x0936
@jhois try and focus on just the requirements. As far as I know, there are no design requirements in any front-end project. My Wikipedia Viewer, for example, didn't use any CSS. The example projects are just examples - the requirements are all that matters, but feel free to add as many bells and whistles as you like. Ultimately, these projects will become part of your portfolio that others will see.
Buzz Tarek
@buzzth
in CodePen, do I add the /style section under HTML or CSS?
Thanasis S.
@xakersas
hey, in this website that codecamp gives you does this guy use seperate image files as his background or just 1?
max77p
@max77p
hey guys in my project, for the horizontal line i have col-xs-14 why does this work?
i thought you can only go maximum 12 in columns?
Robert Richey
@0x0936
@buzzth add your CSS to the CSS section, without a <style> tag
@xakersas that project uses separate images
Thanasis S.
@xakersas
thanks
Buzz Tarek
@buzzth
@0x0936 I see, so the style tag is not necessary in this situation. Thank you
CamperBot
@camperbot
buzzth sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 1205 | @0x0936 | http://www.freecodecamp.com/0x0936
Robert Richey
@0x0936
@max77p it seems to be ignoring your class. col-xs-14 is not a valid bootstrap class. <hr> lines by default have 100% width of it's parent container
wstrauss123
@wstrauss123
I think I found the correct help room. I had a question about the show local weather zip line.
Robert Richey
@0x0936
@xakersas @buzzth :+1: :)
max77p
@max77p
@0x0936 you are right, i removed the col-xs-14 but still its lined up to the container
@0x0936 how is it still lining up to the container, when i have the entire hr container outside the main container?
Robert Richey
@0x0936
@max77p it's still nested within a container
<div class="container container-fluid">
  <div class="row">
      <div class="horiline">
      <hr>
    </div>
  </div>
</div><!--end of horizontal line-->