FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

abhijith shenoy

@shenoyabhijith

text wrapped in h3 @megan32

Megan

@megan32

sorry, just an example. My tweets for example are in <h3> tags so to get them for twitter I used $(h3), but as I understand it this could be a variety of other things

abhijith shenoy

@shenoyabhijith

okay

im pretty clear with the concept

but here by quotes appear dynamically from the api

i need to make button also

Megan

@megan32

oh, I did not do an api...you are officially outside my realm of knowledge. I don't want to steer you wrong, sorry :-(

Alexeggers

@Alexeggers

@shenoyabhijith You are trying to fill your quote element with a quote from an api?

abhijith shenoy

@shenoyabhijith

yes

ill share a link to codepen

http://s.codepen.io/xmorpheus/debug/xEjzak/XBrGRpaevRvM

Alfian Akmal Hanantio

@amalhanaja

Hello

How to add a Header to getJSON ?

MaxLAB

@Max-LAB

@amalhanaja Hello

Alexeggers

@Alexeggers

@shenoyabhijith Not sure how that works, I didnt you Jquery to get an api but instead saved the json in an object and then always took from that what I needed

MaxLAB

@Max-LAB

@amalhanaja is it posible for you to use $.ajax

Alexeggers

@Alexeggers

@shenoyabhijith do you know the structure of the json object that is returned?

Sorin Ruse

@sorinr

@shivanksharma91 this is what you want ?

Alfian Akmal Hanantio

@amalhanaja

@Max-LAB thanks man!

abhijith shenoy

@shenoyabhijith

api returns quotes

Alfian Akmal Hanantio

@amalhanaja

@Max-LAB thanks

abhijith shenoy

@shenoyabhijith

check the codepen

CamperBot

@camperbot

amalhanaja sends brownie points to @max-lab :sparkles: :thumbsup: :sparkles:

:cookie: 280 | @max-lab |http://www.freecodecamp.com/max-lab

Alfian Akmal Hanantio

@amalhanaja

@shenoyabhijith thanks

CamperBot

@camperbot

amalhanaja sends brownie points to @shenoyabhijith :sparkles: :thumbsup: :sparkles:

:cookie: 262 | @shenoyabhijith |http://www.freecodecamp.com/shenoyabhijith

abhijith shenoy

@shenoyabhijith

http://s.codepen.io/xmorpheus/debug/xEjzak/LQkExVzwvvPA

Alexeggers

@Alexeggers

@shenoyabhijith there is a bug in your code, I would fix that before attempting to solve your problem

abhijith shenoy

@shenoyabhijith

whats the bug

Alexeggers

@Alexeggers

@shenoyabhijith I don't know, but there is an uncaught syntax error. You probably have a bracket missing in your javascript or something. Open up the console on your browser, itll tell you where it is

@shenoyabhijith 'https://twitter.com/intent/tweet?text=' + $("p").html());

The last bracket needs to go

Dhavalkumar Prajapati

@adhavalboy

function phoneticLookup(val) {
  var result = "";

  // Only change code below this line
   val={
    "alpha": "Adams",

    "bravo": "Boston",

    "charlie": "Chicago",
       "delta": "Denver",
       "echo": "Easy",
 "foxtrot":  "Frank"
  };

  // Only change code above this line
  return result;
}

Use it to lookup val and assign the associated string to the result variable.

Sorin Ruse

@sorinr

@shivanksharma91 take a look now at this example

Shivank Sharma

@shivanksharma91

@sorinr https://jsfiddle.net/b73fwgx8/ It is not working here?

Sorin Ruse

@sorinr

@shivanksharma91 load jquery in the external resources

Shivank Sharma

@shivanksharma91

@sorinr loaded, still not working

Sorin Ruse

@sorinr

@shivanksharma91 but on codepen its working?

Shivank Sharma

@shivanksharma91

@sorinr yes

Sorin Ruse

@sorinr

@shivanksharma91 then its up to you making work on jsfiddle. i just used jquery and thats all

Shivank Sharma

@shivanksharma91

@sorinr thanks a lot

CamperBot

@camperbot

shivanksharma91 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:

:star2: 1067 | @sorinr |http://www.freecodecamp.com/sorinr

Sorin Ruse

@sorinr

@shivanksharma91 maybe its a problem with the animate function on jsfiddle

@shivanksharma91 it seems that jsfiddle does not recognize the animateMySquares() function

JD Tadlock

@jdtdesigns

@relentless-coder Even better ;)

$scope.sampleData = function() {

  var addArtist = function(id, artist) {
    $http.get('https://api.spotify.com/v1/artists/'+ id +'/top-tracks?country=SE')
    .then(function(response) {
      artist.tracks = response.data.tracks;
      $scope.artists.push(artist);
    })
  };

  $scope.sampleArtist.map(function(el){
    $http.get('https://api.spotify.com/v1/search?type=artist&q='+el)
    .then(function(data) {
      var artist = {};

      artist.name = data.data.artists.items[0].name;
      artist.popularity = data.data.artists.items[0].popularity;

      addArtist(data.data.artists.items[0].id, artist);
    })
  })
}

@breez803 Just saw your question from last night in regards to http://frostedcaribou.com/. I made all the animations and clouds with css. The art was drawn in Illustrator and exported as SVG so I can resize it to any dimension and maintain perfect quality. The background circles that fade in and out are added to the DOM with js and animated with css. Also, all the click listeners and showing/hiding of the about/contact/side alerts are handled through js as well. ;)

h1tag

@h1tag

I'm on the Random Quote Generator project, I'm using the Twitter button to tweet the quote from this link: https://publish.twitter.com/# (this link gives a code to put the tweet button on your website). How can I set what the twitter button tweets (it tweets the full page by default, I want it to tweet just the random quote I got from the JSON object)? Here's the link to the codepen: https://codepen.io/FortMax/pen/YNwjqb

abhijith shenoy

@shenoyabhijith

help

Where communities thrive

People

Repo info

Activity