FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Tyler Moeller

@TylerMoeller

@Rallph codepen works great with HTTPS. You can get the user's location from coordinates with the Google Maps API. https://developers.google.com/maps/documentation/javascript/examples/geocoding-reverse
Here's an example of it in use: https://codepen.io/TylerMoeller/pen/ZBBEGq

(Line 70)

Tyler Moeller

@TylerMoeller

@Makzin Your "C" button is in a <span> element. <span> elements are inline elements and don't have a height/width unless you use float or display css properties to modify them. To resize it, use display: inline-block in your .clear class.

dwquach

@dwquach

hi all! I'm working on the random quote generator project and was wondering if anyone could me get my API working https://codepen.io/dwquach/pen/XNwoYL

Tyler Moeller

@TylerMoeller

@dwquach First error is that the first line should have parentheses around document:

$(document).ready(function() {

Second error is that you need an API key for the quote api you have chosen

{"message":"Missing Mashape application key. Go to http:\/\/docs.mashape.com\/api-keys to learn how to get your API application key."}

dwquach

@dwquach

@TylerMoeller I've included the API key using beforesend:. is that incorrect?

Tyler Moeller

@TylerMoeller

@dwquach I haven't used that API before, but I think the key needs to go in headers: not beforesend:

dwquach

@dwquach

hmm okay i'll give it a try and get back to you

thanks @TylerMoeller !

CamperBot

@camperbot

dwquach sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:

:star2: 1214 | @tylermoeller |http://www.freecodecamp.com/tylermoeller

Tyler Moeller

@TylerMoeller

@dwquach Actually, nevermind! Your code works great if you change beforesend to beforeSend (note the capital 'S')

You'll just have to figure out how to parse the JSON, but add console.log(json) to the first line of your success function and you'll see the quote text logged to the console

Rebecca Vest

@idahogurl

Does anyone have experience using Mobx React

dwquach

@dwquach

oh wow. that fixed it!! i can't believe i missed such simple mistakes. i've been looking at this code for hours. thanks again @TylerMoeller !

CamperBot

@camperbot

dwquach sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:

:warning: dwquach already gave tylermoeller points

Tyler Moeller

@TylerMoeller

@idahogurl You might want to try in the Mobx React Room: https://gitter.im/mobxjs/mobx

Rebecca Vest

@idahogurl

Thanks @TylerMoeller

CamperBot

@camperbot

:star2: 1215 | @tylermoeller |http://www.freecodecamp.com/tylermoeller

idahogurl sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:

c0d0er2

@c0d0er2

Can someone please help me on Increment a Number with JavaScript? Here is my code:

var myVar = 87;

// Only change code below this line

myVar = myVar++ + 1;

Here is the link: https://www.freecodecamp.com/challenges/increment-a-number-with-javascript

dwquach

@dwquach

@c0d0er2 you don't need the +1 at the end of you code. myVar++ automatically increments by 1

c0d0er2

@c0d0er2

@dwquach Thanks

CamperBot

@camperbot

c0d0er2 sends brownie points to @dwquach :sparkles: :thumbsup: :sparkles:

:cookie: 275 | @dwquach |http://www.freecodecamp.com/dwquach

c0d0er2

@c0d0er2

Can anybody please help me? https://www.freecodecamp.com/challenges/convert-celsius-to-fahrenheit

dwquach

@dwquach

what's your issue with it?

never mind. I see that you got help at the other help chat haha

dwquach

@dwquach

I have another issue. I want the background image to change every time the "new button" is clicked. I've put what I thought would work in the first line of the success header but with no success. https://codepen.io/dwquach/pen/XNwoYL

Tyler Moeller

@TylerMoeller

@dwquach Since you're using the same URL every time, the browser thinks you are asking for the same image again and just gives you the cached version it already gave you when you loaded the page. With Unsplash, you can add ?sig={random number} to the end of the url to prevent this, for example:
$("body").css("background-image", "url(" + "https://source.unsplash.com/category/nature?sig=" + Math.random() + ")");
More info: unsplash/unsplash-source-js#9

quackidy

@quackidy

Hi guys! Could someone help me with getting my name and the buttons to align on the nav bar?
http://codepen.io/cassidyepps/pen/woZjqj

Wasiu Idowu

@Hoxtygen

@c0d0er2 what are you having problem with

c0d0er2

@c0d0er2

@Hoxtygen i need help on Quoting Strings with Single Quotes in javascript

Wasiu Idowu

@Hoxtygen

@c0d0er2 wheres your code?

dwquach

@dwquach

@quackidy i was messing around with your code and with some googling i found a half answer. i added position:absolute and bottom: 0 to the css code to the h2 element (you can use an id/class instead) it aligns the text and the buttons however it also alters the size of your nav bar which i'm not sure if you're okay with

Ken Haduch

@khaduch

@quackidy - you just have an <h2> element for your name. The display style for that is display:block; which makes it occupy its own line. Try changing it to something else. Or putting a class on it with display: inline-block;
Also, are you using Bootstrap grid row/columns? The col-s-3 is not correct, it should be col-sm-3, for all of those, I think? Unless you're trying to do something else.

c0d0er2

@c0d0er2

@Hoxtygen

var myStr = "<a href='"http://www.example.com'" target='"_blank'">Link</a>";

Wasiu Idowu

@Hoxtygen

@c0d0er2 reset the code pls, its all cluttered

c0d0er2

@c0d0er2

@Hoxtygen ok

Wasiu Idowu

@Hoxtygen

@c0d0er2 everything as they were and judt change the first and last quote to single quote

c0d0er2

@c0d0er2

@Hoxtygen Thanks!

Wasiu Idowu

@Hoxtygen

@c0d0er2 :thumbsup:

dwquach

@dwquach

@TylerMoeller that worked like a charm. Thanks!

CamperBot

@camperbot

dwquach sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:

:star2: 1216 | @tylermoeller |http://www.freecodecamp.com/tylermoeller

Ken Haduch

@khaduch

@quackidy - maybe you should try to use the Bootstrap navbar, they have boilerplate code on their site...

Segun Samuel

@shegs-a

Hello guys, I'm trying to vertically align a div within a div. the goal is to place the inner div at the vertical center of the outer div. What's the best way to carry this out? Both Bootstrap and jQuery solutions are welcome

Update: I'm beginning to lose my head here.....lol

Where communities thrive

People

Repo info

Activity