FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Annetta Ives

@IvesNoIdea

It worked (I'm on Linux). I got this error:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=json. (Reason: CORS header 'Access-Control-Allow-Origin' missing).  (unknown)

It looks like it's the API blocking my request, but I don't understand why :worried:

I wonder if I need a key...

Gulsvi

@gulsvi

@IvesNoIdea Perfect, This will help you in the future :) you can use google to search for that error. For now, I'll save you the search. Add &origin=* to the end of your wikipedia URL

That will allow requests from any origin

It's a security error

Annetta Ives

@IvesNoIdea

@SkyCoder01 Cool, thanks :-)

CamperBot

@camperbot

ivesnoidea sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:

:cookie: 287 | @skycoder01 |http://www.freecodecamp.com/skycoder01

Gulsvi

@gulsvi

$(document).ready(function() {
  $("#button").click(function() {
    $("#greeting").html("Hello World");
    $.getJSON("https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=json&origin=*", function(json) {
      $("#output").html(JSON.stringify(json));
    });
  });
});

Annetta Ives

@IvesNoIdea

And it's working! I would never have figured that out without your help! You're a superstar :smile:

Gulsvi

@gulsvi

Nah, I had to learn it the same as you :)

Annetta Ives

@IvesNoIdea

Well yeah, but that doesn't mean it isn't valuable to me! Three flipping days I've been bashing my head against that particular brick wall...

Ghost

@ghost~589bb2dad73408ce4f490e7b

Hey! anyone uses Brackets here?

Simon Cordova

@gbsimon87

@aftabparvez I have before yes

It's rather good, I would say the best thing about it is that it has it's own semi built in server, so you can make ajax calls without much hassle

apart from that, it basically uses the same functionalities as coda, sublime text, etc...

Ghost

@ghost~589bb2dad73408ce4f490e7b

@gbsimon87 Awesome! Do you know if the live preview icon changes color to red(from orange) only when connected to a localhost or is it supposed to change the color when I’m working with the files from my system?

Simon Cordova

@gbsimon87

Truthfully I can't say I know, it's been a year since I've used Brackets.

Ghost

@ghost~589bb2dad73408ce4f490e7b

@gbsimon87 Also, it seems to open a new instance of Google Chrome everytime I run a live preview. It doesn’t open the link in the already active window of Google Chrome.. I really like the live preview option so I was thinking of continuing this instead of the Atom-Browsersync combo where I have to save the file to view changes.

Thanks for your time though! :-) @gbsimon87

CamperBot

@camperbot

aftabparvez sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:

:cookie: 391 | @gbsimon87 |http://www.freecodecamp.com/gbsimon87

Simon Cordova

@gbsimon87

@aftabparvez No worries :)
I do know that using Chrome alongside of it can cause issues with ajax calls and local hosts

try firefox

Ghost

@ghost~589bb2dad73408ce4f490e7b

Okay.. it changes color when there’s a syntax error and the live preview will stop reflecting changes until it is fixed . working at 3 AM without coffee really has some side effects ..

David

@DEstepp

Currently I am on the Build a Tribute Page objective. When trying to use the thumbnail class on codepen, my image stays the same. Any recommendations on what to do?

taylanbulbul

@taylanbulbul

hello guys, I'm tying to build my tribute page for challenge. anyone stuck in adding image? can someone tell this how briefly?

Gulsvi

@gulsvi

@DEstepp Codepen changed the version of bootstrap added with the quick add menu. Open Settings, click CSS and then add this version instead: https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css
Or, start learning bootstrap 4 and use the img-thumbnail class instead: https://v4-alpha.getbootstrap.com/content/images/

@taylanbulbul Try using https://postimage.io

David

@DEstepp

Thank you @SkyCoder01

CamperBot

@camperbot

destepp sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:

:cookie: 288 | @skycoder01 |http://www.freecodecamp.com/skycoder01

taylanbulbul

@taylanbulbul

@SkyCoder01 thank you!

CamperBot

@camperbot

taylanbulbul sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:

:cookie: 289 | @skycoder01 |http://www.freecodecamp.com/skycoder01

Haseeb Arshad

@haseebuchiha

can someone tell me how I can make a take a pic and place it in the same line as my text(side by side)

here is an example that I have to follow

https://codepen.io/freeCodeCamp/full/YqLyXB

Gulsvi

@gulsvi

@haseebuchiha Your text will need to be in an inline element like <span> or you have to use CSS to tell it to display: inline

Of course, you could also use the bootstrap grid

Haseeb Arshad

@haseebuchiha

@SkyCoder01 I tried span and I don't think it worked

I will have to research on bootstrap grid

@SkyCoder01 thanks tho

CamperBot

@camperbot

:cookie: 290 | @skycoder01 |http://www.freecodecamp.com/skycoder01

haseebuchiha sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:

Ghost

@ghost~589bb2dad73408ce4f490e7b

Does anyone know any site on how to find the font from an image?

Gulsvi

@gulsvi

@haseebuchiha Here's an example with span: http://codepen.io/skycoder/pen/aJoQpK

Haseeb Arshad

@haseebuchiha

@SkyCoder01 Hey sky

Where communities thrive

People

Repo info

Activity