FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

steve

@davidsonsteve

 $.getJSON("http://en.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&list=search&indexpageids=1&exsentences=4&exintro=1&explaintext=1&exsectionformat=plain&limit=10&prop=pageimages|extracts&pilimit=max&exintro&explaintext&exsentences=1&exlimit=max&srsearch=" + input + "&callback=?", function(json) {
       var myData = json;
       console.log(myData);
     console.log(myData.query.search[0].title);
console.log(myData.query.search[0].snippet);
  });

the console.logs work as i expect them to

oops above that var input="dogs"; a static var for now

Dimitri Apostal

@Stateford

@davidsonsteve have you checked the error in your browsers console?

@davidsonsteve iirc you need to use JSONP with the wiki API.

steve

@davidsonsteve

my console prints out "Dogs", the title of [0] in the returned array and then the snippet from it, no error. it's just when i try to modify that url to retrieve different information then i get errors about MIME types or that the property of "search" is undefined. I've got the "&callback=?" in there at the end though, so it's returning results

Dimitri Apostal

@Stateford

@davidsonsteve might be an issue with your input command then, or you aren't running the .getJSON on click maybe.

steve

@davidsonsteve

yeah i'm having trouble formulating a good input command that returns basically just the titles, descriptions, and page IDs. that's the only one i've had any luck with but it doesn't return the page id. thanks, i'll keep trying with it

batilc1

@batilc1

@davidsonsteve you better use $.ajax and give those parameters like :

data: {
   action: 'query',
   exintro: 1,
   ...
}

so that you can do modifications easily, and your code is readable as well.
also, have a look at generators in wikipedia api

steve

@davidsonsteve

hey thanks, i'll check into those. sounds like i got some reading to do because i was way off in my approach

morganmay

@morganmay

I'm working on the first challenge, and I've run into an odd issue with CodePen. When I attempt to load Bootstrap through CodePen's options as instructed, it doesn't load; adding Bootstrap classes to elements does nothing. However, if I copy the CDN code from http://getbootstrap.com/getting-started/ into the project, Bootstrap loads properly. I don't have this problem with the other libraries like jQuery. Has anyone else encountered this?

Kevin Mulligan

@kmulligan

@morganmay Are you getting an error?

Bruce Young

@mutantspore

@morganmay let’s see what you have in codepen

Kevin Mulligan

@kmulligan

@mutantspore @mutantspore actually I am getting errors on codepen right now too

morganmay

@morganmay

All I've got is what the tiutorial recommended so far. I took out the manually-added Bootstrap CDN code. http://codepen.io/morganmay/pen/bEJENN

Bruce Young

@mutantspore

@morganmay if you put in BS first ..then animate. it should be ok. what are the errors.. the ones in console? you can see that bootstrap works by the styling of the H1 and the button

morganmay

@morganmay

@kmulligan @mutantspore I got this error in Firefox:
16:03:52.695 Content Security Policy: The page's settings blocked the loading of a resource at self ("script-src http://codepen.io 'unsafe-eval' http://preprocessor.codepen.io http://*.pubnub.com https://*.pubnub.com http://platform.twitter.com http://connect.facebook.net http://www.google-analytics.com https://*.google-analytics.com https://*.google.com http://wufoo.com https://wufoo.com http://*.wufoo.com https://*.wufoo.com https://*.stripe.com https://*.instapaper.com http://*.instapaper.com http://dc8na2hxrj29i.cloudfront.net http://s3.buysellads.com http://srv.buysellads.com/ https://www.fullstory.com https://stats.buysellads.com http://stats.buysellads.com https://*.braintreegateway.com https://www.paypalobjects.com http://assets.codepen.io http://assets.codepen.io/ https://assets.codepen.io https://assets.codepen.io/ http://assets.cdpn.io").1 bEJENN

