but if someone visits with http, then it doesn't work
so you have choices, but chrome is limiting those choices for security reasons
@tuliodnw what is
arr = [, , , , , , , , , ];
@jdtdesigns is right about everything said over the last 5 mins
@GregatGit to check the if tie i was using arr.indexOf(undefined)!==-1, but if i start the game with arr[0], the array wont find undefined and will tie the game
thanks @jdtdesigns
ericbezanson sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 446 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@GregatGit so thats for that
:D
@jdtdesigns Is there a way to do a check:
if (http){
redirect to https://codepen.io/...
}
@tuliodnw it looks terrible - what about
if (arr.length > 0) then check
@GregatGit much better, didnt think of that one
@tuliodnw and why are you calling it arr? Give it a meaningful name usedPositions or something that makes it clear
@GregatGit yeah i normally do that, but because its the only array , i didnt do it, fixing it
@tuliodnw to empty an arr you can go arr.length = 0;
is arr=[]; bad? i do that allways
@GregatGit
@GregatGit I think that is ok, too
@tuliodnw
arr.indexOf(undefined) ?? your passing undefined as a parameter?
@GregatGit its to check if the button is taken if i click it again
@Nachlawi The problem is codepen loads the code in an iframe, so it's like a seperate page. You can't redirect the actual codepen url because of that. ;/
Still trying to figure out how to make my for loop loop through my array one after the other and not at the same time in my simon game
@clevadani they can't go at the same time - js can only run one thing at time - it might feel at the same time cause it is so quick
@clevadani Were you having a delay?
A little mystery I'm trying to solve. On JS lines 17-22, I'm attempting to console.log() each point in the array after a 1 second delay. Instead, it's just returning undefined. Any thoughts on where I'm going wrong? http://codepen.io/micahbales/pen/MegRqm?editors=0010
Hi all! I encounter a strange problem when I use var audioPlayer=new Audio(); audioPlayer.play(); sometimes the brower console display "script.js:11 Uncaught (in promise) DOMException: The play() request was interrupted by a new load request."
Can some one help me?
@GregatGit no delay
How do you store an array of JSON objects and then access them one by one? I've used this SO advice, but I'm not sure how I can use localStorage.removeItem() to remove just one object in the array after it's been stringified and parsed
@GregatGit how do I delay it?
Can anyone help me with getting two divs side by side? http://codepen.io/cpalindat/pen/EyjeJZ
I can't get the logo and the game title side by side in this, im trying to use inline block?
I can't get the logo and the game title side by side in this, im trying to use inline block?
@clevadani When i looped through I used a setTimeout but made sure the delay kept increasing with each loop
@GregatGit ok. Lemme try it out
@micahbales
console.log(par); where is par defined?
@micahbales I see you have it working now
@ConnHurr which 2 divs
anyone want to partner up? I'm working on the return largest number in arrays algo
quick question
how can we call an external function inside a success json function?
can someone give me an easy example please?
soo something like this
```success: function(data) {
};```
i need to pass data into an external function sitting outside the json call
Could someone review my web portfolio? Thanks! https://codepen.io/LTSENG01/full/LZEgNB/
Any feedback is appreciated!
Hello guys i have a situation
how can i fit my picture
@Atalaa try using width=100% (play around with values) for the css of the image
@Atalaa yea same as what larry said. Also what are you trying to do with the picture center it?
i ts my first project i dont have to use css, only with bootstrap, i put an container-fluid class but doesnt fit
@Atalaa css i believe is the best option in this case
@Atalaa you might wanna look up bootstrap documentation...remember when you using col-xs- or whatever you need a row class above that
im not allowing to use css, on the solution Quency dont use css
@max77p yes i put class row now but doens work neither
check that out
@Atalaa remember to go in order, you forgot the header tags as well..get used to creating it as if you were creating from scratch on notepad or something..otherwise when you have to create from scratch in work environment you will forget the easy stuff
hope that helps, play around with it and see what works for you
Hi, I'm Max. I'm new to Free Code Camp. I'm working on the Tribute Page and am having a little bit of trouble. Someone willing to help?
And/or show me their tribute page?
@max77p oh shout, i forget header sorry
@Atalaa but looks like there is still the problem
it centered the image for me
i had to hit run though
not sure for you
@Atalaa you may want to check on your image make sure it is not spilling out of its containing div
here i forked it
@max77p i used jumbotron instead of header
oh i get it
@max77p thank u
atalaa sends brownie points to @max77p :sparkles: :thumbsup: :sparkles:
:cookie: 338 | @max77p |http://www.freecodecamp.com/max77p
can someone help me with the tribute page?
I don't know how to make the bullet points align, they look messy
Also the quote and some sentences below should be aligned to the left.. don't know how to do it
I used Bootstrap to align the ul. Place it into a div with a class of row, then a second div with the class of "col-md-6 col-md-offset-3". This centered the ul for me. Hope that helps.
The second div is nested inside of the div with the class of row.
You could make a separate div with class of row for the quote, nested inside another div with the class ="col-md-6 col-md-offset-3", then use text-align:left; in your CSS.
If you want a navigation bar on a site to stay where it is on the screen regardless of wherever you are on the page, is that simply accomplished by setting the navigation bar's position to fixed/
?
If you're using Bootstrap, here is an example of a sticky Navbar: https://getbootstrap.com/examples/navbar-fixed-top/
hello hello hello
can anybody help me with the geolocation stuff? working on the weather API, but apparently I can't do geolocation in codepen cuz it's not HTTPS?
sound familiar?
what's extra weird is i could swore it worked earlier today. now i'm gettin that console message says it's depreciated
@maxgrok I get it now, Thanks!
owenkosnen sends brownie points to @maxgrok :sparkles: :thumbsup: :sparkles:
:cookie: 2 | @maxgrok |http://www.freecodecamp.com/maxgrok
@jhadams82 yep. it sounds familiar to me. try make all the calls https including https://codepen.io . Here is my pen for weather app: https://s.codepen.io/sorinr/debug/xOGdYz
nice! thanks @sorinr quick fix
jhadams82 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 321 | @sorinr |http://www.freecodecamp.com/sorinr
i must've been using https earlier today and not realized =)
@jhadams82 unfortunately, if you are going to use http://openweathermap.org/ you cannot do it over https. I've quickly put a php file on my server and make the call to this file. you are free t use my "api" but you can pass only lat and lon as parameters
actually, i decided to go with weather underground
@jhadams82 i saw they have a 10 calls per minute limit for the free plan. i would recommend to save the returning json to your app until fully designed and tested and make real calls after
hm.. yeah. i wonder what happens after 10 per minute?
i never gave them any credit card info or anything. surely they just deny the request
@jhadams82 you are limited to 500 calls per day but no more then 10/minute. that's why i would grab the json from my first call and add it to a variable in my js part. then test and test and design and when everything is ready i just start making calls to that api
@jhadams82 also, check the api if its working on https
yeah, i get what you're saying. but i'm using codepen. guess i could work on it offline then copy/paste into codepen when i'm done. but that kinda defeats the purpose of codepen.
10/minute is a call ever 6 seconds. that should be plenty, right?
yeah, it's working now that i'm using https
you've got me all worried now, lol
Hello boys, i dont understand why my picture is not center. And why my caption background doesnt fit my picture size please
https://codepen.io/Atalaa/pen/zBGXVo?editors=1100
https://codepen.io/Atalaa/pen/zBGXVo?editors=1100
My bad i just refresh and everythongs was ok
@Atalaa add this class to your img: full-width then in the css make it width:100%
i think its ok i just refresh
@Atalaa you probably saw my changes. but you have to do it yourself
@sorinr i didnt use your changes, i kept my code but i refresh and everythings come back to the normal, maybe somtetimes i need to refresh mores because it works in this specific case
oh wow, yeah, i'm gonna hit my limit on API calls, i bet. every time i type anything it runs... hmm....
@jhadams82 told u. grab the json from the last call and put it in a variable. then use that var for the testing
ok, i see what you mean, now. yeah, i'm gonna have to just save one of the responses in a variable. thanks @sorinr
:warning: jhadams82 already gave sorinr points
jhadams82 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
i was afraid you meant completely offline, but i get it now
Thank Sorin
@jhadams82 yep. but delete the link to the api for the moment.
gotcha
Can someone give me an idea on how I could get this dang search bar to be used more than once? After the initial search, I can't use it again until I reload the page. I'm not finding anything, anywhere. I've tried to .remove but it just gets rid of the div's, nothing else.
http://codepen.io/waynebunch/pen/QEbaNJ
http://codepen.io/waynebunch/pen/QEbaNJ
btw it does show the results in console.log, it's just not showing in the html
@waynebunch get that function out of the doc ready
@waynebunch , couldn't seem to find a f**kbutton either, did you rename in your html and not update the JS?
haha..whoops meant to delete that
@sorinr If I move it outside it doesn't work.
This message was deleted
This message was deleted
@waynebunch simply invoke a function on go where in you make an ajax call to api and replace the content in your html
@waynebunch getInput function put it out of doc ready
Hello, I'm having trouble with my Navbar D: http://codepen.io/Bungou/pen/dXoJxm?editors=1100 when I remove
the navbar loses its other css properties...why is that?
.nav {
color: white;the navbar loses its other css properties...why is that?
- the color: white; doesn't even do anything. I'm lost X_X
@sorinr I tried that, but then the whole thing doesn't work. I'm assuming it's because my
input var is out of scope
@rahildar - so you're saying I should just run my code in the
success function?
@waynebunch i think the problem is with the event listner
<body>
<div class="container-fluid" id ="backgroundImage">
<div class="introduction">
<h1>Hi, my name is Sanchit.</h1>
</div>
</div>
</body>#backgroundImage{
background-image: url(https://images.unsplash.com/photo-1454897834822-1ece264a5d89?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=3a5615c0bc77123ece2a2663e2640341);
background-position:bottom;
background-size:cover;
background-repeat: no-repeat;
height:800px;
position:relative;
}
.introduction{
position:absolute;
top:50%;
left:25%;
font-family: Raleway, sans-serif;
color:white;
}
@rahildar ah..I should find another way to get my input
For that code, why isn't my introduction recognizing the backgroundImage div as it's parent?
whenever i try positioning the introduction div, it moves it relative to the body, not relative to the backgroundImage div.
@waynebunch why do you need doc ready? i would add an onclick="getInput" to the button and an onkeyup="myFunction()" to the input
@sorinr good question, just thought it was necessary
@sorinr but I see where you're going with this..thank you
@waynebunch welcome
@sanchit13 because introduction is positioned absolute
@UtkarshShukla7 it should still be relative to the parent, shouldn't it?
@waynebunch i see now's working
@sanchit13 no introduction shoulg have position:relative
@sorinr the initial search still works. But if I change input and search again nothing happens. I'm still trying to think what the
myFunction() would be doing on keyup
@sanchit13 position : absolute should place it relative to body and not backgroundImage
@UtkarshShukla7 Do I need position:relative in the backgroundImage div?
@waynebunch the problem its here $('#searchFor').keypress(function(e). told you. my Function() its just a generic name. change it to your name
@sanchit13 yes and introduction position :relative
also try this if doesn't works backgroundImage positioned absolute and introduction position relative
also try this if doesn't works backgroundImage positioned absolute and introduction position relative
@sanchit13 I have to go now sorry
hello evry 1 i m new i just started learning code and i stuck
@waynebunch why not calling onkeyup your getInput function?
@waynebunch i got it ..
@waynebunch http://codepen.io/rahildar/pen/JKYEOV
the new html will now get appended just little modification to get the old one replaced
hope it helps
@waynebunch and get rid off all other stuff that's preventing the behavior you want. I could fork your pen to show you how but i consider it would not help you for learning
@rahildar good one! thanks
:cookie: 173 | @rahildar |http://www.freecodecamp.com/rahildar
waynebunch sends brownie points to @rahildar :sparkles: :thumbsup: :sparkles:
@sorinr I like the onkeyup=getInput idea. It stalls after I enter the first two letters though
@waynebunch clear previous html .. $('.wikiInfo').html("");
@waynebunch that's because you are overriding events. onkeyup will work as a live search
@waynebunch instead of having a key press event you can simply add event on submit button and depending upon the input in input box you can get the result so no need of key press event ..
@rahildar works perfectly, thanks!
waynebunch sends brownie points to @rahildar :sparkles: :thumbsup: :sparkles:
:warning: waynebunch already gave rahildar points
@sorinr I like this keypress idea so I commented out all the extra non needed. It still freezes up while doing the live search. http://codepen.io/waynebunch/pen/QEbaNJ
This message was deleted
@waynebunch onkeyup you should clear first previous search results and after that append the new search results
@sorinr @rahildar thanks for all your help, I see what I need to do, more or less. I need some sleep maybe it will come to me haha
waynebunch sends brownie points to @sorinr and @rahildar :sparkles: :thumbsup: :sparkles:
:warning: waynebunch already gave rahildar points
:cookie: 322 | @sorinr |http://www.freecodecamp.com/sorinr
http://codepen.io/letwitch/pen/VjvPQw?editors=1100
Because the img has flex-shrink: 0; on it, when the browser width gets smaller, the text on the right gets pushed out of it's container. Any way to fix?
@notalkingplz , You can use media queries with max-width . I see, you did it with min-width. Instead of using flex display you can use inline-block too. I don't see why inline-block won't work...
@shusil123 The container has a min-width: 0; so that text-overflow works. The text needs to be a block element for text-overflow to work
@notalkingplz , you need to reconstruct your code to work as intended. Give display flex to the main container, which has 3 elements , image and two text blocks. Then, using media queries you can make them responsive or use, flex-wrap: wrap; ....
just "finished" the weather api project. it seems to work as intended, but boy is the code ugly. https://codepen.io/jhadams82/full/YWXbMb/
i had to go in and adjust the css positioning of the inner divs by the pixel just to get them to line up right. it was crazy, but whatever. there must be something I don't understand about positioning
what do yall think?
@jhadams82 small problems here
@jhadams82 , It's cool and the functionality is perfect. But the text "Partly cloudy" (in my location) still jumps out of the box and the box is also not aligned in line...
Otherwise, cool work...
Checked it in firefox @jhadams82
Yes, exactly like the screenshot above
@jhadams82 try to align inner holder divs to accommodate same height . use a div class row and then divs class col for your divs holding class inner holder
does IE 11 support getElementsByName??
hello
how do i get example text below border line
hi Campers! My code for the Sum All Odd Fibonacci Numbers algorithm challenge is crashing my browsers, and I can't figure out why! Can anyone tell me what is going on?
Thanks in advance for the assist
@chetanmahore , Example text is below the border line, In firefox... And you are editing it.
I can see the refresh
Just finished my portfolio
Look at it here
*at it here
@scucow , maybe currentNum is reset to 1 after each loop. Use for loop instead..
@oiclid , Very nice positioning . Looks cool. Maybe , add smoothscroll to different sections when clicking to nav. And the background image of landing page isn't that satisfying. Try some dark images with white text. Only my opinions, though.
Cool work...
ok
@shusil123 ok. Thanks. I'll try that and see what if it looks better
oiclid sends brownie points to @shusil123 :sparkles: :thumbsup: :sparkles:
:cookie: 352 | @shusil123 |http://www.freecodecamp.com/shusil123
Hi all. How to create or get API for random quote generator?
@rabibsust you can read it in link: http://quotesondesign.com/api-v4-0/
guys need help
I guess there is some problem with float
property
I need the buttons(4,5,6) to use the space left out by the equals button'
@ottomahn , do not use float , Use display: flex; instead. But first read the documentation about flex display. And if you want to use float, you have to give specific class to those buttons and set their width accordingly...
@shusil123 ok lemme check .... thanks anyways:)
ottomahn sends brownie points to @shusil123 :sparkles: :thumbsup: :sparkles:
:cookie: 354 | @shusil123 |http://www.freecodecamp.com/shusil123
@shusil123 thanks, I'll try that! (As soon as I can find a way to get the challenge to load without pre-loading the code that automatically crashes the browser :/ )
scucow sends brownie points to @shusil123 :sparkles: :thumbsup: :sparkles:
:cookie: 355 | @shusil123 |http://www.freecodecamp.com/shusil123
thanks @kirbyedy
scucow sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1070 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Hey, can anyone tell me why my Facebook link is broken?
@sentedelviento what line in the js is ment to fire when you click the button?
@sentedelviento this isn't 100% but is close
<a href="https://www.facebook.com/sharer/sharer.php?u=http://codepen.io/sentedelviento/full/wGjzZx/" target="_blank">
<button class="btn fa fa-facebook" >
</button>
</a>
I think you should have the button wrapped in the a href="facebookstuff"
@sentedelviento I would make my <a> tag class "btn fa fa-facebook" href="blabla bla" . no need for button tag. or if you want to keep button tag add an onclick="posttofb()" to your tag and in js create a function posttofb() to do whatever want
Hi everyone, quick question. Is anyone using a css framework with react. I'm finding the configuration tricky for bootstrap (webpack,react, bootstrap4)
Does anyone know how to get scrollspy to work right?
Thanks @sorinr
sentedelviento sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 324 | @sorinr |http://www.freecodecamp.com/sorinr
I sort of fixed it, but now I have two twitter buttons
@sentedelviento ok. here is an explanation: for a button you have to trigger an onclick event. for an a tag you can use the href="" for a quick redirect. no need to use them both nested. you can style any of them quickly by adding the class you want to have them look the same
@sentedelviento to this:<a class="btn fa fa-twitter twitter-share-button"</a> add an href="" attribute
have a problem with my tribute page, when input my css color code it doesn't change on the preview page
I did that, I got rid of all buttons
I still have two twitter buttons on my page, lol
@sentedelviento no you don't. you have fb tw and get new cote btn. just give a run tour pen
@Soulseekers Got some code I can look at?
need help: why am i getting a scroll bar when I reduce screen width
http://codepen.io/purnendu/pen/YWXBBM?editors=1000
http://codepen.io/purnendu/pen/YWXBBM?editors=1000
please help
<p data-height="265" data-theme-id="0" data-slug-hash="xOwLeg" data-default-tab="css" data-user="AlPoole" data-embed-version="2" class="codepen">See the Pen <a href="https://codepen.io/AlPoole/pen/xOwLeg/">xOwLeg</a> by Algie Poole (<a href="http://codepen.io/AlPoole">@AlPoole</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="//assets.codepen.io/assets/embed/ei.js"></script>
need help: why does my div layout change size ?
clicking = buttons results in arbitrary shrinking (Ac resets it)
(currently no other functions here, just set up the layout)
thanks!
@Doomflake this what I have so far
@mneuschaefer : it isn't changing size for me
@Soulseekers html should not be on the css section
but if i put it in the html side it doesn't change
@Doomflake
@Soulseekers that is because there werent anything inside the that h2 with style
oh lol, yep
thanks @wearenotgroot
soulseekers sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star2: 1100 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
@Soulseekers :+1:
@purnendutiwari and when you click the equal / "=" button and then AC ? size change happens under the results box on top.
Hey! I've got some issues with images not showing up in the contact-section of my portfolio website. Anyone knows why this happens?
It actually works fine in my local environment
@Greenheart , are you referencing a URL in your pen?
I'm developing the website locally and publishing it through github pages
@skilescm So I'm referencing 'images/<image-name>'
@Greenheart I'd run dev tools on the page and inspect the image and see if it gives a reference error
@skilescm It seems like the images show up correctly in devtools
@mneuschaefer : got it, it is to accommodate the text appearing in result field
But somehow they don't show in view
@mneuschaefer :try giving width and height of result field explicitly
may be it will fix the issue
http://codepen.io/efeselgr/full/jrbLYd/
Hi i want my well width to be smaller,but when i do,they stay on the left side of the grid,how do i set their width to 50% but also make them stay in the middle of the grid,not on the side.
Hi i want my well width to be smaller,but when i do,they stay on the left side of the grid,how do i set their width to 50% but also make them stay in the middle of the grid,not on the side.
margin: 0 auto;
Hey guys! quick question what does this code imply:
(function($, undefined) {
;; // <-----
........so on
Hi. Does anyone else have
Does anyone else have problems when trying to get json on CodePen ?
It doesn't seem to work for me
@korn3l I haven't had a problem with it. If you share your link, we can all check it out.
@korn3l Are you having trouble getting the lat and lon?
@kirbyedy thanks
efeselgr sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1074 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
@korn3l This is a common problem. I suggest getting the lat and lon from http://ip-api.com/ you can send a request to http://ip-api.com/json/?fields=lat,lon
@Belax8 I am having trouble getting the JSON from openweathermap. I updated the pen
hi
:)
@cyb3rsalih hi
here my portfolio page any suggest ?
@korn3l I copied your
requestString url and pasted it in the browser and i got this error Invalid API key. Maybe double check that your API Key is correct
@purnendutiwari will try, thanks!
mneuschaefer sends brownie points to @purnendutiwari :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @purnendutiwari |http://www.freecodecamp.com/purnendutiwari
@Belax8 In the console the requestString is http://api.openweathermap.org/data/2.5/weather?lat=44.4818832&lon=26.1093504&APPID=e0cccc7f784956ebf38e1f92b8f97bdc
And it works for me
It isn't working for you ?
@korn3l Nope. I just clicked on the link you shared and I got this
{"cod":401, "message": "Invalid API key. Please see http://openweathermap.org/faq#error401 for more info."}
what do you see when you click on the link?
{"coord":{"lon":26.1,"lat":44.48},"weather":[{"id":800,"main":"Clear","description":"clear sky","icon":"01d"}],"base":"cmc stations","main":{"temp":293.17,"pressure":1021,"humidity":45,"temp_min":290.93,"temp_max":295.37},"wind":{"speed":1},"clouds":{"all":0},"dt":1465304206,"sys":{"type":1,"id":5986,"message":0.0097,"country":"RO","sunrise":1465266679,"sunset":1465322296},"id":676241,"name":"Herăstrău","cod":200}
I really need some help. There are huge problems with this that I can't figure out. I've done so much googling!
Nothing is aligned/floated center, the fonts won't change, divs aren't being color blocks centered on a grey background... There's a substantial amount of code that should be making this different!
@purnendutiwari unfortunately explicit height and width for .results and #result did not fix it http://codepen.io/markusn/pen/vKNZyB
@korn3l I'm not sure why I'm getting that error. Sorry that I couldn't be more help.
@mneuschaefer :worried:
Can someone look at my codepen?
@saebrabaebra what exactly are you trying to center? the text or the whole div?
@Belax8 the whole div
and the text within it
@saebrabaebra to link a CSS it's better to add it from the settings top left of the CSS pane. Second thing is to not use <head> <body> tags.
@korn3l ok, thanks. Why are those tags bad?
saebrabaebra sends brownie points to @korn3l :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @korn3l |http://www.freecodecamp.com/korn3l
@purnendutiwari pressing the equal button still makes is smaller for some reason. I invented the shrinking calculator
@saebrabaebra if you add
margin: 0 auto; to your body tag in CSS, it will make all the divs align in the center
@saebrabaebra codePen puts them for you. And you are missing a </div> after </form>
@Belax8 thanks!
saebrabaebra sends brownie points to @belax8 :sparkles: :thumbsup: :sparkles:
:cookie: 391 | @belax8 |http://www.freecodecamp.com/belax8
@korn3l Ok, so I can just go into settings and change it and then take it out of the html?
yes. And dont put <style> tags in the CSS
Hey guys! So i'm working on the random quote generator and running into 2 problems: 1) How do you dynamically change the data-text attribute of the twitter button so that it holds the current quote?
2) I tried using the jQuery .fadeIn function to make each quote fade in after the button is pressed but it doesn't work
Any help/advice is greatly appreciated! Thanks :smile:
http://codepen.io/mcorby17/pen/JKdoMN/
Hi guys, how can I change navbar color ?
like this
this is mine http://codepen.io/cyb3rsalih/pen/wWKrgb
@mcorby17 you can make a twitter url in your JS like:
const twitterUrl = "http://twitter.com/home/?status=" + quotes.jsonData.quoteText + "via @" + quotes.jsonData.quoteAuthor; and then used jQuery's .wrap() to wrap the url around an image or text
local live editor for web dev?
@Belax8 Ok i'll try that... Will that put the quote directly in the tweet though or just set a link to it?
@mcorby17 I think it would put the quote in the tweet
@mcorby17 I used the text parameter : https://twitter.com/intent/tweet?text=' your quote here'.
http://codepen.io/efeselgr/full/jrbLYd/
Hi,i want my font-awesome icons on the bottom to stay in the middle of their container blocks,margin:0 auto; does not work for them.
@cyb3rsalih You are setting the data-target to "#bs-example-navbar-collapse-1" but you have no element with that id
@cyb3rsalih add this to your css file
.navbar {background: red!important;} and then change red to the color that you want
https://gitter.im/FreeCodeCamp/FreeCodeCamp
I want make all buttons appear in single row alongside each other when I click the toggle button in small screen
I want make all buttons appear in single row alongside each other when I click the toggle button in small screen
????
Hi, I need small hint... What is the best way to make page look like in the example link (twitch app challenge)? Do I need to use tables? https://i.gyazo.com/6c69e9b87e86571b771335cca1be3e71.png
@g1st There are probably other ways to do it, but I think a table is the most straight forward. That is how I did it
ok, I just heard a lot of stories about not to use tables when you can.
@korn3l @Belax8 Ok so I think i'm doing the wrap function wrong... could you guys take a look at it? Btw you have to click to switch to a quote first before it'll work but i'll fix that bug after I get the tweet box having the right text in it http://codepen.io/mcorby17/pen/JKdoMN/?editors=1010
@korn3l @Belax8 wait hold on sorry forgot to save
I tried commenting out the twitter api javascript and the just breaks it...
I saw both, but what are people's opinion about using an API to generate the quotes vs just using an array? about to start the random quote project
hey guys. i'm currently working on the tic tac toe game, but i think i'm doing it wrong. i wrote a function for the first move, which is full of if/else statemetns, and i feel like continuing this route (writing functions for third, fourth, and fifth moves) will be an endless mess of if/else statements.
am i doing this completely wrong? should be tackling this problem differently?
@ctataru I'd recommend trying to use switch statements
@mcorby17 I'm not sure why it wont work. I built my url differently.
@Jbelly19 When I first build mine. I used an array, but later I switched to and API because I felt that was more of a challenge.
hello, how can i have two boxes along side each other in bootstrap
@Belax8 I think I just need to set it to open a new tab
@chetanmahore put each in a div with a class of
col-md-6
@mcorby17 ah great idea! do you think breaking the game down into different functions for each move (first move, second move, third move, etc) is a bad idea?
@ctataru yeah I think that would get annoying for you to code after a while. I haven't done this challenge yet but I think if you had some universal function that you could just call for each move, that would work a bit better
@ctataru Doing something like that would have clunky code.
Idk what you're doing, but any game that does that has to have clunky code.
@Belax8 Yeah opening in another tab keeps it from crashing but it still doesn't put my quote in the tweet box :|
hmmmm
What are you doing?
the tic tac toe game
Oh, I just randomly placed Xs and Os as long as the space wasn't filled.
Have you googled tic-tac-toe strategies, that might help?
yeah? i just figured it'd be fun to have a good "AI"
i haven't done much researching yet. i'm already pretty comfortable enough with strategies to code the game
at least i thought i so haha
:p There's gotta be a set way for a good strategy to guarantee winning.
yeah i know of one that's pretty good
have either of you guys done the random quote generator?
Yup
How did you get the twitter button to work?
??
@Belax8 thank you
chetanmahore sends brownie points to @belax8 :sparkles: :thumbsup: :sparkles:
:cookie: 392 | @belax8 |http://www.freecodecamp.com/belax8
Hold on lemme look at the bonfire
@mcorby17 yes. take a look here: http://codepen.io/sorinr/pen/VaJKrw
There's different requirements than when I did it.
here's my code : http://codepen.io/mcorby17/pen/JKdoMN/?editors=1011
Lemme look at their API
I'm working on the random quote generator. I used the Quotes on Design API. I can get one quote to generate. But when I press the button again, a new copy of the same quote appears right below the first quote:
Here's a page that might help
This message was deleted
Anyone have this experience before?
Ok I got it working! Thanks guys... turns out I just needed to use the .attr() jQuery function
@mcorby17 what was your issue? I'm working on random quote now, too.
@gerarddawson I couldn't figure out how to get the tweet link to hold the quote
I tried using .setAttribute but turns out jQuery needs .attr
@mcorby17 ah ok. i get confused between different methods in javascript and jquery.
@gerarddawson $(".jumbotron").append you append instead of replace html
@sorinr I've changed .append to .html, and that gets a quote to show up, without having subsequent quotes be appended to the bottom
@sorinr thank you
gerarddawson sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 325 | @sorinr |http://www.freecodecamp.com/sorinr
@sorinr now I just need to work on figuring out how to get a new quote every time instead of one with the same id
@gerarddawson get inspired from my code: http://codepen.io/sorinr/pen/VaJKrw
Is there any bootstrap pros out here?i need help with navbar.
@efeselgr not a pro but if you put the question maybe me or somebody else will give u an answer
@sorinr Ok, will do. Thanks and that's all for me for now. Lunch break's over
:warning: gerarddawson already gave sorinr points
gerarddawson sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
hello friends, do we have to need any file get downloaded to start bootstrap coding
http://codepen.io/efeselgr/full/vKNWNq/
here is my portfolio page in progress,i can't make navbar to collapse open in my mobile,is there something wrong with code?
@efeselgr you need to include jquery js before the bootstrap js in codepen
anyone there
@efeselgr add jquery library before your bootstrap.js as @jondcoleman already told u
hey all, I am working on Twitchtv project...what's the correct api to use? i took this one but it returns null 'https://api.twitch.tv/kraken/streams/freecodecamp?callback=?'
@jondcoleman @sorinr thanks,it works now,not sure why jquery was needed tho
efeselgr sends brownie points to @jondcoleman and @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 784 | @jondcoleman |http://www.freecodecamp.com/jondcoleman
:cookie: 326 | @sorinr |http://www.freecodecamp.com/sorinr
@efeselgr bootstrap js is dependent on jQuery
@jondcoleman alright
@jondcoleman Is there need to download any bootstrap file to start bootstrap coding
@Yagnatheja nope
@Yagnatheja are you using codepen?
no
then you either need to download it and include it in your project or you can use a link to the file from a cdn
@Yagnatheja link them
@jondcoleman In this site it is showing to download bootstrap, source code and sass, do we need to download all??
I can't seem to get the geolocation api working on the weather app project. Does anyone have any idea what I am doing wrong? http://codepen.io/evude/pen/OXyRNz
Also since i got you 2 one more question,i have font awesome icons on the bottom of my page as you can see from the link,how do i center them in their columns.
@Yagnatheja just look into this: http://www.w3schools.com/bootstrap/bootstrap_get_started.asp
explain geolocation
no wiki entry for:
geolocation
@jondcoleman Thank uu
yagnatheja sends brownie points to @jondcoleman :sparkles: :thumbsup: :sparkles:
:cookie: 785 | @jondcoleman |http://www.freecodecamp.com/jondcoleman
explain location
:point_right: challenge get geo location data [wiki]
Challenge Get Geo Location Data
Every browser has a built in navigator that can give us this information.
The navigator will get our user's current longitude and latitude.
You will see a prompt to allow or block this site from knowing your current location. The challenge can be completed either way, as long as the code is correct.
By selecting allow you will see the text on the output phone change to your latitude and longitude
Here's some code that does this:
```javascript
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
$("#data").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude); });
:pencil: read more about challenge get geo location data on the FCC Wiki
@evude looks like that method for getting location is deprecated when not using https
The codepen I just posted seems to be working perfectly fine in the chat, but doesn't work in the a separate window.
since codepen isn't https it won't work
There's a workaround though, I don't remember what it is
hang on
@jondcoleman I see. What am I supposed to be using instead?
@jondcoleman I was going off the example on the freecodecamp website.
@jondcoleman codepen is also https
@sorinr true, I guess you can open it in https
That works @evude
@jondcoleman https://codepen.io/sorinr/pen/xOGdYz
haha
@jondcoleman if you try it over http it will not work
@efeselgr use
text-align: center; on the columns
@jondcoleman @sorinr Thanks. It seems to work over https.
evude sends brownie points to @jondcoleman and @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 786 | @jondcoleman |http://www.freecodecamp.com/jondcoleman
:cookie: 327 | @sorinr |http://www.freecodecamp.com/sorinr
does anyone know how to extract "description" in "weather" from the following json ----->{"coord":{"lon":-84.39,"lat":33.75},"weather":[{"id":800,"main":"Clear","description":"clear sky","icon":"01d"}],"base":"stations","main":{"temp":27.97,"pressure":1010,"humidity":48,"temp_min":26.67,"temp_max":29},"visibility":16093,"wind":{"speed":2.6},"clouds":{"all":1},"dt":1465316031,"sys":{"type":1,"id":748,"message":0.0116,"country":"US","sunrise":1465295196,"sunset":1465346817},"id":4180439,"name":"Atlanta","cod":200}
@lalith77 take a look at the pens above
json.weather[0].description
hey all, I am working on Twitchtv project...what's the correct api to use? i took this one but it returns null 'https://api.twitch.tv/kraken/streams/freecodecamp?callback=?'
@lalith77 and then just change json to whatever your variable is
how can i get first three form inputs next to each other
i tried json.weather.description. it doesnt work. json.main.temp works somehow though
And the last message box covering whole three input space in bottom.
help :worried:
no wiki entry for:
worried
@dctor Failed to load resource: the server responded with a status of 400 (Bad Request). you are bad formatting your request
@lalith77 try json.weather[0].description
:cry:
@chase tried. didnt work :(
@lalith77 description = data['weather'][0]['description']; where data is your json response
@dctor that looks like the right api. I will double check
hi, guys need some help here Escape Sequences in Strings
in this challenge var myStr = \ \t"\" \t"\" \r"\" \n"\"; is not working for me. Instructions
Encode the following sequence, separated by spaces:
backslash tab tab carriage-return new-line and assign it to myStr
in this challenge var myStr = \ \t"\" \t"\" \r"\" \n"\"; is not working for me. Instructions
Encode the following sequence, separated by spaces:
backslash tab tab carriage-return new-line and assign it to myStr
@Belax8 thanks
dctor sends brownie points to @belax8 :sparkles: :thumbsup: :sparkles:
:cookie: 393 | @belax8 |http://www.freecodecamp.com/belax8
@dctor stream is null because nothing is being streamed right now on Free Code Camp try this channel
ESL_SC2 they are streaming 24/7
@Belax8 i see got it...thank you
@dctor anytime
Does this count as Build your own portfolio: http://codepen.io/efeselgr/full/vKNWNq/
@efeselgr if your not going to show it to anybody then sure
@efeselgr I think so! And then just keep adding to it as you finish challenges
@bscyrpt haha
@efeselgr , It's good as the first project. But, work more on color combinations... Good work
@Belax8 @bscyrpt @shusil123 thanks for all the criticism
efeselgr sends brownie points to @belax8 and @bscyrpt and @shusil123 :sparkles: :thumbsup: :sparkles:
:cookie: 359 | @shusil123 |http://www.freecodecamp.com/shusil123
:cookie: 277 | @bscyrpt |http://www.freecodecamp.com/bscyrpt
:cookie: 394 | @belax8 |http://www.freecodecamp.com/belax8
is it a bug? Encode the following sequence, separated by spaces:
backslash tab tab carriage-return new-line and assign it to myStr ? challenge
backslash tab tab carriage-return new-line and assign it to myStr ? challenge
@efeselgr criticism is the best part of a feedback. you learn what you did wrong and need to improve
hey guys. is my switch statement on line 67 (js) too long? it doesn't seem to recognize when the computer wins at tic-tac-toe, which are all the cases in the second half of the statement:
the second half (case lose) starts on line 92, for my first switch statement
i don't get any confirm messages when i lose, but i get them when i win. and the code is the same everywhere
Can someone help me with JSON?
@Nachlawi What do you need?
@KoniKodes So I'm trying to get the weather, but I can't seem to get the JSON:
https://codepen.io/Nachlawi/pen/Gqpjjv
I've tried adding in the console logs, but they output nothing.
https://codepen.io/Nachlawi/pen/Gqpjjv
I've tried adding in the console logs, but they output nothing.
@Nachlawi I'm in the same place right now. Would you like to pair up and see if we can help each other?
@Nachlawi $.getJSON("api.openweathermap.org here its ur problem. make it $.getJSON("http://api.openweathermap.org but your app will not work because you cannot use https://api.openweathermap.org call
Can someone help me out. Why doesn't my front end cert have my name on it? I just got it yesterday, so I'm assuming it takes some time for them to go through my projects. After they do that and approve it then my cert will have my my name on it?
is there any easier way for me to figure out if one of my blocks is empty? (other than "if block1 !== "X" or block1 !== "O")
the issue is that i can't just test if the div is empty, because there's a button inside of it that gets replaced by an X or O.
@KoniKodes if you need some inspiration just check my weather app pen here: https://codepen.io/sorinr/pen/xOGdYz
@sorinr Wow! That is beautiful. I see you've added some php with it. I'm still trying to understand how to parse the json.
@sorinr that is i think the third weather app i have seen here and the only one that worked
@KoniKodes you can use my php script for free but you have to pass only lat and lon
@sorinr Thank you. I'm using wunderground for the autoip, but having problems getting the info back.
konikodes sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 328 | @sorinr |http://www.freecodecamp.com/sorinr
@KoniKodes because of the https issues. thats why i have created that php file on my server
@sorinr Yes, that makes sense. I've seen mention for cross-security issue.
@KoniKodes you can use that php file for free but be gently because it can override my free limit on http://openweathermap.org/ :)
@sorinr I'd like to take a closer look but I'll be gentle. Thank you.
konikodes sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: konikodes already gave sorinr points
How do I move my buttons to the center? I can never figure out how to make .row work... http://codepen.io/mcorby17/pen/JKdoMN/?editors=1100
@KoniKodes feel free to test it. just make sure u make the calls as https://realistik-it.com and not http
@sorinr Yes, https... :-)
hi everyone
i am new to code champ
can anyone help me with this challenge
?
basically can someone guide me?
@mcorby17 - if you just change the div where you have the
class="row btns" to class="text-center", it seems to work.
I don't think that the
row class helps you with centering - it is for the grid....
@khaduch Ugh I always assume that only works for text... Thank you!!
mcorby17 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1278 | @khaduch |http://www.freecodecamp.com/khaduch
I cannot seem to understand why a background-image with a gradient in a 6 column <div> element is showing up in an element which contains a photo but not an empty 6 column <div> element. Also, why is the background image showing up in the same 6 column <div> element when I keep the image present but make it’s opacity = 0. This sound like the type of question anyone wants to help me troubleshoot?
@madddy123 you are free to make a page for everything you like or care about.
Hello, mates! Im just installed sass, and i have a guestion: how can i use simplified syntaxis (without brackets ect.)? btw im using Sublime 3
@scarigor u can use even notepad. just read the sass docs on scss or sass syntax
@sorinr ..Okay thanks
madddy123 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 329 | @sorinr |http://www.freecodecamp.com/sorinr
I @sorinr I was just expecting it to be the same as given below link
I cannot seem to understand why a background-image with a gradient in a 6 column <div> element is showing up in an element which contains a photo but not an empty 6 column <div> element. Also, why is the background image showing up in the same 6 column <div> element when I keep the image present but make it’s opacity = 0. This sound like the type of question anyone wants to help me troubleshoot?
should it look more related to this page
or doesn't matter?
@DanielMW34 Daniel can you give as a link to ur pen?
@madddy123 paste in also the link you are talking about :)
Hello everyone, I am having problems with my Chrome browser with the code below. I am not getting the small box asking me for permission to use my location in the Code Pen website in the Chrome browser but I am getting the permission box in the Free Code Camp website for the same code. I am getting the permission box for the Code Pen website in the safari browser. I don't understand why.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
$("#data").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude);
});
}
@sorinr Here is the link to my pen however, I had to re-design the page in order to make progress on this issue and will have to edit the code or walk you through the situation for it to make sense... http://codepen.io/Daniel_Widrich/pen/GZLGQX
@sorinr thank you
danielmw34 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 330 | @sorinr |http://www.freecodecamp.com/sorinr
@DanielMW34 add more info on your projects and a contact section
@sorinr The issue I am referring to is the div element containing my photo
I included a background-image with a gradient on that div and it "worked"
however, when I included the same background-image on the div section below it --currently empty and likely to remain as such-- it did not "work"
not sure why that would be so
I even included the same photo in the div element below and gave it an opacity of 0, wherein the background-image again appeared/worked
again, not sure why a background-image with a gradient would appear / not appear based on the content of the element, even if there is no contrasting information or styles between the content and the background-image
@DanielMW34 are u referring to the class .white2black?
(offtopic) weird feature with result 2 * 21 :-) http://codepen.io/markusn/pen/vKNZyB?editors=0011
this is fun
this is fun
@mneuschaefer if (currentMath === ["42"]) return "thx for the fish!"; ????????????
ah yes this got in somehow
@DanielMW34 i think the issue your having is that your div element needs to have size attributes to it. If you set a background but nothing in the div it is shrink wrapped and will have a size of 0 thus showing nothing. Show you can set width/height attributes or make sure content is inside the div.
Hey, campers! I have a question about the Local Weather project - the user story says to show weather at your location but ip based look can be far off. Is this OK since google chrome needs a secure origin for navigator.location so I just used ip address?
@GJSmith3rd take a look here: https://codepen.io/sorinr/pen/xOGdYz
ok
@GJSmith3rd you should run it on https not http
how can I tweet out a random quote
@sorinr the images in the background are too big and take too long to load btw
thanks @sorinr - thats pretty accurate. ok your using google maps api. can you use that without a dev key? i don't want to look to closely at the code.
gjsmith3rd sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 331 | @sorinr |http://www.freecodecamp.com/sorinr
@tuliodnw btw what connection do u have?
like @sorinr 5mb, but some people are on youtube
@GJSmith3rd you can use the weather.php call for free but you have to make the call over https and pass lat and lon as parameters
@tuliodnw u are on mobile?
laptop wifi @sorinr
@tuliodnw sorry but i realy cannot optimize my pens for every speed. i try to optimize them for web or mobile but not for speed. I will take care in the future also about this aspect
@sorinr np, it was just a comment
thanks again - my problem is that in my dev environment I use chrome on a local ip instead of local host so i can access it from another pc and display. I get an error about origin with IP 10.0.0.57:3039. I'm going to see what i do to get localhost:3039 working by changing hosts temporarily - thanks again. @sorinr
gjsmith3rd sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: gjsmith3rd already gave sorinr points
@GJSmith3rd Gilbert feel free to use that weather.php link but be gently. I don't want to exeed my free api calls quota. For example you can grab one of the json responses add it to a var and test your app from that var first and afterwards change the calls to the weather.php. Hope it makes sense what I try to say
people im having problems with the css, i want the tic tac toe to be in very center of the screen, i have done this before, but no working now, help wanted, thanks
Could anyone help me out one on one with my portfolio?
Hello Peeps! how can I make my <h1> move side to side? http://codepen.io/Ferdyboy81/pen/XKmpZy?editors=1000
@Ferdyboy81 witch side? left or right?
@Ferdyboy81 Do you want it to always be moving or just reposition it to one side?
@ocarno5 @sorinr just bouncing from left and right
I used Marquee but sometimes it doesn't work
@Ferdyboy81 you can add animation bounce classs
@sorinr will you show me how please
add animate.js to your pen
@sorinr ok just did
This message was deleted
@tuliodnw have you tried adding "margin: auto;" to the main id?
@Ferdyboy81 then look here and choose what u want: https://daneden.github.io/animate.css/
Hi guys. Can anyone tell me what's the use for adding a type to a button ? For example:
<form action="/www.xyz.com">
<input type="text>
<button type="Submit>Submit</button>
</form>I mean, if I nest the button in the form element, HTML should identify that clicking the button will send the data to the server. What then, is the use of a type for a button?
@swastikmohapatra7 it should be <button type="submit">Submit</button> and it triggers automatically your form submission unless u override it
ya, i forgot to add a quotation, and i didn't get you there. What do you mean by autmoatically triggers a form submission?
automatically
@swastikmohapatra7 a button can be given a "reset" type which is used to reset inputted data in a form too not just submit it so you have to state which you want it to do
ah i see. Thanks a lot ! :)
@ocarno5 thanks !
swastikmohapatra7 sends brownie points to @ocarno5 :sparkles: :thumbsup: :sparkles:
:cookie: 41 | @ocarno5 |http://www.freecodecamp.com/ocarno5
hey all in this simple doc, why the text is centered but not the "dot" of the <li>?
http://codepen.io/dctor/pen/WxQXQo
http://codepen.io/dctor/pen/WxQXQo
Because the li is 100% width
You're welcome for that useless answer :D
here's a better one: http://jsfiddle.net/8mHeh/1/
@twozero6 it looks like the ul made it that way
@dctor yeah but you'll want to use CSS to fix it, li should be inside of ul or ol as far as I know
In order to validate as least
@dctor you need to adjust your <ul> padding in your CSS
@dctor you should have:
<ul>
<li>hello</li>
</ul>
@sorinr @bscyrpt sorry for not replying. I am at my office and had some other tasks to perform. Yes, I am referring to .black2white however, the way it is written now does not really explain the problem. I will work up some code sections and copy/paste them into a DM for you both and hopefully we can shine some light on the issue. Thank you.
danielmw34 sends brownie points to @sorinr and @bscyrpt :sparkles: :thumbsup: :sparkles:
:cookie: 332 | @sorinr |http://www.freecodecamp.com/sorinr
:cookie: 280 | @bscyrpt |http://www.freecodecamp.com/bscyrpt
Hello all! I am working on my random quote machine. It works, but I would like to hook it up through an API to get quotes from an external source (my current quotes are in a JSON array).
Can any of you recommend a good starting point for me to begin researching how to set up a simple API connection for my quote machine?
@twozero6 @Ferdyboy81 ok i'll try thanks
dctor sends brownie points to @twozero6 and @ferdyboy81 :sparkles: :thumbsup: :sparkles:
:cookie: 141 | @ferdyboy81 |http://www.freecodecamp.com/ferdyboy81
:cookie: 307 | @twozero6 |http://www.freecodecamp.com/twozero6
@akrupicka I used http://api.forismatic.com/api/1.0/?method=getQuote&key=457653&format=jsonp&lang=en&jsonp=? for mine
Thank you, Chase, I will look into that! It looks simple enough.
Ya, it's super basic but it has everything you need
@Belax8 Thank you!
akrupicka sends brownie points to @belax8 :sparkles: :thumbsup: :sparkles:
:cookie: 395 | @belax8 |http://www.freecodecamp.com/belax8
hey guys
Am I required to submit with CodePen? I’d find it easier to use a local dev environment and deploy to firebase
Hi could someone help me with my Simon game, im trying to implement the flashing buttons using a delayed add/removeclass but the setTimeout function isnt working as intended: http://codepen.io/NewtonXu/pen/xOwpPZ
@smiller171
From FreeCodeCamp's FAQ section: As long as your code is publicly viewable, and you have a live demo, you can use whatever you want.
From FreeCodeCamp's FAQ section: As long as your code is publicly viewable, and you have a live demo, you can use whatever you want.
thanks @akrupicka
smiller171 sends brownie points to @akrupicka :sparkles: :thumbsup: :sparkles:
:cookie: 275 | @akrupicka |http://www.freecodecamp.com/akrupicka
can someone check the tic tac toe, play some games, tell me if they work and no bugs?
will add hard mode after the css
http://codepen.io/tuliodnw/pen/OXVYvL?editors=1100
will add hard mode after the css
http://codepen.io/tuliodnw/pen/OXVYvL?editors=1100
@tuliodnw Looks good! Great work!
@tuliodnw Nice work! But the computer's a bit stupid XD
@Nachlawi ai is random, will add hard mode after the css
@tuliodnw Yeah, But it seems to all work well. Good job. How did you do the weather app out of interest?
@Nachlawi you want to see it, or you have questions?
@tuliodnw i've plaied it couple of times. you should improve the "computer playing logic"
@tuliodnw I found yours from your portfolio. I'm just looking through your code to see how you did it :D
@Nachlawi ok, no problem, im not happy with the switch i used to change the background , if i start it again i would change that part.
@sorinr there is no ai now, is totally random, thats gonna change after im done with the css
Hello, I'm still struggling with the Twitch API project. I cannot for the life of me figure out how to pass a result from my .getJSON success handler to anywhere else.
If someone could take a look, I'd appreciate it
I tried a construction like
var strObj = $.getJSON("https://api.twitch.tv/kraken/streams/" + twitchUserArr[i].toLowerCase(), function(data) {
...ending in "return data;" but it didn't return the retrieved object, it returned a bunch of AJAX stuff I don't understand yet
@punchymango twitchUserArr[i].toLowerCase() the lowercase is not needed btw, im watching it, whats the problem? you dont know how to grab the things from the json?
@punchymango Check out the link on the project page about how to construct the API call : https://github.com/FreeCodeCamp/FreeCodeCamp/wiki/Front-End-Project-Use-Twitchtv-JSON-API. You're missing the
?callback= part which goes between the API and the function.
Well, the thing is, it didn't actually seem to matter whether I added the ?callback=? or not. The data is getting there, I've checked with console.log. I just can't figure out how to use it to change anything outside of the handler function
@punchymango what is uname? i cant find it
@punchymango found it
I tried putting the
$("#list").append("<a href = '" + address + "'><div class = 'pod'><h3>" + uName + "</h3><br /><p>" + content + "</p></div></a>");method inside the callback function also, but weird things happen when I do, it sets uName to the name of the last person in the array for every offline streamer
@tuliodnw the above, having the handler function make all the changes to my HTML, is how I'm used to doing these
am I going about this completely backwards?
@punchymango closed account will give error code 422. so to determine if the account is closed you need to detect that error
@punchymango use .fail and add a callback
the fail goes inside the callback function? When I tried codepen flagged it as a typo. Did I put it in the wrong place?
the .fail I mean @wearenotgroot
Hey guys, I've just arrived at the random quote generator project.. and I feel like there's a huge knowledge gap for me to do that.! I'd like to practice AJAX more before I try tackling the project.. any suggestions on how to practice ajax? like.. do I need to upload separate txt files to codepen to request the strings from?
@aidansven why not just search for free open api and just read the documentation then try for yourself
@punchymango it should be like
$.getJSON(url,function(){}).done(dataHandler).fail(errorHandler);
I'm having some problems with a:target not working the way it's supposed to. Can anyone help?
okay
@wearenotgroot thanks
punchymango sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star2: 1103 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
I'll try that :)
which one @amirghafouri
Could anyone please help me with my setTimeout function? ive been working on it for a while but it still doesnt work
@NewtonXu show it
@hnry
what am i looking for?
if you click the start button, what should happen is that the green one blinks, then red one blinks, but both stay lit up. the function is at the top of the javascript section
@hnry
OK, I confess: I'm in trouble. I started building Tribute page,(https://www.freecodecamp.com/challenges/build-a-tribute-page) and I don't understand the task. Should we use Bootstrap only? I don't know enough. Where can I practise more Bootstrap?
@NewtonXu well
callback(i, array[i]) this needs to be callback(i, array[i])() since callback returns a function
@NewtonXu after that sometimes your array[i] is undefined, so you should check that
@hnry which section are you talking about?
the same line
@hnry http://codepen.io/NewtonXu/pen/xOwpPZ
Like this? it still doesnt work though? i updated the length to be length-1
Like this? it still doesnt work though? i updated the length to be length-1
Hey there, could anyone send me feedback about the nav design? http://codepen.io/RompePC/full/YWyLOx/
The mobile version only includes the icons
@NewtonXu Try promises :) Or, move your recursion call to the inner setTimeout:
function sequence(x, array) {
var i = x;
var length = array.length - 1;
if (i > length) return;
setTimeout(function() {
$("." + array[i]).addClass(array[i] + "-active");
console.log(i, array[i])
setTimeout(function() {
callback(i, array[i])()
sequence(++i, array);
}, 1000);
}, 1000);
};
@NewtonXu well... if the code is confusing the person who wrote it, you might need to rethink the approach :P
@NewtonXu why do you have
var i = x ? but never use x?
right now there's a race between i and x, i'm guessing you originally wanted to use x to hold on to the old value?
It's a little easier to read without the extra vars, IMO:
function sequence(x, array) {
if (x >= array.length) return;
setTimeout(function() {
$("." + array[x]).addClass(array[x] + "-active");
console.log(x, array[x])
setTimeout(function() {
callback(x, array[x])()
sequence(++x, array);
}, 1000);
}, 1000);
}
@hnry nah i was testing something out but i dont think it matters
Hello-
it does
@hnry what do you mean?
@TylerMoeller could you explain a bit what you did, isnt it the same
@NewtonXu anyway, my advice for simon challenge is to learn object orientated programming
and to go with an object orientated approach
Anyone know how to do the Profile Lookup challenge in JS?
Hey, I'm currently working on the Tribute Page and am having difficulty with reducing the white space next to the image in the center. I've tried margin and padding adjustments. It doesn't quite work. Here's the code pen: http://codepen.io/maxgrok/full/xOGwNw/
If I want to center a heading and margin: 0 auto; doesn't work, but using margin-left: some pixels; works then what might be the cause?
@NewtonXu Before, you had
sequence(++x, array); called in the first setTimeout, so it was firing before the inner setTimeout finished. Placing that code in the inner setTimeout makes sure it is called after both setTimeouts have completed.
@hnry i was planning on it but i would still need to make this function work, which is why i started with something very simple
@hnry Simon Game can be done only with two arrays: the total moves and the actual ones, and checking in every move you click
I'm trying to build the wikipedia viewer, but I am stuck on how to assign my input bar value to a global variable. I thought this technique worked for my quote generator, but isn't working when I try it now. Here is my code pen: http://codepen.io/lahowitt/pen/BzoxqP
Thanks!
Thanks!
@RompePC if it's written as objects, its much easier to reason and write
@TylerMoeller yes that was the problem but i didnt see how to fix it, ill see if this works!
@anyone?
@hnry From my POV, I don't know how can be, altough you need only two arrays, a onclick handler and a constant per panel colour (for the arrays).
@TylerMoeller Thanks a lot, the function works and the blinking works now too :)
:cookie: 576 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
newtonxu sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
@NewtonXu Happy to help :)
@Shwrndasink Yes, I finished that one. Are you looking for some help or want to compare answers?
@RompePC you just need to learn OOP
@Newton I need help
help profile lookup
:point_right: challenge profile lookup [wiki]
Challenge Profile Lookup
Instructions
We have an array of objects representing different people in our contacts lists.
A lookUp function that takes firstName and a property (prop) as arguments has been pre-written for you.
The function should check if firstName is an actual contact's firstName and the given property (prop) is a property of that contact.
If both are true, then return the "value" of that property.
If firstName does not correspond to any contacts then return "No such contact"
If prop does not correspond to any valid properties then return "No such property"
Remember to use Read-Search-Ask if you get stuck. Try to pair program. Write your own code.
:pencil: read more about challenge profile lookup on the FCC Wiki
@hnry I know OOP, and still don't see the benefits for such a simple game
That wiki is nice to know about. Thanks @NewtonXu
shwrndasink sends brownie points to @newtonxu :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for newtonxu
@Shwrndasink You're welcome :)
@Shwrndasink uh i didnt do anything lol
lol
Hi what does "So's I can leave this slum" mean?
does it mean "as soon as I can leave this slum"
Sorry Thanks @TylerMoeller
shwrndasink sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 577 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
What do i need to add to my codepen to make http://facebook.github.io/react/docs/tutorial.html
this tutorial work
this tutorial work
I have React loaded...
I was trying to return "No such contact"; before I checked the other properties.
Hi. Just finished the Tribute Page. Any feedback would be appreciated. Here's the code pen: http://codepen.io/maxgrok/pen/xOGwNw
Hi all. something weird is happening with my wikipedia project. I built a function to carry out an animation when a particular element loses focus. It works great, but if you give and take away focus twice, it carries out the .focusout function twice causing the box to shrink to nothing.
any ideas why? here is the pen http://codepen.io/qckpckt/pen/BzNxEb
https://codepen.io/sanchit13/full/yJYKbP/ why is there on a margin on the right side of the page?
@sanchit13 because your div with class row isn't nested inside div of class container
Hey guys, how can I hide an entire div so I can later make it appear when a button is clicked -
I tried $("c1").hide() before document.ready but you can see it coming up and then disappears ...
I tried $("c1").hide() before document.ready but you can see it coming up and then disappears ...
Is there a better way to do it?
@esayago you cannot hide it before the document is ready, but how about using a class and assigning it to it with
display: none;? Then change it after when you want to display it?
@khaduch let me try that
@esayago - like this:
hideIt {
display:none;
}And add class="hideIt": to your div.
@khaduch I made the change thanks a lot, it looks more natural
esayago sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1279 | @khaduch |http://www.freecodecamp.com/khaduch
@esayago - great! You're welcome...
@khaduch on another note. why do divs that are floated sometimes collapse? im having that problem when i call my function to get a quote for my random quote machine that now my button like jumps up on the page because when i call my getquote function (which i have a jquery delay(500) in there during that 500ms my display is set to display:none and collapses my div that contains the quote
@Grizvok - is the div empty? I think that an empty div doesn't occupy any space unless it has contents, or unless you set some width and height (or min-width, min-height, etc.) to keep it "inflated"? That's my guess, without seeing the code.
i believe it is empty for 500ms while i run this code to fade in my quote:
$("#getquote").on("click", function () {
$($quotecontent).delay(500).fadeOut(1000);
timeoutID = window.setTimeout(getRandomQuote, 2000);
$($quotecontent).delay(500).fadeIn(1500);
i guess the delay from the fadeout until the new quote fades in causes it to collapse?
@Grizvok - fading out does go to
display:none', I believe? I think that I just read something about visibility:none; that still makes the things that you change the visibility of still occupy the space that it was occupying? Maybe you can make your fade function do that, instead?
yes im looking at the console as the function is callled on my click it does seem to go to display:none for a bit
hmmm i like the idea of just using .animate instead
thanks @khaduch
grizvok sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1280 | @khaduch |http://www.freecodecamp.com/khaduch
@Grizvok - you're welcome - I hope you get it working! Good luck!
hmmmmm
even better may be calling my actual getquote function as a callback of fadeTo so the timing of the fadein and fadeout syncs perfectly
i will have to play with it
programming is hard! i love it
haha
@sanchit13
Can anyone tell me why I have a margin on the right side of the page? Been trying to get rid of it forever
https://codepen.io/sanchit13/full/yJYKbP/
Can anyone tell me why I have a margin on the right side of the page? Been trying to get rid of it forever
https://codepen.io/sanchit13/full/yJYKbP/
@sanchit13 I don't see the margin
@sanchit13 You don't have a margin. Do you want your picture more to the left?
This is what I mean, notice the scroll bar on the bottom and there's white space on the right side of the div. It only appears when I add any columns to the row div.
@sanchit13 I think you are using your <header> tags wrong - inside them shouldn't be an information you want to display - also - code pen wraps everying inside the header tags - so you don't have to put them in. Things that would normally go in there - like css and scripts are put in at teh settings
@GregatGit That's a <header> section, not a <head> section?
sorry - you are right
Why won't my controller set the returned postcode my service retrieved to $scope.zipcode?? Using Angular and $http. Thanks!!http://codepen.io/alexanderdd/pen/aZvKmW/
@sanchit13 I'm using chrome on windows 10 and dont see and margin on the right (or left)
0.0
Thanks anyways @GregatGit
sanchit13 sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:cookie: 568 | @gregatgit |http://www.freecodecamp.com/gregatgit
@sanchit13 Well, I've found the problem. But I'm not sure why it's a problem....
@Nachlawi What was it?
Someone else played around with overriding container-fluid and it worked
@sanchit13 The problem is with the div row for your aboutme part.
When I remove the <div class="row"> it removes the scroll bar
@Nachlawi Yeah, whenever i tried adding columns to that row it freaks out. I have no idea why.
I don't understand why either, but that is the problem! XD
does someone know JSON here?
If so can you explain to me why
If so can you explain to me why
json.weather[0].main works, but json.weather.main doesn't work for this API: http://openweathermap.org/current#current_JSON
weather is an array @Nachlawi
its not a json object
@coymeetsworld But doesn't that mean that it loads the first element in weather, which is 'id'?
Hello! I am working on the tribute page and have everything figured out except how to do the border that the example pen has in the lighter grey. Here is the example pen: https://codepen.io/FreeCodeCamp/full/NNvBQW/.
Here is my pen: https://codepen.io/coder7215/pen/rLOWBL
@coder7215 Do you mean the jumbotron? If you want that then make a
<div class="jumbotron">.
no weather[0] is the first element of the array, it also coincidentally is the only element of the array @Nachlawi
and that element is a json object, which you would use dot notation to access the properties of like main and temp