These are chat archives for FreeCodeCamp/HelpFrontEnd

11th
Jul 2016
Harry Adel
@harryadel
Jul 11 2016 00:00 UTC
@1ucid as of right now
Omar Adzagic
@1ucid
Jul 11 2016 00:00 UTC
did you use some lorem ipsum packages?
before
Harry Adel
@harryadel
Jul 11 2016 00:01 UTC
nope
Omar Adzagic
@1ucid
Jul 11 2016 00:01 UTC
ok
Simon Cordova
@gbsimon87
Jul 11 2016 00:03 UTC

Hello all!
I was wondering if you guys could provide some insight to an assingment I have, I would highly highly appreciate it...
I've got to provide JavaScript code which would make the following changes, not modify the code, but add to it...

At https://registration.ft.com/signup/register
I have to attach a tracking event to the form...
Tracking code is to be: var cfTrack = function(val) { alert("Tracked "+val) };
When the form gets submitted that function to be called should be...
cfTrack(103);
The form should still submit and validate correctly, and I've got to give code that I would use to track the track the submission of this form.
Could someone PLEASE take a look at it and provide me some insight? I barely know where to begin...

David Clark
@DavidDoes
Jul 11 2016 00:11 UTC
What's up, all? Working on my "portfolio" project. Trying to change the font color of my nav pills. Unfortunately font-color and color are not doing anything when added to my CSS class for .nav-pills.
Simon Cordova
@gbsimon87
Jul 11 2016 00:12 UTC
Hey @SlouchingToast , try targeting the navpills <a> elements
David Clark
@DavidDoes
Jul 11 2016 00:13 UTC
Hmm, is that targeting all anchors?
Not sure what this is, @gbsimon87
.nav-pills > .active > a, .nav-pills > .active > a:hover {
background-color: red;
What's with the '>'
Simon Cordova
@gbsimon87
Jul 11 2016 00:16 UTC
It's a css selector
David Clark
@DavidDoes
Jul 11 2016 00:17 UTC
Am I supposed to give the pills class the "active" class? I don't understand.
Well using it didn't do anything, @gbsimon87 "/
uniforlyff
@uniforlyff
Jul 11 2016 00:17 UTC
@SlouchingToast the greater than sign is known as the direct child selector basically selects the elements that are direct children of that element

@SlouchingToast
the > sign is a child selector...say you have...

h3 > strong {
  color: blue;
}

It will give all <strong> elements whose parent elements are <h3> the color of blue

Harry Adel
@harryadel
Jul 11 2016 00:21 UTC
@uniforlyff u there ?
uniforlyff
@uniforlyff
Jul 11 2016 00:22 UTC
@Harry97 yea
Harry Adel
@harryadel
Jul 11 2016 00:22 UTC
have some time to help me out with my wikipedia viewer project ?
uniforlyff
@uniforlyff
Jul 11 2016 00:22 UTC
lets see
I can
I can't* get any response from the api
although I checked my the link I provided for the getJSON
uniforlyff
@uniforlyff
Jul 11 2016 00:24 UTC
@Harry97 you have a CORS issue
use jsonp
David Clark
@DavidDoes
Jul 11 2016 00:25 UTC
Ugh! Thank you, @gbsimon87 !
CamperBot
@camperbot
Jul 11 2016 00:25 UTC
slouchingtoast sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:cookie: 278 | @gbsimon87 |http://www.freecodecamp.com/gbsimon87
Omar Adzagic
@1ucid
Jul 11 2016 00:26 UTC
how to center image with css
Harry Adel
@harryadel
Jul 11 2016 00:26 UTC
@uniforlyff I changed the format part to jsonp
@1ucid user
Simon Cordova
@gbsimon87
Jul 11 2016 00:26 UTC
No worries man, keep at it!
Harry Adel
@harryadel
Jul 11 2016 00:26 UTC
.center-block
Omar Adzagic
@1ucid
Jul 11 2016 00:26 UTC
@Harry97 thanks
Harry Adel
@harryadel
Jul 11 2016 00:26 UTC
use*
CamperBot
@camperbot
Jul 11 2016 00:26 UTC
1ucid sends brownie points to @harry97 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for harry97
Omar Adzagic
@1ucid
Jul 11 2016 00:27 UTC
that is bootstrap right
@Harry97 make sure inside the click function is when you get the value of search field
Harry Adel
@harryadel
Jul 11 2016 00:30 UTC
http://codepen.io/Hadouken/pen/akwEvo my getJSON is inside the click function
your api doesn't give me any errors in the console but
for some reason I can't see the object returned
Greg Duncan
@GregatGit
Jul 11 2016 00:31 UTC
@Harry97 put the getJSON function inside the click event
Harry Adel
@harryadel
Jul 11 2016 00:33 UTC
@GregatGit Now I can get a response thanks
CamperBot
@camperbot
Jul 11 2016 00:33 UTC
harry97 sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:cookie: 673 | @gregatgit |http://www.freecodecamp.com/gregatgit
Harry Adel
@harryadel
Jul 11 2016 00:33 UTC
but had I needed to place inside the click event
Greg Duncan
@GregatGit
Jul 11 2016 00:33 UTC
@Harry97 and replace "germany" not "search"
Harry Adel
@harryadel
Jul 11 2016 00:33 UTC
I made sure the variable is puplic
Greg Duncan
@GregatGit
Jul 11 2016 00:34 UTC
@Harry97 why?
Harry Adel
@harryadel
Jul 11 2016 00:35 UTC
so that my getJSON function would recognize it as not making public would've made it an undefined variable
Greg Duncan
@GregatGit
Jul 11 2016 00:35 UTC
@Harry97 everything you have should be put inside
 $('#getit').click(function() {
   var values = $("#searchfield").val();
    console.log(values);
    $.getJSON(...// and the rest
});
Randy Goldsmith
@Dueldrawer8
Jul 11 2016 00:35 UTC
@GregatGit whats up?
Greg Duncan
@GregatGit
Jul 11 2016 00:36 UTC
@Dueldrawer8 I'm good - how are you?
Kevin Kuehler
@kevinkuehler
Jul 11 2016 00:37 UTC
Is there any reason why the body element has 1px of padding all the way around. When I try to make a header, there is whitespace
When I look at other websites it doesn't seem that they take this extra padding into account
it just isn't there..
Harry Adel
@harryadel
Jul 11 2016 00:41 UTC
@1ucid are you sure that there are no css interfering ?
Omar Adzagic
@1ucid
Jul 11 2016 00:42 UTC
i dont understand
yes it is css and bootstrap
Harry Adel
@harryadel
Jul 11 2016 00:43 UTC
@1ucid I get that that image that you are trying to center is it having any other css properties that might interfere with the positioning of it using .center-block ?
eh if you can't center it using .center-block try to use the method mention in the 1st part of the 1st answer here http://stackoverflow.com/questions/18153234/center-a-column-using-twitter-bootstrap-3
I get that but the*
David Clark
@DavidDoes
Jul 11 2016 00:49 UTC
How can I resize a page background image within CSS?
Or make it so that the image constrains itself to the width of the page?
Omar Adzagic
@1ucid
Jul 11 2016 00:57 UTC
@Harry97 i centered it with center-block thank you :D
CamperBot
@camperbot
Jul 11 2016 00:57 UTC
1ucid sends brownie points to @harry97 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for harry97
David Clark
@DavidDoes
Jul 11 2016 00:59 UTC

What am I doing wrong with this code? I cannot get the bg color or the bg image to appear...

.aboutpage{
background-color: grey;
background-image: url:("https://i.imgur.com/UYwpBpl.jpg")

}

Wendy Medeiros
@wendyr21
Jul 11 2016 00:59 UTC
finally finished my weather app. can anyone look it over and tell me what they would change or add. My creative gene is bad
Omar Adzagic
@1ucid
Jul 11 2016 00:59 UTC
This message was deleted
Omar Adzagic
@1ucid
Jul 11 2016 00:59 UTC
This message was deleted
David Clark
@DavidDoes
Jul 11 2016 00:59 UTC

I am referencing it in HTML via:

<div class="aboutpage">
<p>Hello, world</p>
</div>

Wendy Medeiros
@wendyr21
Jul 11 2016 01:00 UTC
David can you share the link to where the image is located?
David Clark
@DavidDoes
Jul 11 2016 01:00 UTC
It is in the code above, @wendyr21
Islam Ibakaev
@dagman
Jul 11 2016 01:02 UTC
@SlouchingToast background-image: url(https://i.imgur.com/UYwpBpl.jpg)
David Clark
@DavidDoes
Jul 11 2016 01:03 UTC
That didn't do it, @dagman I even refreshed CodePen
Wendy Medeiros
@wendyr21
Jul 11 2016 01:04 UTC
can you share the code pen page though? I'm normally better at trouble shooting things when i can do the inspector view :)
MrBurks
@mrburks
Jul 11 2016 01:06 UTC
@wendyr21 very nice. better than what I'm doing.
David Clark
@DavidDoes
Jul 11 2016 01:07 UTC
Someone? Anyone? :(
Wendy Medeiros
@wendyr21
Jul 11 2016 01:07 UTC
@mrburks thanks :) I'm trying to really learn the ajax calls and such.. Need a new job :)
CamperBot
@camperbot
Jul 11 2016 01:07 UTC
wendyr21 sends brownie points to @mrburks :sparkles: :thumbsup: :sparkles:
:cookie: 277 | @mrburks |http://www.freecodecamp.com/mrburks
David Clark
@DavidDoes
Jul 11 2016 01:07 UTC
Even checked this video, and his code is the same as mine...
https://youtu.be/j2Ipme4Dt_M?t=259
MrBurks
@mrburks
Jul 11 2016 01:07 UTC
@SlouchingToast to what selector are you applying the "background-image"?
Wendy Medeiros
@wendyr21
Jul 11 2016 01:08 UTC
when i went on your code pen the background url wasn't listed not sure why
David Clark
@DavidDoes
Jul 11 2016 01:08 UTC
Selector? The class, "aboutpage"
Look at what I pasted
MrBurks
@mrburks
Jul 11 2016 01:09 UTC
can I see the html for the page where you're trying to set the image?
David Clark
@DavidDoes
Jul 11 2016 01:10 UTC
I pasted the codepen above, @mrburks
MrBurks
@mrburks
Jul 11 2016 01:11 UTC
@SlouchingToast so are your trying to make it the back ground image for that section of the page?
David Clark
@DavidDoes
Jul 11 2016 01:11 UTC
Yes, I am attempting the portfolio project. You click a navbar item and it scrolls down to that "page". I'm currently on the "About" page and want to make the background image appear on that page only.
^ @mrburks
Wendy Medeiros
@wendyr21
Jul 11 2016 01:13 UTC
David do you have to give it a certain size
David Clark
@DavidDoes
Jul 11 2016 01:13 UTC
I don't know, @wendyr21 that's why I'm here "/
Wendy Medeiros
@wendyr21
Jul 11 2016 01:13 UTC
i know in the past i had to pass sizes to make background images in divs works
MrBurks
@mrburks
Jul 11 2016 01:13 UTC
@SlouchingToast looking at it, you took the line out now?
ok, gimme a sec
David Clark
@DavidDoes
Jul 11 2016 01:15 UTC
Don't think so, @mrburks
Wendy Medeiros
@wendyr21
Jul 11 2016 01:15 UTC
try adding a width and height for fun to the css.. might not fix it and not even sure if its the right way but i have added it in the past and was able to view background
David Clark
@DavidDoes
Jul 11 2016 01:16 UTC
Tried that, @wendyr21
Wendy Medeiros
@wendyr21
Jul 11 2016 01:16 UTC
bwahh sorry
David Clark
@DavidDoes
Jul 11 2016 01:17 UTC
It worked before, but the image was displaying at full pixel (so you could only see about a corner of the image), so I uploaded the image again at a smaller res and now it's not displaying at all.
Wendy Medeiros
@wendyr21
Jul 11 2016 01:18 UTC
dontcha just love when that stuff happens.. its enough to drive you nuts
David Clark
@DavidDoes
Jul 11 2016 01:21 UTC
Any luck, @mrburks ?
Google has nothing for me
Check now. Image showed up. Looks like crap though
MrBurks
@mrburks
Jul 11 2016 01:23 UTC
@SlouchingToast yes, I tested your code in brackets. you should try removing the quotations from the url in the styleshee
David Clark
@DavidDoes
Jul 11 2016 01:24 UTC
Got any ideas how to make the image not look like crap, @mrburks ?
I've updated the codepen
MrBurks
@mrburks
Jul 11 2016 01:25 UTC
I'm trying to load the new update, sec
@SlouchingToast did you change the name of the pen?
post it again please
David Clark
@DavidDoes
Jul 11 2016 01:28 UTC
No, and I've made a bunch of changes trying to figure it out too
MrBurks
@mrburks
Jul 11 2016 01:29 UTC
ok I'm not seeing your pen load with any updates to the code.
what changes did you make?
Jeremy
@jer244
Jul 11 2016 01:29 UTC
Hey everybody. Just finished my pomodoro clock. Any feedback much appreciated. http://codepen.io/jer244/pen/mEwwGE
MrBurks
@mrburks
Jul 11 2016 01:30 UTC
@SlouchingToast ok now it's loading. I see what you mean....
@SlouchingToast OK, try setting width and height for that particular div
@SlouchingToast be sure to reference the image size properties from the location where you snagged it.
David Clark
@DavidDoes
Jul 11 2016 01:32 UTC
didn't I do that?
Okay, I referenced the pixels, and it's not showing again
MrBurks
@mrburks
Jul 11 2016 01:33 UTC
@SlouchingToast ah yes I see you did. try using actual measurements see what that does
David Clark
@DavidDoes
Jul 11 2016 01:33 UTC
^ @mrburks
MrBurks
@mrburks
Jul 11 2016 01:34 UTC
@SlouchingToast you tried width="x-imagewidth" and such for height?
@SlouchingToast actually, don't do that...
Luke
@lukenetti3
Jul 11 2016 01:35 UTC
Can anyone help me out here. Working on the wikipedia viewer and having some trouble getting a result displayed. Any idea why when I type in something like "car" into the search it isn't displaying the search from the api in the paragraph? http://codepen.io/lukenetti3/pen/akwEQk?editors=0010
MrBurks
@mrburks
Jul 11 2016 01:35 UTC
@SlouchingToast try specifying a smaller image dimension on your image call in css
David Clark
@DavidDoes
Jul 11 2016 01:36 UTC
I've tried that, @mrburks
MrBurks
@mrburks
Jul 11 2016 01:36 UTC
@SlouchingToast Hmmm
tricky tricky
David Clark
@DavidDoes
Jul 11 2016 01:36 UTC
Screw it, I'm not doing an image...
Well, colors aren't working either...
MrBurks
@mrburks
Jul 11 2016 01:48 UTC
@SlouchingToast I think you'll have to edit the image so that it's smaller. It's really huge
do you have Photoshop?
@SlouchingToast I managed to get it to show in full but it over runs the boundaries of the view port
David Clark
@DavidDoes
Jul 11 2016 01:50 UTC
Roger, @mrburks. Am I setting up my div class for "aboutpage" properly?
How do I know what size the page is?
MrBurks
@mrburks
Jul 11 2016 01:58 UTC
@SlouchingToast That's a good question...depends on screen res, browser res and such. first check your monitor screen res. but I would advise looking for a more standardized way of checking.
that link will tell you yours
but remember when you're developing you'll be developing for a multitude of devices so, the practice you use should be gear toward something that covers all
Patirck
@SomeRandom42
Jul 11 2016 02:01 UTC
Hey, I am working on the make your Portfolio page, I am having trouble trying to find what libraries that can be useful to work on the project. I tried searching for them but it was always the downloads not a list of libraries I can use>
David Clark
@DavidDoes
Jul 11 2016 02:01 UTC
I've given up on the image, @mrburks. It's something wrong in my HTML. My div isn't even showing up. Can you look at it again?
MrBurks
@mrburks
Jul 11 2016 02:03 UTC
@SlouchingToast k
Ekene96
@Ekene96
Jul 11 2016 02:03 UTC
I don't understand what I should do with rule#2 Please any help? link:<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
MrBurks
@mrburks
Jul 11 2016 02:04 UTC
image.png
@SlouchingToast I see this...
trouble is not in the html, it's in the css
oh yes it's the html. you P tag is outside its parent div
David Clark
@DavidDoes
Jul 11 2016 02:06 UTC
Just don't understand it, @mrburks. Been working on this for over an hour.
MrBurks
@mrburks
Jul 11 2016 02:06 UTC
@SlouchingToast oh yes it's the html. you P tag is outside its parent div
David Clark
@DavidDoes
Jul 11 2016 02:07 UTC
@mrburks ?
MrBurks
@mrburks
Jul 11 2016 02:07 UTC

@SlouchingToast <div class="aboutpage">

</div>

<p>Hello, world</p>
</div>

take out the first </div?
</div>
@SlouchingToast get red of ... display:block;
David Clark
@DavidDoes
Jul 11 2016 02:09 UTC
Done, @mrburks
Randy Goldsmith
@Dueldrawer8
Jul 11 2016 02:10 UTC
how do i add transparency to a background? i already have a picture set as the background so i cause use rgba
David Clark
@DavidDoes
Jul 11 2016 02:11 UTC
I also can't get anything to show up in my div, @mrburks
Randy Goldsmith
@Dueldrawer8
Jul 11 2016 02:12 UTC
anyone?
Ekene96
@Ekene96
Jul 11 2016 02:13 UTC
I need help please! This is my first project on html and according to the rule I was asked to "fulfill the below :user stories: To be frank I don't what to do. here is the link: https://www.freecodecamp.com/challenges/build-a-tribute-page
MrBurks
@mrburks
Jul 11 2016 02:13 UTC
@SlouchingToast well that's because you removed the content from the div
@SlouchingToast put in some Lorem Ipsum
David Clark
@DavidDoes
Jul 11 2016 02:15 UTC
done
@mrburks - it required this:
background-size: cover;
height: 800px;
MrBurks
@mrburks
Jul 11 2016 02:17 UTC
@SlouchingToast if you're gonna do in-line css spec. you have to use Style=""
image.png
@SlouchingToast I see this....
Ekene96
@Ekene96
Jul 11 2016 02:19 UTC
I can see help is not coming.
David Clark
@DavidDoes
Jul 11 2016 02:19 UTC
Look now, @mrburks - I don't think autosave is working
MrBurks
@mrburks
Jul 11 2016 02:19 UTC
@Ekene96 que es esso?
Ekene96
@Ekene96
Jul 11 2016 02:19 UTC
MrBurks
@mrburks
Jul 11 2016 02:20 UTC
image.png
@SlouchingToast still this is what I'm seeing
you're lorem ipsum is missing the opening h1 tag
David Clark
@DavidDoes
Jul 11 2016 02:21 UTC
Not on my end, @mrburks :(
MrBurks
@mrburks
Jul 11 2016 02:23 UTC
yeah lemme try in a browser other than Edge
David Clark
@DavidDoes
Jul 11 2016 02:24 UTC
Currently try to mess with h1 padding to see if that gets it to show up. :(
MrBurks
@mrburks
Jul 11 2016 02:25 UTC
image.png
hm try setting the div padding to 1px
see what that does
David Clark
@DavidDoes
Jul 11 2016 02:26 UTC
nada @mrburks
MrBurks
@mrburks
Jul 11 2016 02:27 UTC
@Ekene96 ok, rule 2... it just means follow what the user story requirements say
Ekene96
@Ekene96
Jul 11 2016 02:27 UTC
I figured it out. Thanks anyway
MrBurks
@mrburks
Jul 11 2016 02:28 UTC
cool sorry for the delay
@SlouchingToast hangon, dude i'm gonna resize your image for ya. what size do you need?
@SlouchingToast 1024x768?
David Clark
@DavidDoes
Jul 11 2016 02:29 UTC
The image looks well on my end.
^ @mrburks
I'd send you a screenshot, but not sure how to in this chat room haha
MrBurks
@mrburks
Jul 11 2016 02:31 UTC
hit printscreen on the browser page, then click in the chat and hit ctrl-v
David Clark
@DavidDoes
Jul 11 2016 02:31 UTC
Screen Shot 2016-07-10 at 7.30.24 PM.png
Besides the white line under the navbar, and nothing in my aboutpage div showing up, it looks good haha
I just don't know how people do this with the limited things we've learned this far in. :(
MrBurks
@mrburks
Jul 11 2016 02:48 UTC
@SlouchingToast looks great!!
@SlouchingToast {I just don't know how people do this with the limited things we've learned this far in. } -well yeah, I b*tched and moaned about that in the beginning but what they are really wanting you to do is to get used to doing research and self education. the founder learned that way so he assumes everyone can. and to some degree that is true. but when you get stuck you have to ask some one. That get's iffy, but that's how we learn...That really how college is..
the lecture is a bit better in college but the meat is in the research and study.
Patirck
@SomeRandom42
Jul 11 2016 03:04 UTC
Hey question does anyone have advice for trying to make thumbnails, what i find is more advanced than I understand, and don't just want to copy code and not know what i am doing
MrBurks
@mrburks
Jul 11 2016 03:06 UTC
@SlouchingToast In case you didn't know or don't already have an account, if you check the website for your local library, it's possible that you can get a free account at Lynda.com. I know that the Houston public library gets me access to Lynda.com with my Library Card.
@SomeRandom42 are you trying to create a gallery or just thumbnail images?
Patirck
@SomeRandom42
Jul 11 2016 03:09 UTC
just the thumbnail images
MrBurks
@mrburks
Jul 11 2016 03:10 UTC
@SomeRandom42 any interactivity or just static images?
@SomeRandom42 can I see the code? so I can we what you've done so far?
@mrburks the still image was just me messing with hyerlinking a photo will not be there in final
MrBurks
@mrburks
Jul 11 2016 03:13 UTC
@SomeRandom42 ok so where exactly are you having trouble? sizing? placement? because that's basically what thumbnailing is. sizing.
You can specify the size of an image when you call the image in the html. or in css
so you have to decide what size you want the image(s) to be
Patirck
@SomeRandom42
Jul 11 2016 03:16 UTC
@mrburks ah I might have misunderstood the thumbnail image of the User-story, I was assuming it meant a dynamic thumbnail of the website/project itself, I guess the still photo is one.
MrBurks
@mrburks
Jul 11 2016 03:17 UTC
yeah
@SomeRandom42 yeah there is no need for dynamics unless you want it. but it's not required.
Patirck
@SomeRandom42
Jul 11 2016 03:18 UTC
@mrburks thanks for the feed back, one question what is the best way to try and control placement of text? I want to try and have the "Billy May Tribute Page " above the image not beside it
CamperBot
@camperbot
Jul 11 2016 03:18 UTC
somerandom42 sends brownie points to @mrburks :sparkles: :thumbsup: :sparkles:
:cookie: 278 | @mrburks |http://www.freecodecamp.com/mrburks
MrBurks
@mrburks
Jul 11 2016 03:19 UTC
However if you wanted dynamics you can check out things like animate and click in the css lessons on w3schools.com
anybody know a way to get your menu to collapse after a link is clicked in mobile?
I added a data-toggle to the links and it works great on mobile, but on a desktop it has some weird behaviour
Bobby Mulligan
@rpmullig
Jul 11 2016 03:50 UTC
Howdy guys. I'm trying to use <iframe></iframe> on codepen.io but it won't work
I've been told it's blocked. Is there a way to override this?
Galen Crofut
@Owl-Exterminator
Jul 11 2016 03:57 UTC
Hello! I'm doing the 'Build a Random Quote Machine' challenge and I'm stuck in a rut. I need to pass a Javascript string variable into the 'data text' field below. What do I need to write to pass in the variable?
          <a class="twitter-share-button"
            type="button"
            id='myTweet'
            href="https://twitter.com/share"
            data-size="large"
            data-url="http://codepen.io/GCrofut/pen/PzJkKm"
            data-related="twitterapi,twitter"
            data-hashtags="WWIIQuotes"
            data-count='vertical'
            data-text="CHANGE THIS">Tweet</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
MrBurks
@mrburks
Jul 11 2016 04:03 UTC

@SomeRandom42

(
@mrburks thanks for the feed back, one question what is the best way to try and control placement of text? I want to try and have the "Billy May Tribute Page " above the image not beside it

CamperBot
@camperbot
Jul 11 2016 04:03 UTC
mrburks sends brownie points to @somerandom42 :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @somerandom42 |http://www.freecodecamp.com/somerandom42
MrBurks
@mrburks
Jul 11 2016 04:03 UTC
@SomeRandom42 to answer your question it's about the placement of the text in the html document first.
but if you're following the rules of semantic coding in html, then css can help with placement.
@SomeRandom42 you could simply add <br> between the Billy Mays text and the image
Galen Crofut
@Owl-Exterminator
Jul 11 2016 04:11 UTC
I have a Javascript string variable I'd like to pass into the tag below. How can I do that? So far, replacing "CHANGE THIS" in the below example with a function treats my function as a string (i.e. writes "myFunction()" when I want it to write the contents of my string.
          <a class="twitter-share-button"
            ...
            ...
            data-text="CHANGE THIS">
Christopher Steingraber
@csteingraber
Jul 11 2016 04:11 UTC
Hey guys, I’m having a weird issue on my tribute page. I’m using bootstrap’s grid system and was nesting h2 text within my div elements but it seems that the h2 text bleeds into the next div element’s grid space and I’m not quite sure why. Anyone have any input? Here is my codepen: http://codepen.io/csteingraber/pen/AXrwra
Galen Crofut
@Owl-Exterminator
Jul 11 2016 04:14 UTC
@csteingraber Do you want the text "Tesla bdkvbdkbvkd vkdjbv etc" to be above the pictures?
DJ
@qualitymanifest
Jul 11 2016 04:16 UTC
This message was deleted
ronaldrdguez
@ronaldrdguez
Jul 11 2016 04:19 UTC
@csteingraber It is expected behavior, HTML won’t break the word for you. Your column is simply too narrow for that font size/word length.
MrBurks
@mrburks
Jul 11 2016 04:20 UTC
@ronaldrdguez thanks
CamperBot
@camperbot
Jul 11 2016 04:20 UTC
mrburks sends brownie points to @ronaldrdguez :sparkles: :thumbsup: :sparkles:
:cookie: 315 | @ronaldrdguez |http://www.freecodecamp.com/ronaldrdguez
Galen Crofut
@Owl-Exterminator
Jul 11 2016 04:23 UTC

Here's one way to do it: Replace the class="col-xs-3" from your div tag with id="demo"

Then add this in your CSS:

#demo {
  margin-right: 20%;
  margin-left: 20%;
}
Play around with the percentages until it looks the way you want.
Christopher Steingraber
@csteingraber
Jul 11 2016 04:25 UTC
Thanks guys! I appreciate the advice. I guess it’s more of the behavior of HTML not breaking up the words for me then. Another thing, I’m new and I’m not aware on how to award brownie points.
ronaldrdguez
@ronaldrdguez
Jul 11 2016 04:26 UTC
@Owl-Exterminator You could build the anchor tag as a string in JavaScript:
'<a class="twitter-share-button"
            ...
            ...
            data-text=“‘ + myfunc() + '”>'
Galen Crofut
@Owl-Exterminator
Jul 11 2016 04:27 UTC
To give brownie points, click the name of the person you want to award them to. This will put their handle in your message. Then put "thanks" or "Thank you" somewhere in your message!
@ronaldrdguez So "empty string + function call + empty string"? Thanks! I think that'll work!
CamperBot
@camperbot
Jul 11 2016 04:29 UTC
owl-exterminator sends brownie points to @ronaldrdguez :sparkles: :thumbsup: :sparkles:
:cookie: 316 | @ronaldrdguez |http://www.freecodecamp.com/ronaldrdguez
Christopher Steingraber
@csteingraber
Jul 11 2016 04:29 UTC
@ronaldrdguez Thank you!
CamperBot
@camperbot
Jul 11 2016 04:29 UTC
csteingraber sends brownie points to @ronaldrdguez :sparkles: :thumbsup: :sparkles:
:cookie: 317 | @ronaldrdguez |http://www.freecodecamp.com/ronaldrdguez
Christopher Steingraber
@csteingraber
Jul 11 2016 04:29 UTC
@Owl-Exterminator Thank you!
CamperBot
@camperbot
Jul 11 2016 04:29 UTC
csteingraber sends brownie points to @owl-exterminator :sparkles: :thumbsup: :sparkles:
:cookie: 292 | @owl-exterminator |http://www.freecodecamp.com/owl-exterminator
Galen Crofut
@Owl-Exterminator
Jul 11 2016 04:31 UTC
Yay! My first brownie point for solving someone's code issue!
Patrick Walters
@patwalt
Jul 11 2016 04:44 UTC
Hey, folks!
I had a question about the Cat Photo App at challenge 79
Galen Crofut
@Owl-Exterminator
Jul 11 2016 04:46 UTC

@ronaldrdguez That didn't actually work for me. I wrote a test function that returned a string and called it like this:

data-text="" + myFunc() + "">

But all I got was an empty string as a result.

ronaldrdguez
@ronaldrdguez
Jul 11 2016 04:47 UTC
@Owl-Exterminator got a pen?
Patrick Walters
@patwalt
Jul 11 2016 04:47 UTC
Specifically, the test is supposed to be: "Nest all of your radio buttons within a <div class="row"> element. Then nest each of them within a <div class="col-xs-6"> element."
Galen Crofut
@Owl-Exterminator
Jul 11 2016 04:47 UTC
@ronaldrdguez Sure do
Patrick Walters
@patwalt
Jul 11 2016 04:48 UTC
The thing is, the code already has a <div class="row"> element already
and a closing tag after the butttons
I tried both using it, and wrapping these with another div, and neither solves one of the checks looking for it
Galen Crofut
@Owl-Exterminator
Jul 11 2016 04:49 UTC
@patwalt What's the name of the challenge?
Patrick Walters
@patwalt
Jul 11 2016 04:58 UTC
Hi, Galen. It is Responsively Style Radio Buttons
Galen Crofut
@Owl-Exterminator
Jul 11 2016 05:04 UTC
Hi, Pat. Please copy and paste what you have between and including the <div class="row"> element and it's closing tag. Type on one line, then paste your code, then another line
I mean begin and end your code with a ``` line
Patrick Walters
@patwalt
Jul 11 2016 05:06 UTC
Oh, ok. First, let me state, for two bullets, that the "stock" code, already had a <div> wrapping all the buttons, with a stock code detail of a xs-4 that you could change to a xs-6 , so here is that modified xs-4 to xs-6.
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
ronaldrdguez
@ronaldrdguez
Jul 11 2016 05:09 UTC
@Owl-Exterminator Looking at your code… what I meant was to build the whole <a> tag in JavaScript. Calling mQ() from HTML won’t work since it doesn’t know its dealing with JS code. You can set the data-text attribute. This works:
var theButton = document.getElementById('myTweet');
theButton.setAttribute('data-text', ’tweet text goes here’);
Galen Crofut
@Owl-Exterminator
Jul 11 2016 05:09 UTC
@patwalt Ah, ok. It's telling you to modify the radio buttons, not those block buttons.
Look for the buttons with type="radio"
Patrick Walters
@patwalt
Jul 11 2016 05:10 UTC
The two bullets were:
  1. Nest all of your radio buttons inside one div with the class row.
  2. Nest each of your radio buttons inside its own div with the class col-xs-6.
I did modify the individuals from col-xs-4 to col-xs-6
I wasn't trying to get out of any work, it's just that an additional <dev> tag enclosing all of them seems redundant
Am I wrong?
Galen Crofut
@Owl-Exterminator
Jul 11 2016 05:13 UTC
You're looking at the wrong set of buttons. The radio buttons are the "Indoor" and "Outdoor" buttons, not the "Like" "Info" and "Delete" buttons. Leave those as they are
@ronaldrdguez Ok, I see what you mean now. Thank you!
CamperBot
@camperbot
Jul 11 2016 05:14 UTC
owl-exterminator sends brownie points to @ronaldrdguez :sparkles: :thumbsup: :sparkles:
:warning: owl-exterminator already gave ronaldrdguez points
Patrick Walters
@patwalt
Jul 11 2016 05:17 UTC
Galen, THANK YOU so much!
I'm sorry, I must seem like an idiot
I will leave it alone and do the other ones. I can't believe I missed it.
Galen Crofut
@Owl-Exterminator
Jul 11 2016 05:20 UTC
No worries, mate!
Sandra Marie
@smariecode
Jul 11 2016 05:27 UTC
I need input from someone that knows and understands bootstraps navbar,,, anyone?
Dolan
@dguh
Jul 11 2016 05:38 UTC
xhey guys! im working on my twitch api right now but i am having some trouble with getting the ajax to iterate through my array. if any one has some suggestions that would be extremely helpful! http://codepen.io/dguh/pen/kXGLwY?editors=1011
fox-tails
@fox-tails
Jul 11 2016 06:03 UTC
Hello folks ... I have a few questions about my project, if anyone could take a look at it. It's getting a quote, but it's not placing it in the page (checked with an "alert();" call), and also, it is caching the request [could that be a CodePen thing?], when I didn't ask it to. http://codepen.io/artifex-latrans/pen/LkzgKO
Andrew Bales
@agbales
Jul 11 2016 06:11 UTC
@fox-tails I'm able to get your quote to append this way:
$.getJSON(request_url, function(data) {
    alert(data[0]["content"]+data[0]["title"]);
    $('#main_quote').append(data[0]["content"]);
  });
(it also alerts, of course)
fox-tails
@fox-tails
Jul 11 2016 06:12 UTC
I do see it in the alert, it is on the page I can't get it to show.
Oh wait a moment ... let me try that.
Andrew Bales
@agbales
Jul 11 2016 06:12 UTC
For the alert, I wonder if you have them disabled for that page?
Dolan
@dguh
Jul 11 2016 06:13 UTC
@fox-tails $('#person').html(data[0]["title"]);
fox-tails
@fox-tails
Jul 11 2016 06:13 UTC
If I take out the alert, it doesn't change the behavior. I just don't know that it is doing anything, especially as it is caching the request, so I won't see network traffic.
Greg Duncan
@GregatGit
Jul 11 2016 06:13 UTC
@fox-tails build a block of html with the quote inside it - then add the block to your html
fox-tails
@fox-tails
Jul 11 2016 06:14 UTC
Ah, OK, I'll try some of the suggestions. Thanks all! :)
buiphuking
@buiphuking
Jul 11 2016 06:16 UTC
distance between 2 div is 4px, am i right?
fox-tails
@fox-tails
Jul 11 2016 06:18 UTC
Hmm, append does make it appear in page, but old stuff stays there.
Ok, .html works on that. Now, as to why it caches the results of the call, even when the method is called by clicking on the button, that is still unclear to me.
Breeze
@bhargavi2497
Jul 11 2016 06:29 UTC
Do I have to change any settings in codepen for my css to work? Any code written in the css block is not working?
buiphuking
@buiphuking
Jul 11 2016 06:33 UTC

someone good at css, plz explain me this,
http://codepen.io/buiphuking/pen/Mewwjp?editors=1100

.wrap-in{
  position: relative;
  top:12px;
}

why 12 is fit at center?

Krishna Sai Gullapalli
@Krish2704
Jul 11 2016 06:36 UTC
@bhargavi2497 it should work. Can you post your pen here?
Dolan
@dguh
Jul 11 2016 06:46 UTC
could someone help me get my code to iterate through the rest of my array? it's only working with the first element
kirbyedy
@kirbyedy
Jul 11 2016 07:01 UTC
@buiphuking what is the problem ? I dont understand
fox-tails
@fox-tails
Jul 11 2016 07:06 UTC
Hmm, Ok, mostly done with the behavio(u)r part ... but I can't get CodePen to not rewrite my link for the 'Tweet This' part of the assignment. Even after I do a removeEventListener ... if I put the remove before the adding the URL to link, nothing gets added; after, and CodePen still rewrites the URL. http://codepen.io/artifex-latrans/pen/LkzgKO .. suggestions, folks?
wn7067509
@wn7067509
Jul 11 2016 07:06 UTC
function palindrome(str) {
  // Good luck!
  var exp=/[a-z]|[0-9]/gi;
  var arr=str.match(exp);
  for(var i=0;i<arr.length/2;i++){
    if(arr[i]!=arr[arr.length-i-1]){
      return false;
    }
  }
  return true;
}
palindrome("eye");//note:palindrome("A man, a plan, a canal. Panama") should return true.
i am stuck,could someone help me,what’s wrong with this code?
fox-tails
@fox-tails
Jul 11 2016 07:09 UTC
@wn7067509 I think I just split it apart into an array and then joined it again. Not that efficient, perhaps, but it worked.
Also, your RegExp will not match any non-lowercase alpha/numeric
kirbyedy
@kirbyedy
Jul 11 2016 07:10 UTC
@fox-tails why do you call tweet together with the quote ?
fox-tails
@fox-tails
Jul 11 2016 07:10 UTC
@kirbyedy I'm not sure what your question is, there.
kirbyedy
@kirbyedy
Jul 11 2016 07:11 UTC
It might be easier just to read the already loaded quote
once you get the quote and fill your html with it
on tweet click just load the tweet from that div, and you are done
fox-tails
@fox-tails
Jul 11 2016 07:12 UTC
My problem is not maniuplating the HTML; it's making CodePen not rewrite the target URL. I found a page on it, and it looked like using target="_blank" would stop that behavior; but it didn't.
If you check the DOM, it is constructed fine (the link looks right in there)
Oh, I think I see what you mean. Don't use a regular href= for the link, but supply it via JavaScript?
wn7067509
@wn7067509
Jul 11 2016 07:14 UTC
@fox-tails oh,yes, and then, i can use string.reverse().thank you!
kirbyedy
@kirbyedy
Jul 11 2016 07:15 UTC
@fox-tails yes
fox-tails
@fox-tails
Jul 11 2016 07:16 UTC
@kirbyedy Thanks. I'll check that next time I study. It's after midnight in my time zone.
CamperBot
@camperbot
Jul 11 2016 07:16 UTC
fox-tails sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1212 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
fox-tails
@fox-tails
Jul 11 2016 07:16 UTC
Wow, and I did't know I was doing that, but cool :)
Sorin Ruse
@sorinr
Jul 11 2016 07:22 UTC
@buiphuking because in your class="wrap" u have text-align: center; and wrap-in is inheriting it or do you reffer to vertical alignment?
Tyler
@TychoCRD
Jul 11 2016 07:29 UTC
Anyone here experienced with the Simon Game project? I'm struggling with making displaying the color sequenced in timed intervals
Sorin Ruse
@sorinr
Jul 11 2016 07:43 UTC
@buiphuking your wrap has a height of 472px and your wrap-in has a height of 452px. so to habe the wrap-in perfectly centered within wrap you have to make top: 472-452/2=10px
Nathaniel Nasarow
@Torgian
Jul 11 2016 08:04 UTC
hey guys i need some clarificationi
Currently working on the Twitch.tv API project
do I need to do a query for random users to put on my list, or am I just going to make my own list of users to put on my page?
I ask because if I want to get random streams or info on my page, I think I need to request an authorization key, and they ask about your authentication service which I have not learned about yet
Sorin Ruse
@sorinr
Jul 11 2016 08:13 UTC
@Torgian you can make your own list
Krishna Sai Gullapalli
@Krish2704
Jul 11 2016 08:16 UTC
@Torgian your own user list
@Torgian if you want here are some users
 var users = ["ESL_SC2", "ESL_CSGO", "freecodecamp", "storbeck", "terakilobyte", "habathcx", "RobotCaleb", "thomasballinger", "noobs2ninjas", "beohoff", "brunofin", "comster404", "test_channel", "cretetion", "sheevergaming", "TR7K", "OgamingSC2", "monstercat", "pink_sparkles"];
Valeske
@LantareCode
Jul 11 2016 08:42 UTC
Hi there
For the front end project Show the Local Weather project, is there a way to get the lat,long co-ords without using https
Ananay
@ananaymital
Jul 11 2016 08:54 UTC
@Lantare
$.ajax({
    url: "http://ip-api.com/json",
    success: function(data) {
            $.ajax({
        url: "http://api.openweathermap.org/data/2.5/weather?lat=" + data.lat + "&lon=" + data.lon + "&APPID=e48ee4aaa640e2c29127ac3ccddb675c",
        success: function(data) {

           } 
     });
   }
});
Valeske
@LantareCode
Jul 11 2016 09:05 UTC
@Deadpool37 Thank you!
CamperBot
@camperbot
Jul 11 2016 09:05 UTC
lantare sends brownie points to @deadpool37 :sparkles: :thumbsup: :sparkles:
:cookie: 275 | @deadpool37 |http://www.freecodecamp.com/deadpool37
Ananay
@ananaymital
Jul 11 2016 09:05 UTC
@Lantare happy to help :)
Kevin Kuehler
@kevinkuehler
Jul 11 2016 09:06 UTC
http://codepen.io/kevinkuehler/pen/dXVqdo
any idea why my js code isn't working ?
Kevin Kuehler
@kevinkuehler
Jul 11 2016 09:11 UTC
nvm fixed..
Please help me with my wikipedia viewer
The search links show fine but disappear after a second
I need a way for them to stay
The console has the expected output
Ananay
@ananaymital
Jul 11 2016 09:23 UTC
anybody?
kirbyedy
@kirbyedy
Jul 11 2016 09:53 UTC
@Deadpool37 does not work at all for me
Gaurav Tolani
@Gauravtolani
Jul 11 2016 09:56 UTC
i am done with the portfolio project but my page is not responsive..i mean it messes up with the change in the window size..
can anybody help?
kirbyedy
@kirbyedy
Jul 11 2016 09:57 UTC
did you use any framework ?
Gaurav Tolani
@Gauravtolani
Jul 11 2016 09:57 UTC
bootstrap
kirbyedy
@kirbyedy
Jul 11 2016 09:58 UTC
I dont see you using it
I mean it is not in the codepen setting
Gaurav Tolani
@Gauravtolani
Jul 11 2016 09:58 UTC
it is
kirbyedy
@kirbyedy
Jul 11 2016 09:58 UTC
also bootstrap depends on jquery
where ?
Gaurav Tolani
@Gauravtolani
Jul 11 2016 09:58 UTC
i have added in the css external links
kirbyedy
@kirbyedy
Jul 11 2016 09:58 UTC
btw these are the errors in your html, check the image
Screen Shot 2016-07-11 at 12.57.43.png
Sandra Marie
@smariecode
Jul 11 2016 09:59 UTC
@Gauravtolani hey i have a question since you seem a bit knowledgable
kirbyedy
@kirbyedy
Jul 11 2016 09:59 UTC
@Gauravtolani no, you have to add jquery and bootstrap in the javascript section
Gaurav Tolani
@Gauravtolani
Jul 11 2016 09:59 UTC
ok...on it
@smariecode ?
Sandra Marie
@smariecode
Jul 11 2016 10:00 UTC
my scroll spy doesnt work unless i have that top script line in the main code for some reason and i dont understand why
kirbyedy
@kirbyedy
Jul 11 2016 10:02 UTC
@smariecode bootstrap depends on jquery
so you have to load both of them
Sandra Marie
@smariecode
Jul 11 2016 10:02 UTC
so, what i did was correct?
kirbyedy
@kirbyedy
Jul 11 2016 10:02 UTC
but, you have to load first jquery and then bootstrap
you load it vice versa
check your codepen settings
Sandra Marie
@smariecode
Jul 11 2016 10:02 UTC
so its the order of load?
kirbyedy
@kirbyedy
Jul 11 2016 10:02 UTC
yes
I think :)
Sandra Marie
@smariecode
Jul 11 2016 10:02 UTC
ahhhhh
Gaurav Tolani
@Gauravtolani
Jul 11 2016 10:03 UTC
@kirbyedy added the jquery link..still it gets converted into crap on decreasing the window size
i guess i m doing something wrong..can you check
Sandra Marie
@smariecode
Jul 11 2016 10:05 UTC
@kirbyedy THANK YOU so much i have been stumped on that one! and thank you too @Gauravtolani, that did the trick!
CamperBot
@camperbot
Jul 11 2016 10:05 UTC
smariecode sends brownie points to @kirbyedy and @gauravtolani :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @gauravtolani |http://www.freecodecamp.com/gauravtolani
:star2: 1213 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
kirbyedy
@kirbyedy
Jul 11 2016 10:06 UTC
@Gauravtolani bootstrap is a 12 column grid system
Gaurav Tolani
@Gauravtolani
Jul 11 2016 10:06 UTC
yes..
kirbyedy
@kirbyedy
Jul 11 2016 10:06 UTC
you have to correct yours because you are not following that rule
Gaurav Tolani
@Gauravtolani
Jul 11 2016 10:07 UTC
where @kirbyedy
in the jumbotron?
kirbyedy
@kirbyedy
Jul 11 2016 10:07 UTC
everywhere
Gaurav Tolani
@Gauravtolani
Jul 11 2016 10:07 UTC
ok..need to change the whole code again then.. :-(
thank you @kirbyedy
CamperBot
@camperbot
Jul 11 2016 10:07 UTC
gauravtolani sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1214 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
kirbyedy
@kirbyedy
Jul 11 2016 10:08 UTC
@Gauravtolani start with bootstrap example on their site
then slowly convert it to your needs
Gaurav Tolani
@Gauravtolani
Jul 11 2016 10:09 UTC
ok...will do it..
Biswas B
@biswaz
Jul 11 2016 10:27 UTC
Hey guys, I've been struggling with django auth for couple of days. I installed allauth and for the time being I just want to create a user registration form and a login page. I cannot find the information I need. I have tried different tutorials, but they are for social login only
Uzma Khan
@meow414
Jul 11 2016 11:11 UTC
here is the link to m codepen for Weather app http://codepen.io/meow414/pen/rLGkWv
I am getting weather data as json,I want to use the keys like weather and temperature from that data to show weather.How to do it? Here is an exmple of the api response I am getting
{
  "coord": {
    "lon": 0.78, "lat": 0.25
  }
  ,
  "weather":[ {
    "id": 803, "main": "Clouds", "description": "broken clouds", "icon": "04d"
  }
  ],
  "base":"cmc stations",
  "main": {
    "temp": 296.934, "pressure": 1030.02, "humidity": 100, "temp_min": 296.934, "temp_max": 296.934, "sea_level": 1030.01, "grnd_level": 1030.02
  }
  ,
  "wind": {
    "speed": 5.22, "deg": 191.003
  }
  ,
  "clouds": {
    "all": 76
  }
  ,
  "dt":1468231605,
  "sys": {
    "message": 0.0047, "country": "YE", "sunrise": 1468216709, "sunset": 1468260392
  }
  ,
  "id":8282146,
  "name":"Font Al-Da'da",
  "cod":200
}
Adetunji Iyaniwura
@Iadetunji
Jul 11 2016 11:15 UTC
can anyone help with local weather app,here is my codepen:http://codepen.io/Iadetunji/pen/AXQaaN
kirbyedy
@kirbyedy
Jul 11 2016 11:27 UTC
@Iadetunji your link to openweather is wrong
Adetunji Iyaniwura
@Iadetunji
Jul 11 2016 11:41 UTC
can anyone help with local weather app,here is my codepen:http://codepen.io/Iadetunji/pen/AXQaaN
Dave
@db001
Jul 11 2016 11:45 UTC
Does anyone know why hitting 'Enter' clears my input box? I've tried using a couple different ways for it to load the results when you use enter rather than click the search button but with no luck
@Iadetunji Chrome won't let you access an http:// api anymore, you need to use https. As openweather doesn't have an https endpoint, use something like crossorigin.me
Nathaniel Nasarow
@Torgian
Jul 11 2016 11:52 UTC
@Iadetunji use forecast.io
open weather won't work with google chrome if you are using html5 location data
forecast.io works over https, so you can use that, and you won't run into any CORs issues
Marco Mazzeo
@Doko85
Jul 11 2016 11:53 UTC
@db001 I just fixed your code
help format
CamperBot
@camperbot
Jul 11 2016 11:53 UTC

:point_right: code formatting [wiki]

Multi line Code

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

Single line Code

This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Marco Mazzeo
@Doko85
Jul 11 2016 11:54 UTC
$(document).ready(function() {
  /*
 $('#searchBox').keyup(function(key) {
   if (key.keyCode == 13 || key.which == 13) {
      //$('#searchBtn').click();
      getResults();
    }
 })  
 */
  $(document).keypress(function(event) {
    if(event.which == 13) {
      event.preventDefault();
      $('#output').empty();
      getResults();
    };
  });

  $('#searchBtn').on('click', function() {
    $('#output').empty();
    getResults();
  });  

});
Adetunji Iyaniwura
@Iadetunji
Jul 11 2016 11:54 UTC
@Torgian ,does forecast.io require API keys
Dave
@db001
Jul 11 2016 11:56 UTC
@Doko85 Perfect, thanks. I didn't know event.preventDefault
CamperBot
@camperbot
Jul 11 2016 11:56 UTC
db001 sends brownie points to @doko85 :sparkles: :thumbsup: :sparkles:
:cookie: 409 | @doko85 |http://www.freecodecamp.com/doko85
a friend designer just told me to make more easily recognizable every call to action in this project
what is your opinion guys?
kirbyedy
@kirbyedy
Jul 11 2016 12:06 UTC
he has a good point
your copyright is bigger than the actual search
shinrayi
@shinrayi
Jul 11 2016 12:10 UTC
hi all, i have a problem with my script for the twitch api. For some reason the name of streamer doesn't come through. Here is my code pen: http://codepen.io/Shinrayi/pen/RRkAKK?editors=1011
Marco Mazzeo
@Doko85
Jul 11 2016 12:14 UTC
@kirbyedy I can't seem to be able to increase the label font-size
ok wait.. freaking frameworks and the !important needed to bypass them
Omar Adzagic
@1ucid
Jul 11 2016 12:25 UTC
This message was deleted
Marvourneen Dolor
@marvokdolor
Jul 11 2016 12:31 UTC
Any suggested tutorials for using APIs? I am completely stumped on building my Random Quote Machine. How exactly do I use an API so that its contents display on my webpage? Haven't been able to find a decent tutorial and the freecodecamp one feels like only a cursory introduction. Thanks in advance!
kirbyedy
@kirbyedy
Jul 11 2016 12:43 UTC
@marvokdolor each api has its own documentation, search for one that you like and read through
Marvourneen Dolor
@marvokdolor
Jul 11 2016 12:53 UTC
Thanks @kirbyedy! Thing is that so far reading through the documentation hasn't been helpful. I feel like I don't have enough of an understanding of APIs and how they work (on a detailed level) to be able to make sense of the documentation.
CamperBot
@camperbot
Jul 11 2016 12:53 UTC
marvokdolor sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1215 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Rafael Uzcategui
@rafaelg21
Jul 11 2016 13:04 UTC
Buen dia, saludos alguien sabe como entrarle a este proyecto?
https://codepen.io/FreeCodeCamp/full/ONjoLe/
gitgenie
@gitgenie
Jul 11 2016 13:30 UTC
hi folks , please reviewhttp://codepen.io/gitginie/pen/QEqwjO
Adam Lichter
@spot1000
Jul 11 2016 13:33 UTC
@gitgenie Looks good! simple and clean
kirbyedy
@kirbyedy
Jul 11 2016 13:33 UTC
@gitgenie no city ?
gitgenie
@gitgenie
Jul 11 2016 13:34 UTC
@marvokdolor normally API allows you to access information. It will be either through a function call or a ajax call to a url. Sometimes you will need a api key(which you can get from api provider's website). The call to API returns a json object or xml which you will be using in your program to parse it and display the information.
Adam Lichter
@spot1000
Jul 11 2016 13:35 UTC
@gitgenie one suggestion, change the cursor to a pointer on hover, jsut so people know it's clickable
gitgenie
@gitgenie
Jul 11 2016 13:35 UTC
@spot1000 thanks, I shall do that @kirbyedy Please let me know if you are not able to see the city below "weather"
CamperBot
@camperbot
Jul 11 2016 13:35 UTC
gitgenie sends brownie points to @spot1000 and @kirbyedy :sparkles: :thumbsup: :sparkles:
:cookie: 336 | @spot1000 |http://www.freecodecamp.com/spot1000
:star2: 1216 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
kirbyedy
@kirbyedy
Jul 11 2016 13:36 UTC
Screen Shot 2016-07-11 at 16.36.07.png
Adam Lichter
@spot1000
Jul 11 2016 13:38 UTC
I can see my city...
well, it's close to my city...
kirbyedy
@kirbyedy
Jul 11 2016 13:39 UTC
chrome and safari, same thing
gitgenie
@gitgenie
Jul 11 2016 13:40 UTC
@spot1000 there is a problem with the geolocation api I am using. It is not fetching the accurate location since morning. @kirbyedy May I know your location
kirbyedy
@kirbyedy
Jul 11 2016 13:41 UTC
cyprus
Marvourneen Dolor
@marvokdolor
Jul 11 2016 13:42 UTC
@gitgenie Thank you! I'm finally understanding the link between APIs and all that array work we did in Basic Algorithmic Scripting.
CamperBot
@camperbot
Jul 11 2016 13:42 UTC
marvokdolor sends brownie points to @gitgenie :sparkles: :thumbsup: :sparkles:
:cookie: 280 | @gitgenie |http://www.freecodecamp.com/gitgenie
gitgenie
@gitgenie
Jul 11 2016 13:46 UTC
@kirbyedy okay, Please try now. Just now rectified.
Rizwan Ahmed
@rizwanahmed19
Jul 11 2016 13:47 UTC
Hello everyone I'm stuck at the Quote Machine Project, I'm not able to figure out how can I grow the size of the container to accommodate a larger quote.. I don't want a couple of scroll bars to appear
gitgenie
@gitgenie
Jul 11 2016 13:49 UTC
@rizwanahmed19 just dont specify a size
Rizwan Ahmed
@rizwanahmed19
Jul 11 2016 13:57 UTC
@gitgenie that did the trick thanks
CamperBot
@camperbot
Jul 11 2016 13:57 UTC
rizwanahmed19 sends brownie points to @gitgenie :sparkles: :thumbsup: :sparkles:
:cookie: 281 | @gitgenie |http://www.freecodecamp.com/gitgenie
Nils Voorkamp
@nilsvoorkamp
Jul 11 2016 14:13 UTC
how can you make a navigation bar work
Nathaniel Nasarow
@Torgian
Jul 11 2016 14:15 UTC
Adam Lichter
@spot1000
Jul 11 2016 14:16 UTC
@nilsvoorkamp check out the bootstrap documentation on navbars, http://getbootstrap.com/components/#navbar
Nils Voorkamp
@nilsvoorkamp
Jul 11 2016 14:16 UTC
yeah is saw that but how can i acces different parts of my site for different buttons
Nathaniel Nasarow
@Torgian
Jul 11 2016 14:17 UTC
href attribute
Adam Lichter
@spot1000
Jul 11 2016 14:17 UTC
like you want it to scroll down to those sections when you click on the buttons?
Nils Voorkamp
@nilsvoorkamp
Jul 11 2016 14:18 UTC
@spot1000 yeah
Adam Lichter
@spot1000
Jul 11 2016 14:21 UTC
<a href="#tagID"> and then put theid of the tag you want to scroll to
Nils Voorkamp
@nilsvoorkamp
Jul 11 2016 14:25 UTC
thanks @spot1000
CamperBot
@camperbot
Jul 11 2016 14:25 UTC
nilsvoorkamp sends brownie points to @spot1000 :sparkles: :thumbsup: :sparkles:
:cookie: 337 | @spot1000 |http://www.freecodecamp.com/spot1000
Adam Lichter
@spot1000
Jul 11 2016 14:26 UTC
No problem!
Please help me with the Wikipedia Viewer
I have two problems with it
First, I have to search 4-5 times for it to start searching.
Nils Voorkamp
@nilsvoorkamp
Jul 11 2016 14:28 UTC
@spot1000 do i have too say id=... or just fill in the id?
Adam Lichter
@spot1000
Jul 11 2016 14:28 UTC
for what?
Nils Voorkamp
@nilsvoorkamp
Jul 11 2016 14:29 UTC
to fill in the id i want to use
Ananay
@ananaymital
Jul 11 2016 14:30 UTC
@nilsvoorkamp it has to be like
<a href="#"  id="my_id">
...
</a>
Nils Voorkamp
@nilsvoorkamp
Jul 11 2016 14:31 UTC
thanks @Deadpool37
CamperBot
@camperbot
Jul 11 2016 14:31 UTC
nilsvoorkamp sends brownie points to @deadpool37 :sparkles: :thumbsup: :sparkles:
:cookie: 276 | @deadpool37 |http://www.freecodecamp.com/deadpool37
Ananay
@ananaymital
Jul 11 2016 14:34 UTC
Second, The search links disappear after a second. How do I make them stay?
somebody help me
hbshifat
@hbshifat
Jul 11 2016 14:38 UTC
hello friends
how i make a zoom carousel?? help me
Adam Lichter
@spot1000
Jul 11 2016 14:39 UTC
@Deadpool37 lemme take a look, hold on
greg
@wearenotgroot
Jul 11 2016 14:40 UTC
@Deadpool37 dont use submit, you are not really submitting anything to the api
@Deadpool37 just use .click and make the button a regular button,
Adam Lichter
@spot1000
Jul 11 2016 14:43 UTC
^ good answer
greg
@wearenotgroot
Jul 11 2016 14:43 UTC
@Deadpool37
$(document).ready(function() {

  $("#search").click(function(event) {
    var $input = $("input");
    var search = $input.val();
    $.ajax({
      type: 'POST',
      url: 'https://en.wikipedia.org/w/api.php?action=opensearch&search=' + search + '&limit=10&exsentences=1&namespace=0&format=json',
      dataType: 'jsonp',
      success: function(data) {
        for (var i = 0; data[1][i]!= null ; ++i) {
          console.log(data[1][i] + data[2][i] + '\n'+data[3][i]);
          var html = "<a href=\"" + data[3][i] + "\" target=\"_blank\"> <div id=\'"+i+"\'><strong><h2>" + data[1][i] + "</h2></strong><h3>" + data[2][i] + "</h3></div></a><br>";
          $(html).prependTo("#r");

        }
      }
    });
  });

});
Ananay
@ananaymital
Jul 11 2016 14:45 UTC
@wearenotgroot i did that the first time but didn't work
In the console it just reloades the page
greg
@wearenotgroot
Jul 11 2016 14:49 UTC
@Deadpool37 try changing the <form> to a regular div
Ananay
@ananaymital
Jul 11 2016 14:51 UTC
@wearenotgroot will it help in making the links stay?
greg
@wearenotgroot
Jul 11 2016 14:51 UTC
@Deadpool37 also this line
var $input = $(event.target).find('input'); //<------ just use $("input");  or give the <input> an id
GCastro51
@GCastro51
Jul 11 2016 14:53 UTC
Anyone take a look at my Quote Generator and give feedback? http://codepen.io/gagecastro/pen/YWAqWx/
Ananay
@ananaymital
Jul 11 2016 14:53 UTC
@wearenotgroot @spot1000 thank you very very much that worked
CamperBot
@camperbot
Jul 11 2016 14:53 UTC
deadpool37 sends brownie points to @wearenotgroot and @spot1000 :sparkles: :thumbsup: :sparkles:
:cookie: 339 | @spot1000 |http://www.freecodecamp.com/spot1000
:star2: 1210 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
greg
@wearenotgroot
Jul 11 2016 14:53 UTC
@Deadpool37 :+1:
Ananay
@ananaymital
Jul 11 2016 14:54 UTC
@wearenotgroot been stuck for such a long time
greg
@wearenotgroot
Jul 11 2016 14:54 UTC
@Deadpool37 glad to been of help! :+1:
Ananay
@ananaymital
Jul 11 2016 14:55 UTC
@wearenotgroot also if you could tell me how can I tell it to search by clicking the button and also through form?
greg
@wearenotgroot
Jul 11 2016 14:55 UTC
@GCastro51 first thing i notice is that the text is the same color as the background, maybe try changing it to a different color?
@Deadpool37 well .click just applys an event listener to that button, meaning it tells the program to wait for an event such as click by the user
@Deadpool37 anything inside the callback function in the .click will be executed
khanh19934
@khanh19934
Jul 11 2016 14:57 UTC
Hello world
CamperBot
@camperbot
Jul 11 2016 14:57 UTC

welcome to FreeCodeCamp @khanh19934!

Haroon khan
@haroonkhan9426
Jul 11 2016 14:58 UTC
I am new here in the room.
Can anyone tell me that how to add pictures as html in codepen.
khanh19934
@khanh19934
Jul 11 2016 14:59 UTC
hi everyone , i need some help in random quote machine project. i dont know what im wrong in my js code . why i click 2,3 times then quote change. p/s sorry my eng too bad.
`
greg
@wearenotgroot
Jul 11 2016 14:59 UTC
@Deadpool37 as for forms, forms are used if you require the user to fill in info like signing up as a member of a site, just like real form in real life
khanh19934
@khanh19934
Jul 11 2016 14:59 UTC
my code
$(document).ready(function(){
  function getQuote(){
    var quote =["Hello World","Abcd","asdasd"];
    var author=["khanh","duy","bui"];
    var back = ["yellow","pink","blue"];
    var random = Math.floor(Math.random()*quote.length);
    var randomQuote = quote[random];
    var randomAuthor = author[random];
    var randomBack = back[random];
    $("body").css({"background-color":back[random],"transition":"background-color 0.6s ease-in-out"});
    $(".quote").text(randomQuote);
    $(".author").text(randomAuthor);
  };

  $(".btn").on("click",function(){
    getQuote();
  });

});
i dont know what im wrong
greg
@wearenotgroot
Jul 11 2016 15:00 UTC
@khanh19934 link your codepen instead?
Ananay
@ananaymital
Jul 11 2016 15:00 UTC
@wearenotgroot you know like when your search on Google you can press enter or the button
greg
@wearenotgroot
Jul 11 2016 15:01 UTC
@Deadpool37 oh well you can detect the enter key by keyevent just like adding a listener to a button
khanh19934
@khanh19934
Jul 11 2016 15:01 UTC
i dont know what i'm wrong T.T
maybe in my Math.random
greg
@wearenotgroot
Jul 11 2016 15:01 UTC
@Deadpool37 ----------->http://api.jquery.com/on/

@Deadpool37 or

$(document).keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

btw 13 is the keycode for the enter key

@khanh19934 it seems to be correct
khanh19934
@khanh19934
Jul 11 2016 15:04 UTC
@wearenotgroot do you think my Math.random() is wrong ?
greg
@wearenotgroot
Jul 11 2016 15:04 UTC
@khanh19934 it just sometimes produce the same number
@khanh19934 if you add more quotes it will be fine
khanh19934
@khanh19934
Jul 11 2016 15:04 UTC
@wearenotgroot ah , i'm dumb , thank you so much :D
CamperBot
@camperbot
Jul 11 2016 15:04 UTC
khanh19934 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star2: 1211 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
greg
@wearenotgroot
Jul 11 2016 15:05 UTC
@khanh19934 no your not :smile:
Adetunji Iyaniwura
@Iadetunji
Jul 11 2016 15:06 UTC

http://codepen.io/Iadetunji/full/AXQaaN/

can anyone help with insigth on this project

greg
@wearenotgroot
Jul 11 2016 15:07 UTC
@khanh19934 oh another thing, if you are using vabriant color as background, you could try changing the text color to a much lighter color .
@Iadetunji any specific question?
khanh19934
@khanh19934
Jul 11 2016 15:09 UTC
@wearenotgroot i know that, i fix this now :D thank you for your recommen
CamperBot
@camperbot
Jul 11 2016 15:09 UTC
khanh19934 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:warning: khanh19934 already gave wearenotgroot points
Ananay
@ananaymital
Jul 11 2016 15:11 UTC
@wearenotgroot I tried but it seems to not be working
@wearenotgroot The click event is fine but the when I press enter the links come and go
NixonRichard
@NixonRichard
Jul 11 2016 15:12 UTC
@khanh19934 alo ng viet ak ban ?
Hi guyz
This message was deleted
I want to change my quotes color it appears white and i cant read them thx for u helps
nevermine i got it lol
Adetunji Iyaniwura
@Iadetunji
Jul 11 2016 15:17 UTC
@wearenotgroot ,i need a good algorithm to setup the JS section of the project
greg
@wearenotgroot
Jul 11 2016 15:17 UTC
@Deadpool37 change the target to
$("input").keypress.. instead of document
@Deadpool37 also change the type in $.ajax to GET instead of POST
Can u guyz give me some review about this quote machine
greg
@wearenotgroot
Jul 11 2016 15:19 UTC
@Iadetunji your url for ip-api is incorrect btw
should be : http://ip-api.com/json
@Iadetunji another thing is the way you are appending parameters for the openweather api is incorrect as well
khanh19934
@khanh19934
Jul 11 2016 15:20 UTC
@NixonRichard uh =))
Ananay
@ananaymital
Jul 11 2016 15:20 UTC
@wearenotgroot the links still go after a second
NixonRichard
@NixonRichard
Jul 11 2016 15:22 UTC
@khanh19934 hay the
=))
greg
@wearenotgroot
Jul 11 2016 15:22 UTC
@Deadpool37 change the form to div instead and change the type of $.ajax to GET instead of POST
khanh19934
@khanh19934
Jul 11 2016 15:22 UTC
@NixonRichard lam bang api a @@
NixonRichard
@NixonRichard
Jul 11 2016 15:23 UTC
@khanh19934 Uk b lam cai do chua ?
greg
@wearenotgroot
Jul 11 2016 15:23 UTC
@Deadpool37 line 23 and line 24
type: 'GET', //<-------- instead of POST
khanh19934
@khanh19934
Jul 11 2016 15:24 UTC
@NixonRichard toi lam roi nhung k lam bang api @@ hoc trong nay cung van chua hieu ro lam . mac du biet api la json r =='
NixonRichard
@NixonRichard
Jul 11 2016 15:25 UTC
@khanh19934 ban tao array chua may cai quotes dung hk ?
bam vao cai link duoi cung ay thaysaidso ak
copy cai code api trong do vo
greg
@wearenotgroot
Jul 11 2016 15:26 UTC
@Iadetunji try logging the result of the ip-api in the dev console and study the returned object from your query
khanh19934
@khanh19934
Jul 11 2016 15:28 UTC
@NixonRichard minh tao array T.T cho nhanh xong r cay lai api sau T.T
Juwdohr
@Juwdohr
Jul 11 2016 15:28 UTC
Not able to get my Tic Tac Toe game to work. Any help would be greatly apprecieated:
http://codepen.io/juwdohr/pen/XKbbEZ
NixonRichard
@NixonRichard
Jul 11 2016 15:30 UTC
@khanh19934 b muon lam bang api hk minh chi cho nhanh lam paste codepen cua ban qua day
i-liszt
@i-liszt
Jul 11 2016 15:30 UTC

Hello. I'm working on the calculator project. I try to change the value of my textbook after pressing a button on the calculator, but in vain. Anyone can help me with this issue? Thank you!

http://codepen.io/Liszt/pen/bZovQZ

Juwdohr
@Juwdohr
Jul 11 2016 15:30 UTC
@i-liszt what do you mean by textbook?
Adetunji Iyaniwura
@Iadetunji
Jul 11 2016 15:31 UTC
@wearenotgroot ,i think i need a more elaborate pseudocode approach to get this done , can you help with that, a more structural approach i mean
greg
@wearenotgroot
Jul 11 2016 15:31 UTC
@NixonRichard increase the post-per-page count then you'll get an array
khanh19934
@khanh19934
Jul 11 2016 15:31 UTC
@NixonRichard de bai sau y . chu bai nay thi lam cach nao cung xong ma :D bai sau dung api minh se hoc ky lai :D
greg
@wearenotgroot
Jul 11 2016 15:31 UTC
@NixonRichard you can then use Math.random to generate random index for that array
i-liszt
@i-liszt
Jul 11 2016 15:31 UTC
@Juwdohr The textbook doesn't show any equation.
Juwdohr
@Juwdohr
Jul 11 2016 15:31 UTC
This message was deleted
greg
@wearenotgroot
Jul 11 2016 15:32 UTC
@Iadetunji structure is not really the problem, is just getting use to using $.getJSON and reading and studying the api itself(what the object in response how to access what info you need)
NixonRichard
@NixonRichard
Jul 11 2016 15:32 UTC
@wearenotgroot r u talking about my quote machine ?
@khanh19934 b cung chua lam bai sau ak ? minh cung dang lam :smile:
greg
@wearenotgroot
Jul 11 2016 15:33 UTC
@NixonRichard yeah
khanh19934
@khanh19934
Jul 11 2016 15:33 UTC
@NixonRichard chua, minh mai lam may bai tap js nen hoi luoi T.T
@NixonRichard toan hoc trc quen sau T.T
@wearenotgroot what do u mean get an array i see it s working normally
greg
@wearenotgroot
Jul 11 2016 15:36 UTC
@NixonRichard oh nvm, if it's working then :+1:
Ananay
@ananaymital
Jul 11 2016 15:36 UTC
@wearenotgroot there is still an error in keypress part
NixonRichard
@NixonRichard
Jul 11 2016 15:36 UTC
@khanh19934 ((= b lam may cai algorithm ak ?
Juwdohr
@Juwdohr
Jul 11 2016 15:36 UTC
@i-liszt Take a look at mine: http://codepen.io/juwdohr/pen/eZoNKB
greg
@wearenotgroot
Jul 11 2016 15:36 UTC
@NixonRichard try changing the text color or background? so we can see the text much clearly
NixonRichard
@NixonRichard
Jul 11 2016 15:36 UTC
hai nao lam @khanh19934
@wearenotgroot the text color s different from the background color i changed it
but if u can help me change the color of the machine anytime i click the new quote button that wuold be great
greg
@wearenotgroot
Jul 11 2016 15:38 UTC
@Deadpool37 yeah if you dont change the <form> to div the page will "submit" the form whenever the enter key is pressed thus updating the page everytime the response from the api is received
@NixonRichard yeah it's different but need more contrast(hard to read because they are both light and similar in color)
Ananay
@ananaymital
Jul 11 2016 15:39 UTC
@wearenotgroot awsome thanks
CamperBot
@camperbot
Jul 11 2016 15:39 UTC
:warning: deadpool37 already gave wearenotgroot points
deadpool37 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
NixonRichard
@NixonRichard
Jul 11 2016 15:40 UTC
@wearenotgroot i can change it into black though
i did (
(=
greg
@wearenotgroot
Jul 11 2016 15:42 UTC
@NixonRichard try this color-------> #33cccc since you have a similar color scheme
khanh19934
@khanh19934
Jul 11 2016 15:43 UTC
@NixonRichard ừ làm mấy cái đó luyện não tý . hướng theo back-end chứ front-end ngu như bò T.T toàn đi ăn cắp thì nhanh=))
NixonRichard
@NixonRichard
Jul 11 2016 15:44 UTC
@wearenotgroot great one :+1:
greg
@wearenotgroot
Jul 11 2016 15:44 UTC
@NixonRichard :+1:
NixonRichard
@NixonRichard
Jul 11 2016 15:44 UTC
@khanh19934 b lam toi intermidate algos chua ?
m moi xong dc basic zzz
greg
@wearenotgroot
Jul 11 2016 15:45 UTC
@Iadetunji made any progress?
khanh19934
@khanh19934
Jul 11 2016 15:45 UTC
@NixonRichard ms làm đc 4 bài thôi , còn chưa kể 1 tấn bài bên w3resource T.t
greg
@wearenotgroot
Jul 11 2016 15:46 UTC

@Iadetunji if not try and study the result of the first api query by logging the result in the dev console

$.getJSON("http://ip-api.com/json", function(json1) {
           console.log(json1);
  });

the response from the api will be an object with a bunch of property but the ones you are after is lon and lat.

json1.lat //to access the value

json1.lon //to access the value

you can either store them in some variables or just append them correctly into the next api url
here is your original api url for openweather

original url: "https://api.openweathermap.org/data/2.5/weather?lat=json1.latitude&lon=json1.longitude&APPID=6949c3c3aab774e328f0072aee66d40d"

correct way to append the result from the variable to the url is

"http://api.openweathermap.org/data/2.5/weather?lat=" + json1.lat + "&lon=" + "json1.lon" + "&APPID=6949c3c3aab774e328f0072aee66d40d"

another thing about the openweather api is that the https connection is for paid version of the api-key, so you just have to settle for http instead.
Now dealing with the crossorigin issue that you'll get, you'll have to append

&callback=?

to your url so it will turn into jsonp

"http://api.openweathermap.org/data/2.5/weather?lat=" + json1.lat + "&lon=" + "json1.lon" + "&APPID=6949c3c3aab774e328f0072aee66d40d&callback=?"
NixonRichard
@NixonRichard
Jul 11 2016 15:47 UTC
@khanh19934 ge qua :fire: (=
khanh19934
@khanh19934
Jul 11 2016 15:48 UTC
@NixonRichard mấy bài đầu cũng bt , có bài roman hơi khó chịu vì phải đổi sang số la mã mệt lắm
i-liszt
@i-liszt
Jul 11 2016 15:48 UTC
@Juwdohr Thank you. I try with #("display").val = ....
but still not work.
CamperBot
@camperbot
Jul 11 2016 15:48 UTC
i-liszt sends brownie points to @juwdohr :sparkles: :thumbsup: :sparkles:
:cookie: 337 | @juwdohr |http://www.freecodecamp.com/juwdohr
i-liszt
@i-liszt
Jul 11 2016 15:49 UTC
But I can see the value in console
NixonRichard
@NixonRichard
Jul 11 2016 15:49 UTC
@khanh19934 gio b dang lam bai j ?
Enes Gönültaş
@nsgonultas
Jul 11 2016 15:51 UTC
Hi there! I think name of item parameter in https://www.freecodecamp.com/challenges/stand-in-line needs to be changed as number. So it will be easier to understand. What do you think?
Or something like that, maybe num.
khanh19934
@khanh19934
Jul 11 2016 15:52 UTC
@NixonRichard bh sang bài weather . bài máy tính xong r chỉnh tý style cho đẹp la xong =)))
http://codepen.io/khanh1993/full/VjroKk/
NixonRichard
@NixonRichard
Jul 11 2016 15:53 UTC
@khanh19934 :+1: :smile:
greg
@wearenotgroot
Jul 11 2016 15:57 UTC

@Iadetunji putting them together will look like this(console.log to view the result in the dev console)

function gettingJSON() {

  $.getJSON("http://ip-api.com/json", function(json1) {

    console.log(json1);

    $.getJSON("http://api.openweathermap.org/data/2.5/weather?lat="+json1.lat+"&lon="+json1.lon+"&APPID=6949c3c3aab774e328f0072aee66d40d&callback=?", function(json2) {
         console.log(json2);
        });
  });
}

if you are not used to appending the url parameters that way you can add an object that contains the url parameters instead in the $.getJSON. like so!

function gettingJSON() {

  $.getJSON("http://ip-api.com/json", function(json1) {
        console.log(json1);
      $.getJSON("http://api.openweathermap.org/data/2.5/weather?callback=?",
          {
            lat: json1.lat,
            lon: json1.lon,
            APPID:'6949c3c3aab774e328f0072aee66d40d'
          }, function(json2) {
                console.log(json2);
        });
  });
}
i-liszt
@i-liszt
Jul 11 2016 15:58 UTC
@Juwdohr Sorry I made a mistake. It can work now.
Juwdohr
@Juwdohr
Jul 11 2016 15:59 UTC
@i-liszt Ok your welcome for the help.
i-liszt
@i-liszt
Jul 11 2016 16:00 UTC
I use query to select #display, so to set the value, it should be written as $("#display").val(....)
Not $("#display").value = ....
This is for the original JavaScript
hi why canbt i change the font ?
Juwdohr
@Juwdohr
Jul 11 2016 16:21 UTC

@NixonRichard You haven't imported the font from google. You need something like this:

<link href='https://fonts.googleapis.com/css?family=Cinzel+Decorative:700|Orbitron:700' rel='stylesheet' type='text/css'>
When you clik on your gear for HTML under Stuff for <head>

Sorin Ruse
@sorinr
Jul 11 2016 16:22 UTC
This message was deleted
khanh19934
@khanh19934
Jul 11 2016 16:23 UTC
@NixonRichard gắn thẻ link googlefont vào
NixonRichard
@NixonRichard
Jul 11 2016 16:28 UTC
This message was deleted
nhu vay ha @khanh19934 )=
<html>
  <head>
    <link href='https://fonts.googleapis.com/css?family=Cinzel+Decorative:700|Orbitron:700' rel='stylesheet' type='text/css'>
    <h1 style="font-family:lobster">A WEATHER APP</h1>
  </head>
</html>
uniforlyff
@uniforlyff
Jul 11 2016 16:33 UTC
you guys what do you use for twitch's api mine always return the same thing
{
    "stream": null,
    "_links": {
        "self": "https://api.twitch.tv/kraken/streams/CinCinBear",
        "channel": "https://api.twitch.tv/kraken/channels/CinCinBear"
    }
}
Stephen James
@sjames1958gm
Jul 11 2016 16:34 UTC
@uniforlyff Are you using a for loop to request or process your requests? Is CinCinBear your last entry in an array?
NixonRichard
@NixonRichard
Jul 11 2016 16:34 UTC
hey i cant change my font
zzz
uniforlyff
@uniforlyff
Jul 11 2016 16:35 UTC
@sjames1958gm yes im using a loop
Sorin Ruse
@sorinr
Jul 11 2016 16:35 UTC
@uniforlyff here is my twitch app: http://s.codepen.io/sorinr/debug/EymkWr take a look afterwards at the http://s.codepen.io/sorinr/pen/EymkWr to see the code
uniforlyff
@uniforlyff
Jul 11 2016 16:35 UTC
my array is
  var users = [
    'OMGitsfirefoxx', 
    'Dinglederper', 
    'MissPetrai', 
    'CinCinBear',
    'Lilchipmunk',
    'LegendaryLea',
    'DizzyKitten',
    'Phinklestein',
    'freecodecamp'
  ];
@sorinr okay
Stephen James
@sjames1958gm
Jul 11 2016 16:36 UTC
@uniforlyff Interesting I would have thought CinCinBear would be the last entry. hmm I was going to suggest this link, but not so sure.
http://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example
NixonRichard
@NixonRichard
Jul 11 2016 16:36 UTC
@sjames1958gm hey how to change my font ?
uniforlyff
@uniforlyff
Jul 11 2016 16:36 UTC
@sjames1958gm ok thanks ill check on and thank you for sharing @sorinr
CamperBot
@camperbot
Jul 11 2016 16:36 UTC
uniforlyff sends brownie points to @sjames1958gm and @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1787 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
:cookie: 447 | @sorinr |http://www.freecodecamp.com/sorinr
NixonRichard
@NixonRichard
Jul 11 2016 16:36 UTC
<html>
  <head>
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;lang=en" />
    <h1 style="font-family:lobster">A WEATHER APP</h1>
  </head>
</html>
uniforlyff
@uniforlyff
Jul 11 2016 16:41 UTC
@NixonRichard h1 element goes within the body element
Tomáš Kalný
@Sleepy-guy
Jul 11 2016 16:42 UTC
This message was deleted
Islam Ibakaev
@dagman
Jul 11 2016 16:57 UTC
is there more elegant solution for this task?
const func = (str) => {
    return Array.prototype.map.call(str.split(' '), (word) => {
        return word[0].toUpperCase() + word.slice(1);    
    }).join(' ');
};
func('hello! is it me you looking for?'); // 'Hello! Is It Me You Looking For?'
twickster
@twickster
Jul 11 2016 17:04 UTC
Anyone willing to help an absolute beginner with the portfolio project?
Sorin Ruse
@sorinr
Jul 11 2016 17:11 UTC
@twickster what problems do u have?
twickster
@twickster
Jul 11 2016 17:12 UTC
Getting things in the right places, I spent a few hours looking around online but the things I have found have not been working.
The on page links also do not work, I looked at the HTML website and I appear to have set it up the way they say,
Sorin Ruse
@sorinr
Jul 11 2016 17:14 UTC
@twickster think like this: you will need a navigation at the top of the page. then, you will need to show the content. at the end you will have a footer
twickster
@twickster
Jul 11 2016 17:15 UTC
Yea, I set it up that way but the links are not working. I have used the a href="#id" setup from the HTML webste
Sorin Ruse
@sorinr
Jul 11 2016 17:16 UTC
@twickster first, add jquery js lib before bootrastap.js
twickster
@twickster
Jul 11 2016 17:17 UTC
?
Sorin Ruse
@sorinr
Jul 11 2016 17:20 UTC
@twickster second. why do you nest tags like this: <button type="button" class="btn btn-default navbar-btn"> <a href="#portfolio">Portfolio</a> </button> ? instead just write <a class="btn btn-default blablabla" href="#portfolio">
twickster
@twickster
Jul 11 2016 17:22 UTC
Because I want the link to be inside the button and for it to say portfolion
*portfolio
And the bootstrap thingy I am using says to do it this way on the website
Sorin Ruse
@sorinr
Jul 11 2016 17:27 UTC
@twickster this <a class="btn btn-default blablabla" href="#portfolio"> will do exactly the same. what do you think will happen if i have this: <button onclick="doThis()"><a href="gothere">My Button</a></button> ?
twickster
@twickster
Jul 11 2016 17:28 UTC
I don't know
I was only trying to use the basic HTML and CSS as I can not even get to grips with that yet. That other stuff adds a layer of complexity I cant deal with yet.
Sorin Ruse
@sorinr
Jul 11 2016 17:30 UTC
@twickster just try and see. write in js a function like: function doThis(){alert('button triggered')}; and make your href="google.com"
Islam Ibakaev
@dagman
Jul 11 2016 17:31 UTC
hey guys how can i drop duplicated values from array?
twickster
@twickster
Jul 11 2016 17:33 UTC
I have not done JS that lesson comes after the portfolio activity, did code camp put the lessons up in the wrong order?
It won't let me go to the JS until I mark the portfolio complete, I suspect that means they want me to do it without this JS.
Nick CJ
@dashdummy
Jul 11 2016 17:36 UTC
Hey Guys!
totally stuck in with "Show the Local Weather” project. How on earth do you work store a JSON dataset and reuse it with another function?
Sorin Ruse
@sorinr
Jul 11 2016 17:37 UTC
@twickster think ur missing the jquery part before the Basic Front End Developments projects
twickster
@twickster
Jul 11 2016 17:38 UTC
I did that, but it did not touch on any of these things, just adding some animations.
I tried your line anyway for the portfolio button and nothing happened
Sorin Ruse
@sorinr
Jul 11 2016 17:40 UTC
@twickster jquery is a library that facilitate writing javascript in a more easier way
twickster
@twickster
Jul 11 2016 17:42 UTC
So I must use it to make the button go to a different point on the same page? Why does the HTML site not mention this?
It just says I can link to another element on the page with <a href="element_id">Link</a>
Sorin Ruse
@sorinr
Jul 11 2016 17:44 UTC
@twickster yes thats correct. and your code just does that
twickster
@twickster
Jul 11 2016 17:45 UTC
but it does not work.....
I click the link and nothing moves
Nick CJ
@dashdummy
Jul 11 2016 17:48 UTC
@twickster things do move when you click relevant links, your portfolio button does however take you to google.com I am assuming its meant to go to id="portfolio"
twickster
@twickster
Jul 11 2016 17:49 UTC
That part, I changed it on a suggestion to see how it works, it did not :(. But I click the contact button and it does not go to the contact section
Sorin Ruse
@sorinr
Jul 11 2016 17:49 UTC
@twickster are you on ie as the browser?
twickster
@twickster
Jul 11 2016 17:50 UTC
No firefox, but it also does not work in ie.
Nick CJ
@dashdummy
Jul 11 2016 17:50 UTC
@twickster must be your browser mate, its working on my end (Chrome and firefox) also works in safari
twickster
@twickster
Jul 11 2016 17:51 UTC
:(
Do I need to delete my firefox and install again?
Nick CJ
@dashdummy
Jul 11 2016 17:51 UTC
@twickster download chrome mate, its better to just use that for now as you can be 100% sure that it supports most of the modern code
then when you get a bit m ore confortable with your ability you can play around with different browsers
twickster
@twickster
Jul 11 2016 17:55 UTC
Thankyou sorin and nick. Downloading chrome now it says 25 minutes so will be back after then.
Sorin Ruse
@sorinr
Jul 11 2016 17:56 UTC
@twickster as @twickster said why not install chrome just for testing.
Nick CJ
@dashdummy
Jul 11 2016 17:56 UTC
@twickster no worries, you wouldnt imagine the browser frustration i had when i first started! wont be the first wont be the last haha just pick a tool you trust and stick with it
Any one can help me out. I am struggling storing JSON data I pulled from a server in a variable
twickster
@twickster
Jul 11 2016 17:58 UTC
Sorin, I am downloading now, but it is gonna take almost 30m so will be away from the computer for that time. Thanks again to you and Nick for helping.
Sorin Ruse
@sorinr
Jul 11 2016 18:00 UTC
@twickster you have a very slow connection
Elbert Cortez
@trip16661
Jul 11 2016 18:10 UTC
@trip16661
Guys who ever have time please review my pomodoro app :)
http://codepen.io/Trip1666/full/rLzzXX/
twickster
@twickster
Jul 11 2016 18:14 UTC
back and sorry but chrome won't install. I am stuck with firefox. Is it really that bad?
Daniel González Reina
@dgrcode
Jul 11 2016 18:18 UTC
@trip16661 Nice work! It looks pretty good, and the keys-control system I think it is very confortable to work with
@trip16661 I have noticed that clicking at "profiles" you show 3 types of pomodoros, but the length of each bar is not proportioned.
@trip16661 I mean that, at "profile relaxed" for example, the bar showing 25 minutes work is almost as long as the bar showing 15 minutes rest. I would suggest giving the bar a length related with the length of the work/break time
@trip16661 But everything else looks awesome! :)
Stephen Peters
@stephepush
Jul 11 2016 18:26 UTC
Hi, I'm working on my weather app. I found Erik Flowers' weather icon cdn, and I see that the icons were previously mapped to openWeatherMaps id statuses. Is there an easy way to plug this list ( https://erikflowers.github.io/weather-icons/api-list.html) into a switch case?
Nupur Gorian
@NupurGorian
Jul 11 2016 18:26 UTC
can anyone tell me where to get corporate java projects
Johnny Rock
@freekngdom
Jul 11 2016 18:39 UTC
@trip16661 it would be cool to make 'work', 'break', etc buttons to click on
Kenzo Mendoza
@KenzoM
Jul 11 2016 18:42 UTC
hello all
can anyone help me how to use vertical alignment in table correctly? I'm having trouble to make it work in my tic tac toe board game
@trip16661 looks awesome man!
Is there option to adjust the break time?
@stephepush you dont need to make a switch case
you can simply concatenate it
Stephen Peters
@stephepush
Jul 11 2016 18:46 UTC
concatenate it where, @Neotriz ?
oh
into the css?
via jQuery?
Kenzo Mendoza
@KenzoM
Jul 11 2016 18:47 UTC
for instance, in my code, I simply retreive the icon ID and and when I want to append it, I did as so: "wi wi-owm-" + iconID
let me open up my code..
yes I used jQuery
Stephen Peters
@stephepush
Jul 11 2016 18:48 UTC
@Neotriz , okay
Kenzo Mendoza
@KenzoM
Jul 11 2016 18:50 UTC
      $.getJSON(weatherURL, function(weatherInfo){
        var iconID = weatherInfo.weather[0].id;
        var imageURL = "wi wi-owm-" + iconID;
here is where I get the icon ID
i created variable imageURL to concantacte with it
then I select the element I want to append to and it should pick the correct icon
I used Awsome Font
ex:
$("#icon p").html("<i class='" + imageURL + "'></i> ");
Elbert Cortez
@trip16661
Jul 11 2016 18:51 UTC
@Danoso89 Thanks I also think it looks unbalanced but im fighting against my own logic xD and y not only that but you have the option to store your own custom profiles
CamperBot
@camperbot
Jul 11 2016 18:51 UTC
trip16661 sends brownie points to @danoso89 :sparkles: :thumbsup: :sparkles:
:cookie: 313 | @danoso89 |http://www.freecodecamp.com/danoso89
Elbert Cortez
@trip16661
Jul 11 2016 18:52 UTC
@Neotriz what do you mean with adjust the break time?
if you press the key B on your keyboard you can see the break mode and adjust it to whatever length you want it to be
and you can also add that profile with / button
"/"
Stephen Peters
@stephepush
Jul 11 2016 18:53 UTC
you mean font awesome, @Neotriz ?
Kenzo Mendoza
@KenzoM
Jul 11 2016 18:53 UTC
@stephepush yes sorry about that
Stephen Peters
@stephepush
Jul 11 2016 18:54 UTC
Kenzo Mendoza
@KenzoM
Jul 11 2016 18:54 UTC
@trip16661 ahh gotcha, I didnt see that
then nvm. all looks good :)
@stephepush right that's what I used
what API are you retrieving the weather info?
Open Weather?
Stephen Peters
@stephepush
Jul 11 2016 18:55 UTC
openWeatherMaps
Kenzo Mendoza
@KenzoM
Jul 11 2016 18:55 UTC
oops, scratch what I said about Font Awesome
so let me rephrase again..
when you use openWeatherMaps, you will get an object. Inside that object, you can retrieve the icon ID
you use that icon ID to select the appropiate icon to append in your page
for instance: wi-owm-200. That number 200 is the icon ID you retrieve from the JSON object
Axamin
@Axamin
Jul 11 2016 18:57 UTC
Hey, I'm having a bit of trouble with using a google font on codepen, can I get some help?
john94
@lpy1994
Jul 11 2016 18:59 UTC
Hi, everybody , quick question.
is freecodecamp website down?
Axamin
@Axamin
Jul 11 2016 19:00 UTC
Working for me
leykhins
@leykhins
Jul 11 2016 19:00 UTC
Sorry links don't work in my pens
What can I do
john94
@lpy1994
Jul 11 2016 19:01 UTC
the webistes are currently offline.
says in my mac
DuskyPixel
@DuskyPixel
Jul 11 2016 19:04 UTC
@Axamin you just need to link them like <link rel="stylesheet" href="https://www.google.com/fonts#UsePlace:use/Collection:Raleway:400,600,900" />
john94
@lpy1994
Jul 11 2016 19:05 UTC
Screen Shot 2016-07-11 at 3.05.20 PM.png
DuskyPixel
@DuskyPixel
Jul 11 2016 19:07 UTC
@lpy1994 maybe your internet is messing up..?
john94
@lpy1994
Jul 11 2016 19:07 UTC
I can access any of websites except this.
Screen Shot 2016-07-11 at 3.08.20 PM.png
this doesn’t happen to any of you guys ??
DuskyPixel
@DuskyPixel
Jul 11 2016 19:12 UTC
@lpy1994 works fine for me
john94
@lpy1994
Jul 11 2016 19:15 UTC
this is frustrating.
Axamin
@Axamin
Jul 11 2016 19:15 UTC
@DuskyPixel Here is what I have <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'> This matches what is shown in the tutorials, it is in the CSS window on codepen, yet the font does not show up. I have tried with different fonts as well, yet none have worked
Stephen Peters
@stephepush
Jul 11 2016 19:16 UTC
trying to get it to work, but thanks @Neotriz
CamperBot
@camperbot
Jul 11 2016 19:16 UTC
:cookie: 289 | @neotriz |http://www.freecodecamp.com/neotriz
stephepush sends brownie points to @neotriz :sparkles: :thumbsup: :sparkles:
Stephen Peters
@stephepush
Jul 11 2016 19:20 UTC
@Neotriz , wait why would you put the code representing the symbol as a class? Wouldn't it be text in thehtml?
twickster
@twickster
Jul 11 2016 19:27 UTC
@dashdummy finally got chrome to work, I had a problem with my partitions took a lot of work and reading but I did it.
William Thomason
@wthomason
Jul 11 2016 19:32 UTC
Hello, I am on the Build a Tribute Page challenge. This may be a silly question but how do you save a project you are working on to come back to at a latter date.
Stephen Peters
@stephepush
Jul 11 2016 19:33 UTC
ah I see
twickster
@twickster
Jul 11 2016 19:34 UTC
@wthomason In CodePen? There is a save button at the top of the screen. If you have not changed setting there is also an autosave.
William Thomason
@wthomason
Jul 11 2016 19:35 UTC
@twickster Yes I saw that, so then how do you find that project after you have saved it?
Jitesh Pabla
@jiteshpabla
Jul 11 2016 19:39 UTC
@wthomason just go to your profile and click on "pens"
William Thomason
@wthomason
Jul 11 2016 19:39 UTC
Awesome, Thank @jiteshpabla
CamperBot
@camperbot
Jul 11 2016 19:39 UTC
wthomason sends brownie points to @jiteshpabla :sparkles: :thumbsup: :sparkles:
:cookie: 187 | @jiteshpabla |http://www.freecodecamp.com/jiteshpabla
William Thomason
@wthomason
Jul 11 2016 19:40 UTC
thanks
Jitesh Pabla
@jiteshpabla
Jul 11 2016 19:40 UTC
@wthomason welcome
twickster
@twickster
Jul 11 2016 19:41 UTC
@wthomason I just go into my profile and click on public. Admitedly as a fellow new user I find CodePen navigation unintuative and I had to click around a bit to learn how to find things. I suggest you keep you project open and then open Codepen again in a new tab to experiment with looking around for things.
Jitesh Pabla
@jiteshpabla
Jul 11 2016 19:42 UTC
is anyone doing the intermediate projects here?
i'm having trouble figuring out how to use APIs
William Thomason
@wthomason
Jul 11 2016 19:45 UTC
Thank you @twickster Im not liking how code pen is set up. Ironically Im attending a codepen seminar with people from codepen later this month and may bring it up.
CamperBot
@camperbot
Jul 11 2016 19:45 UTC
:cookie: 121 | @twickster |http://www.freecodecamp.com/twickster
wthomason sends brownie points to @twickster :sparkles: :thumbsup: :sparkles:
Juliette Brault
@Jueke
Jul 11 2016 19:47 UTC
Hi there ! I'm currently working on the Tribute project, and I have difficulties aligning 3 images in a row. Eventhough I'm using the "img-responsive" command, it doesn't work. Can anyone tell me what I'm missing ? https://codepen.io/JueKe/pen/NAwPKb
disjfa
@disjfa
Jul 11 2016 19:48 UTC
@Jueke col,md,4 is not a valid class name
Juliette Brault
@Jueke
Jul 11 2016 19:50 UTC
@disjfa Oh ? Well, I guees I need to read the Bootstrap class again then :/ Thanks !
CamperBot
@camperbot
Jul 11 2016 19:50 UTC
jueke sends brownie points to @disjfa :sparkles: :thumbsup: :sparkles:
:cookie: 336 | @disjfa |http://www.freecodecamp.com/disjfa
twickster
@twickster
Jul 11 2016 19:50 UTC
What are these brownies points I keep seeing?
disjfa
@disjfa
Jul 11 2016 19:51 UTC
It's if you say thanks @twickster
CamperBot
@camperbot
Jul 11 2016 19:51 UTC
disjfa sends brownie points to @twickster :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @twickster |http://www.freecodecamp.com/twickster
Jitesh Pabla
@jiteshpabla
Jul 11 2016 19:52 UTC
@Jueke just replace the commas with hyphens. so it'll be : col-md-4
twickster
@twickster
Jul 11 2016 19:52 UTC
ahh ok, in that case there are a couple of people I need to send some points too ...need to go back to find their names first!
Thanks @sorinr
CamperBot
@camperbot
Jul 11 2016 19:52 UTC
twickster sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 448 | @sorinr |http://www.freecodecamp.com/sorinr
twickster
@twickster
Jul 11 2016 19:53 UTC
thanks @dashdummy
CamperBot
@camperbot
Jul 11 2016 19:53 UTC
twickster sends brownie points to @dashdummy :sparkles: :thumbsup: :sparkles:
:cookie: 281 | @dashdummy |http://www.freecodecamp.com/dashdummy
Jitesh Pabla
@jiteshpabla
Jul 11 2016 19:53 UTC
can anyone help me with APIs?
twickster
@twickster
Jul 11 2016 19:53 UTC
Everything is new to me :( I have never used things like twitter....and this is my first time using a chat program.
Juliette Brault
@Jueke
Jul 11 2016 19:54 UTC
@jiteshpabla Of course ! ^^' Thanks a lot !
CamperBot
@camperbot
Jul 11 2016 19:54 UTC
jueke sends brownie points to @jiteshpabla :sparkles: :thumbsup: :sparkles:
:cookie: 188 | @jiteshpabla |http://www.freecodecamp.com/jiteshpabla
Elbert Cortez
@trip16661
Jul 11 2016 19:57 UTC
@jiteshpabla what do you need exactly?
Jitesh Pabla
@jiteshpabla
Jul 11 2016 20:00 UTC
@trip16661 a good tutorial? i'm not able to work it out with the challenges given for JSON and AJAX
disjfa
@disjfa
Jul 11 2016 20:02 UTC
And if you try google and jquery ajax tutorial?
Elbert Cortez
@trip16661
Jul 11 2016 20:03 UTC
@jiteshpabla the good ones i have seen i don't remember the source
What project are you on?
Jitesh Pabla
@jiteshpabla
Jul 11 2016 20:03 UTC
@trip16661 random quote generator
@disjfa no, link please?
i remember to have watched that one
but i think the one who clarified me the most were some short videos from treehouse
Jitesh Pabla
@jiteshpabla
Jul 11 2016 20:09 UTC
@trip16661 ok, i'll check it out. Thankyou!
CamperBot
@camperbot
Jul 11 2016 20:09 UTC
jiteshpabla sends brownie points to @trip16661 :sparkles: :thumbsup: :sparkles:
:cookie: 385 | @trip16661 |http://www.freecodecamp.com/trip16661
Jakob Papirov
@JakobPapirov
Jul 11 2016 20:21 UTC
can I ask an html question here?
coffeebeanzz
@coffeebeanzz
Jul 11 2016 20:23 UTC
thanks @trip16661 for link
CamperBot
@camperbot
Jul 11 2016 20:23 UTC
coffeebeanzz sends brownie points to @trip16661 :sparkles: :thumbsup: :sparkles:
:cookie: 386 | @trip16661 |http://www.freecodecamp.com/trip16661
coffeebeanzz
@coffeebeanzz
Jul 11 2016 20:23 UTC
yes @JakobPapirov I might not can answer but if someone else can they will
Jakob Papirov
@JakobPapirov
Jul 11 2016 20:24 UTC
tnx; I could use some help with <label>
"One of your radio buttons should have the label indoor. "
coffeebeanzz
@coffeebeanzz
Jul 11 2016 20:25 UTC
what is the name of the challenge? (Upper left)
Jakob Papirov
@JakobPapirov
Jul 11 2016 20:26 UTC
Create a Set of Radio Buttons
liu2yamichael
@liu2yamichael
Jul 11 2016 20:27 UTC
I'm working on the portfolio but I'm stuck on how to do thumbnail for projects under the portfolio section of the website with picture and names
this is what i have so far

.nav-pills{
padding-left: 10px;
padding-right: 10px;
position: fixed;
width: 100%;
font-size: 25px;
font-family: cursive;
margin-left: -20px;
margin-right: -20px;
background-color: black;
}

.nav-pills li a{
color: gray;
}

body{
background-color: white;
}

.pageOne{
background-image: url(http://pixelhub.me/pixelhub1/images/uploads/1385467739background_portfolio.jpg);
background-size: cover;
height: 850px;
margin-top: -70px;
margin-left: -15px;
margin-right: -15px;
}

.pageTwo{
background-color: white
background-size: cover;
height: 800px;
margin-left: -15px;
margin-right: -15px;
}

.pageThree{
background-color: gray;
background-size: cover;
height: 800px;
margin-left: -15px;
margin-right: -15px;
}

.pageFour{
background-color: white
background-size: cover;
height: 950px;
margin-left: -15px;
margin-right: -15px;
}

header{

padding: 200px;
color: white;

}

header h1{

font-size: 100px;

}

header p{

font-size: 35px;

}

header2{

color: black;
padding: 15px;

}

header2 h1{

font-size: 100px;

}

header2 p{

font-size: 35px;

}

header3{

color: black;
padding: 15px;

}

header3 h1{

font-size: 100px;

}

header3 p{

font-size: 35px;

}

header4{

color: black;
padding: 15px;

}

header4 h1{

font-size: 100px;

}

header4 p{

font-size: 35px;

}

footer{
background-color: gray;
text-align: center;
font-size: 25px;
color: black;
}

.nav-pills{padding-left: 10px;padding-right: 10px;position: fixed;width: 100%;font-size: 25px;font-family: cursive;margin-left: -20px;margin-right: -20px;background-color: black;}.nav-pills li a{color: gray;}body{background-color: white;}.pageOne{background-image: url(http://pixelhub.me/pixelhub1/images/uploads/1385467739background_portfolio.jpg);background-size: cover;height: 850px;margin-top: -70px;margin-left: -15px;margin-right: -15px;}.pageTwo{background-color: whitebackground-size: cover;height: 800px;margin-left: -15px;margin-right: -15px;}.pageThree{background-color: gray;background-size: cover;height: 800px;margin-left: -15px;margin-right: -15px;}.pageFour{background-color: whitebackground-size: cover;height: 950px;margin-left: -15px;margin-right: -15px;}#header{padding: 200px;color: white;}#header h1{font-size: 100px;}#header p{font-size: 35px;}#header2{color: black;padding: 15px;}#header2 h1{font-size: 100px;}#header2 p{font-size: 35px;}#header3{color: black;padding: 15px;}#header3 h1{font-size: 100px;}#header3 p{font-size: 35px;}#header4{color: black;padding: 15px;}#header4 h1{font-size: 100px;}#header4 p{font-size: 35px;}footer{background-color: gray;text-align: center;font-size: 25px;color: black;}
Jakob Papirov
@JakobPapirov
Jul 11 2016 20:28 UTC
@coffeebeanzz I figured it out just now when I copypasted the example code
coffeebeanzz
@coffeebeanzz
Jul 11 2016 20:29 UTC
ok good! :)
Jakob Papirov
@JakobPapirov
Jul 11 2016 20:29 UTC
the colors were to dark in the example
liu2yamichael
@liu2yamichael
Jul 11 2016 20:29 UTC
trying to send the web thing keep on sending wrong things
Jakob Papirov
@JakobPapirov
Jul 11 2016 20:29 UTC
what they meant by labeling is to put it between the tags like the link text in <a>text</a>
Elbert Cortez
@trip16661
Jul 11 2016 20:29 UTC
remember to use the right format to paste code
coffeebeanzz
@coffeebeanzz
Jul 11 2016 20:30 UTC
there ya go @liu2yamichael !
Elbert Cortez
@trip16661
Jul 11 2016 20:30 UTC
help format
CamperBot
@camperbot
Jul 11 2016 20:30 UTC

:point_right: code formatting [wiki]

Multi line Code

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

Single line Code

This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

liu2yamichael
@liu2yamichael
Jul 11 2016 20:31 UTC
i need help with portfolio thumbnail part and dont know how to do it
to show of what i did
coffeebeanzz
@coffeebeanzz
Jul 11 2016 20:32 UTC
@liu2yamichael have you tried this: http://www.w3schools.com/bootstrap/bootstrap_images.asp
Elbert Cortez
@trip16661
Jul 11 2016 20:32 UTC
@liu2yamichael just use an image
and wrap it on a "a" tag
if you have an actual adress to do it
if you dont have nothing
just use a placeholder
liu2yamichael
@liu2yamichael
Jul 11 2016 20:33 UTC
yes but i dont know how to mve the picture under the portflio header
Elbert Cortez
@trip16661
Jul 11 2016 20:34 UTC
I don't understand the question itself
what do you want
liu2yamichael
@liu2yamichael
Jul 11 2016 20:35 UTC
when i put a image it just place it right next to the word portfolio but not under it
on my website
coffeebeanzz
@coffeebeanzz
Jul 11 2016 20:36 UTC
@liu2yamichael you could start another div
liu2yamichael
@liu2yamichael
Jul 11 2016 20:37 UTC
i tried that but it doesnt place it underneath the word portfolio
unless i place it in the wrong place
this is what it does when i do that
Luke
@lukenetti3
Jul 11 2016 20:41 UTC
hey guys, can someone help me quick. I am working on the wikipedia viewer. Can someone tell me why this is only displaying the last index and value of the array instead of every index and value from the array. I am copying the jQuery documentation for it and I'm still having trouble. http://codepen.io/lukenetti3/pen/akwEQk?editors=0010
Tyler Moeller
@TylerMoeller
Jul 11 2016 20:42 UTC
@liu2yamichael The issue is the pull-left class. use text-left if you want it left aligned. <h1 class="text-left">Portfolio </h1>. Pictures will show up under the heading after you make that change.
liu2yamichael
@liu2yamichael
Jul 11 2016 20:44 UTC
thanks and does my code look good
or does it need to be change
at differnt parts
Tyler Moeller
@TylerMoeller
Jul 11 2016 20:44 UTC
@lukenetti3 use .append() instead of .html() - you are overwriting the html with every loop of your $.each
@liu2yamichael Main issue I see is the use of pull-left and pull-right instead of text-left or text-right.
liu2yamichael
@liu2yamichael
Jul 11 2016 20:45 UTC
so text-left or right is better
for words
Tyler Moeller
@TylerMoeller
Jul 11 2016 20:46 UTC
@liu2yamichael It depends on if you want it aligned to the left or the right. You can read more about Bootstrap Typography at: http://getbootstrap.com/css/#type
Luke
@lukenetti3
Jul 11 2016 20:47 UTC
@TylerMoeller Thanks so much! Should have thought of that myself just couldn't figure it out.
CamperBot
@camperbot
Jul 11 2016 20:47 UTC
lukenetti3 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 660 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Jul 11 2016 20:47 UTC
@lukenetti3 np, I should have mentioned - don't forget to clear the HTML first when you do a search or every repeated search will just append more and more html :)
liu2yamichael
@liu2yamichael
Jul 11 2016 20:48 UTC
thanks taylor for the help
tyler
sorry
Tyler Moeller
@TylerMoeller
Jul 11 2016 20:48 UTC
It's okay :) Any time
liu2yamichael
@liu2yamichael
Jul 11 2016 20:50 UTC
for the navbar whould i use text to for the words
Luke
@lukenetti3
Jul 11 2016 20:51 UTC
@TylerMoeller How would I do that? Just some kind of clear when my function is first called to remove whatever else is there?
Elbert Cortez
@trip16661
Jul 11 2016 20:51 UTC
@liu2yamichael a tags for the words to be clickable
liu2yamichael
@liu2yamichael
Jul 11 2016 20:51 UTC
ok
so bootstrap buttons are just a tags
Elbert Cortez
@trip16661
Jul 11 2016 20:52 UTC
bootstrap buttons are just buttons with a pre set design
the funtionality is the same as any other button
and no
Tyler Moeller
@TylerMoeller
Jul 11 2016 20:52 UTC
@lukenetti3 yeah, before you enter the $.each, you could use .empty() or .html('')
Elbert Cortez
@trip16661
Jul 11 2016 20:53 UTC
buttons dont work for that unless you explicitally says to do something
Luke
@lukenetti3
Jul 11 2016 20:53 UTC
@TylerMoeller Thanks, that makes sense
CamperBot
@camperbot
Jul 11 2016 20:53 UTC
lukenetti3 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: lukenetti3 already gave tylermoeller points
Elbert Cortez
@trip16661
Jul 11 2016 20:53 UTC
if its a link its always better to use a A tag
liu2yamichael
@liu2yamichael
Jul 11 2016 20:53 UTC
ok
Elbert Cortez
@trip16661
Jul 11 2016 20:53 UTC
href="myWe.com"
liu2yamichael
@liu2yamichael
Jul 11 2016 20:56 UTC
can bootstrap make things easier to style your code
Elbert Cortez
@trip16661
Jul 11 2016 20:56 UTC
yes but I wouldnt rely on it too much
liu2yamichael
@liu2yamichael
Jul 11 2016 20:57 UTC
why
Elbert Cortez
@trip16661
Jul 11 2016 20:57 UTC
because it might look generic afterwards
I myself never used it for learning purposes
but that's me
liu2yamichael
@liu2yamichael
Jul 11 2016 20:58 UTC
whats easier to get into front-end or back-end for web development
as a job
starting out
Elbert Cortez
@trip16661
Jul 11 2016 20:59 UTC
I don't know i suppose that front end
But im not an expert myself so who knows
liu2yamichael
@liu2yamichael
Jul 11 2016 21:02 UTC
how far are you in the course
Elbert Cortez
@trip16661
Jul 11 2016 21:02 UTC
front end complet ed
i finished it like 1 month ago
being useless and slow to remake my projects so havent been able to do anything else
twickster
@twickster
Jul 11 2016 21:06 UTC
After 2.5 days lots of reading and a HDD partition move and resize here it is! What do you think?http://codepen.io/twickster/pen/akLKyk?editors=1100
Elbert Cortez
@trip16661
Jul 11 2016 21:10 UTC
@twickster you need to positionate things better
the last contact me looks a bit messy
twickster
@twickster
Jul 11 2016 21:11 UTC
How so?
Elbert Cortez
@trip16661
Jul 11 2016 21:12 UTC
on wider views the buttons looks unorganized
and the placeholder of the websites are aswell not positionated
twickster
@twickster
Jul 11 2016 21:13 UTC
They are not in a vertical line?
I could not get exact positions, making it better for one size made it worse for another
Elbert Cortez
@trip16661
Jul 11 2016 21:14 UTC
plus i see some weird nesting
twickster
@twickster
Jul 11 2016 21:15 UTC
Example please?
Elbert Cortez
@trip16661
Jul 11 2016 21:15 UTC
<section id="contact">
<div class="container">
<div class="row">
twickster
@twickster
Jul 11 2016 21:16 UTC
That is how bootstrap says to do it.
Elbert Cortez
@trip16661
Jul 11 2016 21:16 UTC
sure but, you are also doing that on the other one
you might aswell just have
Pablo
@Olbap14
Jul 11 2016 21:16 UTC
help Build a Random Quote Machine
CamperBot
@camperbot
Jul 11 2016 21:16 UTC
no wiki entry for: build a random quote machine
Elbert Cortez
@trip16661
Jul 11 2016 21:17 UTC
container and ever section is a different row
twickster
@twickster
Jul 11 2016 21:18 UTC
from what I gather the bootstrap is split into 12 coloums, the row class starts a new row and then you have to set a "col" class in the next div to set the size of the coloum
I did not use it for everypart as I did not need rows and coloums so I did not make those div classes to keep it as clean as I could.
twickster
@twickster
Jul 11 2016 21:24 UTC
I would appreciate it if you could give me some advice on how to get the contact buttons to stack vertically
@disjfa I read it, but not sure what I am looking for.
Nigel A Carty - St. Kitts and Nevis
@nacarty
Jul 11 2016 21:29 UTC
hello everyone...I just finished developing a very cool app that displays the weather...I developed it using netbeans IDE then pasted the code into codepen and github. I have a big problem. The application does not work in codepen at all...And, on github, the elements are not properly aligned on the webpage. Any ideas how to fix this problem?
disjfa
@disjfa
Jul 11 2016 21:30 UTC
setup for a default navbar with collapsing menu for responsive designs. You just created your own idea which works a bit.
@nacarty url to the pen
Timo Schalow
@schalow
Jul 11 2016 21:31 UTC
My pen only seems to work without https. Anyone know how that could be? https://codepen.io/timoschalow/pen/vKZExG
disjfa
@disjfa
Jul 11 2016 21:32 UTC
@schalow check the console, they tell the error in it
Islam Ibakaev
@dagman
Jul 11 2016 21:32 UTC
have just now rebuit smallestCommons() bonfire. What do u think guys? :smile:
const range = (arr) => {
    let list = [],
        min = Math.min(...arr),
        max = Math.max(...arr);
    while(max >= min) {
        list.push(min);
        min++;
    }
    return list;
};

const gcd = (x, y) => {
    return (x % y === 0) ? y : gcd(y, x%y);
};

const scm = (x, y) => {
    return (x * y) / gcd(x, y);    
};

const smallestCommons = (array) => {
    let list = range(array);
    return list.reduce((x, y) => scm(x, y));
};

smallestCommons([1, 13]); // returns 360360
twickster
@twickster
Jul 11 2016 21:33 UTC
@disjfa I tried them all, none appear to do anything
disjfa
@disjfa
Jul 11 2016 21:34 UTC
@twickster thats couse your console says it it missing jQuery ;)
twickster
@twickster
Jul 11 2016 21:35 UTC
?
Timo Schalow
@schalow
Jul 11 2016 21:35 UTC
@disjfa seems to be the api. It doesn't have https I guess. Thanks
CamperBot
@camperbot
Jul 11 2016 21:35 UTC
schalow sends brownie points to @disjfa :sparkles: :thumbsup: :sparkles:
:cookie: 347 | @disjfa |http://www.freecodecamp.com/disjfa
Nigel A Carty - St. Kitts and Nevis
@nacarty
Jul 11 2016 21:37 UTC
twickster
@twickster
Jul 11 2016 21:37 UTC
So I failed?
disjfa
@disjfa
Jul 11 2016 21:39 UTC
No, you made a nice try. Learn from it, create more, learn more
@nacarty put the includes for css and javascript in the settings tabs. Setup your javascript in the javascript. Now you just made a mess.
twickster
@twickster
Jul 11 2016 21:41 UTC
Would be nice if I could figure out how to get the red buttons to stack vertically though :(
disjfa
@disjfa
Jul 11 2016 21:41 UTC
add a clear: right
and remove the margin of 8 vh, unleass you can explain the vh property
twickster
@twickster
Jul 11 2016 21:42 UTC
vh = viewport height where it is 1-100 so I would say 10 is 10% of the vertical on what ever screen is being used
Chris Rutherford
@cjrutherford
Jul 11 2016 21:42 UTC
so does anyone know of a good tutorial for the wikipedia api? their documentation is a bit convoluted, or I may just not be understanding what they're saying....
disjfa
@disjfa
Jul 11 2016 21:42 UTC
so why add that to both buttons when you have a footer section with a height of 200px ;)
twickster
@twickster
Jul 11 2016 21:43 UTC
I want the buttons to be on top of each other like a building, not side by side
I was playing around with things and the vh was the one that gave less of a mess up between large and small display
I found it more consistent
disjfa
@disjfa
Jul 11 2016 21:44 UTC
"less of a mess" :D
twickster
@twickster
Jul 11 2016 21:45 UTC
would I need to put each red button into it's own div so I can stack them vertically?
Nigel A Carty - St. Kitts and Nevis
@nacarty
Jul 11 2016 21:46 UTC
@disjfa I think I tried that but will do again..
twickster
@twickster
Jul 11 2016 21:46 UTC
...you think this is bad should have seen my first attempt
Rizwan Ahmed
@rizwanahmed19
Jul 11 2016 21:46 UTC
Hello everyone! I'm badly stuck at the Quote Machine Project. The problem is that when I click the new quote button it doesn't generate any quote at all, although the app runs ok when I load the page, but the button still doesn't work.. Maybe smthng's wrong with the JS. Here's the pen
http://codepen.io/rizwanahmed19/pen/rLGgAa
disjfa
@disjfa
Jul 11 2016 21:47 UTC
If you think this is bad you should have had to see my first 100 attempts. Be glad there is a thing like bootstrap these days.
Chris Rutherford
@cjrutherford
Jul 11 2016 21:48 UTC
@rizwanahmed19 try adding an onclick to your button onclick="javascript:function()"
twickster
@twickster
Jul 11 2016 21:48 UTC
as boring as it was I actually read the bootstrap.css to see how ti works
Chris Rutherford
@cjrutherford
Jul 11 2016 21:48 UTC
or you can change your button to a link keeping all the classes, then just add the javascript:function() to the href attribute
Rizwan Ahmed
@rizwanahmed19
Jul 11 2016 21:49 UTC
@cjrutherford I think you dont need to use onClick attribute when using jQuery
Hong
@designBuildShipSoftware
Jul 11 2016 21:50 UTC
Hey, I've written a weather app, but sometimes it cannot show the weather on my desktop. Here is the pen https://codepen.io/designbuildshipsoftware/pen/begJwJ/
can any one tell what was wrong?
It could show the weather on my phone, but not my desktop
Rizwan Ahmed
@rizwanahmed19
Jul 11 2016 21:51 UTC
$(".btn").click(function(){
//some code
});
It does the same job
Chris Rutherford
@cjrutherford
Jul 11 2016 21:51 UTC
@rizwanahmed19 that makes sense, but it also may be that it looks like his click event is nested in another function... not good at looking over my own code, much less others, but I try
twickster
@twickster
Jul 11 2016 21:51 UTC
@disjfa you red buttons stack but mine dont, I cant see the difference in the code...
Tyler Moeller
@TylerMoeller
Jul 11 2016 21:54 UTC
@designBuildShipSoftware If you load your web page over HTTPS, it will fail because the weather API you are calling only works over HTTP.
Hong
@designBuildShipSoftware
Jul 11 2016 22:00 UTC
@TylerMoeller I didn't use HTTPS. I used HTTP
Tyler Moeller
@TylerMoeller
Jul 11 2016 22:01 UTC
@designBuildShipSoftware The link you gave us up above is: https://codepen.io/designbuildshipsoftware/pen/begJwJ/. Your weather app runs without errors for me over HTTP.
Hong
@designBuildShipSoftware
Jul 11 2016 22:02 UTC
@TylerMoeller Got you! Thanks so much, man!
CamperBot
@camperbot
Jul 11 2016 22:02 UTC
designbuildshipsoftware sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 661 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Nigel A Carty - St. Kitts and Nevis
@nacarty
Jul 11 2016 22:04 UTC
@disjfa @disjfa codepen actually took the links in my HTML header and placed them in the settings tab, automatically. They appear exactly the way I wrote them in the HTML header. for example <link ...bla bla bla>
Mariya
@mariyadiminsky
Jul 11 2016 22:05 UTC
Having trouble learning Node.js? Learn Node.js with Brigadier Fluffykins! I've created a brand new series that takes you step by step. Check it out :smile: :sparkles: https://medium.com/@__Masha__/learn-node-js-with-brigadier-fluffykins-i-basics-async-sync-create-your-first-server-b9e54a45e108#.k9amg8b8d
twickster
@twickster
Jul 11 2016 22:07 UTC
@Mashadim you put some effort into that, followed...for a day when CSS no longer laughs at me...
thanks @disjfa
CamperBot
@camperbot
Jul 11 2016 22:09 UTC
twickster sends brownie points to @disjfa :sparkles: :thumbsup: :sparkles:
:cookie: 348 | @disjfa |http://www.freecodecamp.com/disjfa
Mariya
@mariyadiminsky
Jul 11 2016 22:10 UTC
@twickster Yes I did =_='
and thank you @twickster
CamperBot
@camperbot
Jul 11 2016 22:10 UTC
mashadim sends brownie points to @twickster :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @twickster |http://www.freecodecamp.com/twickster
Luke
@lukenetti3
Jul 11 2016 22:12 UTC
Hey guys, working on the wikipedia viewer...When I type something like "cars" into my search for some reason I am not displaying what I want. I want the first index of the first array with the first index of the second array across from it. Why is it doing this when I use 2 .each() calls?
This message was deleted
greg
@wearenotgroot
Jul 11 2016 22:19 UTC
@lukenetti3 why not just use a regular for loop since all of them are just arrays? they have the same length so you can just use one loop
Luke
@lukenetti3
Jul 11 2016 22:21 UTC
@wearenotgroot I tried that too and ran into problems. Maybe I will try that again. can I still use the .html though to format it all?
greg
@wearenotgroot
Jul 11 2016 22:21 UTC
@lukenetti3
for(var i = 0; i < data[1].length; i++)
{
      $resultSec.append("<p>" + data[1][i] + ": " + data[2][i] + "</p>");
}
Luke
@lukenetti3
Jul 11 2016 22:22 UTC
@wearenotgroot Thanks! I will work on that. I guess I was overthinking it.
CamperBot
@camperbot
Jul 11 2016 22:22 UTC
lukenetti3 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star2: 1213 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
Nkwazema Chidiebere Raphael
@KingCyrus
Jul 11 2016 22:45 UTC
Hi guys am trying to do the personal profile stuff but couldn't get the vertical lines from the navbar downwards. what do i do http://codepen.io/SensePrompt/pen/kXGkkR
Greg Duncan
@GregatGit
Jul 11 2016 22:47 UTC
@KingCyrus here is the a great place to check out navbar templates and see how to implement them http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp
Elbert Cortez
@trip16661
Jul 11 2016 22:49 UTC
if anyone is free and bored, please review my code xD
http://codepen.io/Trip1666/full/rLzzXX/
Robert Richey
@0x0936
Jul 11 2016 22:51 UTC

Streaming AMA Web Dev (beginner - intermediate) - mic on at https://www.twitch.tv/droopfizzle

Simon Cordova
@gbsimon87
Jul 11 2016 22:54 UTC
@KingCyrus what exactly are you trying to accomplish?
Nkwazema Chidiebere Raphael
@KingCyrus
Jul 11 2016 23:00 UTC
@GregatGit Thanks buddy I will check it out
CamperBot
@camperbot
Jul 11 2016 23:00 UTC
kingcyrus sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:cookie: 674 | @gregatgit |http://www.freecodecamp.com/gregatgit
Nkwazema Chidiebere Raphael
@KingCyrus
Jul 11 2016 23:01 UTC
@gbsimon87 Thanks for asking. I am trying to make the personal portfolio as stated in the second project for the Front End Developer program. Look at what I want to accomplish https://codepen.io/FreeCodeCamp/full/YqLyXB/
CamperBot
@camperbot
Jul 11 2016 23:01 UTC
kingcyrus sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:cookie: 280 | @gbsimon87 |http://www.freecodecamp.com/gbsimon87
Greg Duncan
@GregatGit
Jul 11 2016 23:02 UTC
@trip16661 Really good - the code is well laid out. Well done!
Elbert Cortez
@trip16661
Jul 11 2016 23:04 UTC
@GregatGit oh greg you always helping me :P I will make an altar for y ou ahaha
Greg Duncan
@GregatGit
Jul 11 2016 23:05 UTC
@trip16661 ha!
Elbert Cortez
@trip16661
Jul 11 2016 23:05 UTC
but seriously speaking isn't the code too verbal ? It looks too thick and it looks messy as well
but I simply don't know what i'm doing wrong or what's the best procedure
Greg Duncan
@GregatGit
Jul 11 2016 23:08 UTC
@trip16661 your code is easy to follow - you don't have 'x's and 'y' and functions that you don't know what they are doing. Better to have function called 'joiningThreeStrings' than ' j3str'
@trip16661 what is the '=>' for const setProfile = (workM, breakM, id, name) => {
Elbert Cortez
@trip16661
Jul 11 2016 23:12 UTC
es6 arrow function
Greg Duncan
@GregatGit
Jul 11 2016 23:12 UTC
@trip16661 thanks
CamperBot
@camperbot
Jul 11 2016 23:12 UTC
gregatgit sends brownie points to @trip16661 :sparkles: :thumbsup: :sparkles:
:cookie: 387 | @trip16661 |http://www.freecodecamp.com/trip16661
Elbert Cortez
@trip16661
Jul 11 2016 23:13 UTC
I'm trying to evolve myself and work based on es6 on every project
@GregatGit nah thanks to you for taking your time to review my code :)
CamperBot
@camperbot
Jul 11 2016 23:13 UTC
trip16661 sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:cookie: 675 | @gregatgit |http://www.freecodecamp.com/gregatgit
Greg Duncan
@GregatGit
Jul 11 2016 23:14 UTC
@trip16661 Yes, I can see that - I'm going have to do the same. It looks really clean
Elbert Cortez
@trip16661
Jul 11 2016 23:15 UTC
ye it does feel a bit clean but it's better to skip it if you need to work with "this" as it will give a different result
sometimes i forget that and i give myself headaches because of it
but overall i think it's cool to work with, I feel the fanciness running in my veins ahaha
Greg Duncan
@GregatGit
Jul 11 2016 23:22 UTC
@trip16661 it is definitely the way to go. I've just looked at some online examples and need to upgrade my code.
Wendy Medeiros
@wendyr21
Jul 11 2016 23:48 UTC
whats the best way to keep track of font size changing when you go to mobile sites. I find that my font looks too small on mobile devices
also can anyone give me hints on my wikipedia page .. maybe hints on what i can do to make it better or if my js is not efficient http://wendymedeiros.com/portfolio/wikipedia-viewer/
Omar Adzagic
@1ucid
Jul 11 2016 23:57 UTC
hi guys
Aaron Taylor
@aarontaylor
Jul 11 2016 23:58 UTC
Heyas
Omar Adzagic
@1ucid
Jul 11 2016 23:59 UTC
anyone know hot o open full size image from clicking on thumbnail