And this similar one in Chrome:
Refused to load the script 'data:application/javascript;base64,KGZ1bmN0aW9uKCkgewogICAgLy8gaHR0cHM6Ly9k…ogICAgZ2EucmVtb3ZlID0gbm9vcGZuOwogICAgd2luZG93W2dhTmFtZV0gPSBnYTsKfSkoKTs=' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' http://preprocessor.codepen.io http://*.pubnub.com https://*.pubnub.com http://platform.twitter.com http://connect.facebook.net http://www.google-analytics.com https://*.google-analytics.com https://*.google.com http://wufoo.com https://wufoo.com http://*.wufoo.com https://*.wufoo.com https://*.stripe.com https://*.instapaper.com http://*.instapaper.com http://dc8na2hxrj29i.cloudfront.net http://s3.buysellads.com http://srv.buysellads.com/ https://www.fullstory.com https://stats.buysellads.com http://stats.buysellads.com https://*.braintreegateway.com https://www.paypalobjects.com http://assets.codepen.io http://assets.codepen.io/ https://assets.codepen.io https://assets.codepen.io/ http://assets.cdpn.io".

Bruce Young

@mutantspore

? well this is a fork of yours with BS added. @morganmay I’m using Safari/Mac

http://codepen.io/MutantSpore/pen/pgBgdw

@morganmay looks like a list of sites you have blocked by an ad block program?

morganmay

@morganmay

@mutantspore While testing it in Chrome I accidentally reverted to the version that had the manually-added CDN import.

Bruce Young

@mutantspore

@morganmay so my fork of yours (above) doesn’t work for you? Ithink youhav esome sort of ad block plugin

morganmay

@morganmay

@mutantspore Adblock was my first thought, but Bootstrap doesn't load even when I disable it or load it in Internet Explorer (which has no ad blocker installed).

Your fork works, though.

How did you add Bootstrap? Just through the options panel?

Bruce Young

@mutantspore

wel all i did was put BS in the CSS before animate and save it

yes

I didn’t do anything else at all

morganmay

@morganmay

Okay, I'm blind. Somehow I managed to remove Bootstrap from the CSS without noticing. Sigh. Thanks for your help!

Bruce Young

@mutantspore

@morganmay ty for looking again and not just saying it doesn’t work!

morganmay

@morganmay

Well thank you for being so patient...

Kaue Rodrigo Pacheco

@kauepacheco

Im trying to add a color to a <h1> using bootstrap... Is it possible? Or I just use css? Because its a challenge to create a tribute page and it is supose to be using only html in codepen... Anyone?

Bruce Young

@mutantspore

@kauepacheco bootstrap is CSSand yes it has it’s own color set. you can override it in CSS if you want to

Kaue Rodrigo Pacheco

@kauepacheco

So I can't change color using a Bootstrap code inline? @mutantspore

Alright got it thanks man

Maddah Anass

@unlimiworks

Hello guys

Victor Hernandez

@Theviajerock

Hello

Maddah Anass

@unlimiworks

Can i please get help on one of my api .getJSON calls ? I don't know why i don't get anything from that
http://codepen.io/UnlimiWorks/pen/WrWrLj

Victor Hernandez

@Theviajerock

@UnlimiWorks You must add jquery on the javascript part.

I don't see it in there.

Maddah Anass

@unlimiworks

Ow. Totally forgot that

Still not fixed though

Victor Hernandez

@Theviajerock

I am searching....

I have the same problem

I am crazy..... Angry with that.

Owen Temple

@owentemp

@mutantspore thanks! don't know how that got chopped. appreciate it!

CamperBot

@camperbot

owentemp sends brownie points to @mutantspore :sparkles: :thumbsup: :sparkles:

:star: 1137 | @mutantspore | http://www.freecodecamp.com/mutantspore

Maddah Anass

@unlimiworks

@Theviajerock Are you using the same API ?

Victor Hernandez

@Theviajerock

I am using the wikipedia API

Where communities thrive

People

Repo info

Activity