FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

kirbyedy

@kirbyedy

but it says you are missing the jquery

I mean your console.log error

Alo

@aloRanking

@kirbyedy i dont get it.

Zhu Wei

@zhuwei12

Why can't the API in the official website work?

http://codepen.io/chriscoyier/pen/MwaXpq

kirbyedy

@kirbyedy

@aloRanking you dont have jquery loaded

load it in the codepen settings under the javascript section, but load it before bootstrap

then it will work

achudoz

@achudoz

@khaduch I am using ubuntu/firefox combo which tends to be much more buggy than any Windows/iOS combos. I closed most of other open tabs including some other pens and the errors seemed to stop in the last few minutes. Maybe there was some interference or something. This gitter chat is giving me console errors now to, but works just fine. Thanks for checking. It is probably time to think about at least dual boot with windows. I just love the idea of free open source OS too much to not be at least using it despite it's many bugs and other things that come with it. Thank you for looking at it!

CamperBot

@camperbot

achudoz sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:

:star2: 2515 | @khaduch |http://www.freecodecamp.com/khaduch

Zhu Wei

@zhuwei12

anyone can help

Alo

@aloRanking

@kirbyedy ok..i will do dat

achudoz

@achudoz

@zhuwei12 what do you mean? your code does put a quote to <body>

at least on my end

kirbyedy

@kirbyedy

@zhuwei12 works fine for me

Alo

@aloRanking

@kirbyedy Thanks..it works!!!

CamperBot

@camperbot

aloranking sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:

:star2: 1834 | @kirbyedy |http://www.freecodecamp.com/kirbyedy

Zhu Wei

@zhuwei12

it is supposed to change everytime

@achudoz

oh maybe it's my browser's fault

achudoz

@achudoz

@zhuwei12 no, it doesn't work for me too. I was using this API too and got it to work by clearing cache with each call.

I ended up using a different API, but I will try to remember what I used to fixt it

Ken Haduch

@khaduch

@achudoz - I like the idea of free and open source, too - it's always good to have it in your arsenal of tools. Good luck with the project!

Zhu Wei

@zhuwei12

yea I'm trapped in this problem for a long time.I feel so bad... @achudoz

Ken Haduch

@khaduch

@zhuwei12 - sometimes you have to disable caching for some of these projects - there is a way to set it up, depends on how you're calling this. I'm going to look at your project, too, and see what might help?

Zhu Wei

@zhuwei12

what the other API do u use

achudoz

@achudoz

@zhuwei12 ok, I got it

add:

$.ajaxSetup({cache: false})

@zhuwei12 don't feel bad, a lot of us, including me, have been stuck on this very problem with this API

Walter V. Santos

@theunmanifested

I need some help with my code. I can't get my images to float within it's <div>. Can't anybody help me out?

Zhu Wei

@zhuwei12

thank u all guys

I will go on working.

Ken Haduch

@khaduch

@zhuwei12 - https://api.jquery.com/jQuery.ajax/, if you are using jQuery's ajax command. There is a way to set it up directly within the request. (I'm only posting this because the jquery documentation says that the ajaxSetup use is not recommended.)

roeP

@roeP

question about the tribute page - does it have to be similar to the exapmle?

achudoz

@achudoz

@zhuwei12 this is a working example of your pen. JS:

$(document).ready(function() {
  $.ajaxSetup({
    cache: false
  });

  $("#quoteButton").on("click", function() {
    $.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(a) {
      $("#quoteBox").html(a[0].content + "<p>&mdash; " + a[0].title + "</p>")
    });

  });
});

Bartłomiej Rakowiecki

@Biskupator

I have a question about portfolio page. How to make the bar at the top of the page stay fixed while scrolling?

Ken Haduch

@khaduch

@roeP - it can be any page that you want to make, I guess that there are a couple requirements, and you want to make it look good, apply appropriate styling, etc. But it's really a blank slate. They give the example as an example.

achudoz

@achudoz

@zhuwei12 and HTML:

<button id="quoteButton">Quote</button>
<div id="quoteBox">
</div>

Ken Haduch

@khaduch

@Biskupator - are you using Bootstraps navbar? There is a class navbar-fixed, I think? Check their documentation. If you are using Bootstrap v4, it might have changed.

achudoz

@achudoz

@zhuwei12 the thing that makes the quotes change is the $.ajaxSetup()

@khaduch do you know why ajaxSetup is not recommended?

Zhu Wei

@zhuwei12

thank u!

Ken Haduch

@khaduch

@achudoz - no, I don't - perhaps it is better to just add the cache: false to the $.ajax call itself? I could see where setting up some values like that you might inadvertently have them change without realizing it?

roeP

@roeP

@khaduch im tring to make it look like the example page, it has a lot of feature that will be usful, but i cant figure it out

achudoz

@achudoz

@khaduch yeah, that makes sense. thanks

CamperBot

@camperbot

achudoz sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:

:warning: achudoz already gave khaduch points

roeP

@roeP

this is what i did so far, is it any good?

Where communities thrive

People

Repo info

Activity