Okay guys. I am working on the tribute page project. I have literally worked on it all day. I'm no where near finished but tell me what you think of it so far. Please and thank you!
@N1CKL3 Looks good to me!
Yea it looks great so far Nicole! @N1CKL3
@SteveAmaki Thanks! This project has made me want to flip tables all day but seeing it now makes it all worth it. I am so proud of the time and effort I put into it and I'm only half done. Coding is super rewarding.
n1ckl3 sends brownie points to @steveamaki :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @steveamaki |http://www.freecodecamp.com/steveamaki
@jamesscruggs Thanks!
n1ckl3 sends brownie points to @jamesscruggs :sparkles: :thumbsup: :sparkles:
:cookie: 268 | @jamesscruggs |http://www.freecodecamp.com/jamesscruggs
@N1CKL3 It is super rewarding! Hard to see that when you're banging your head trying to figure something out but it always ends up being worth it
@N1CKL3 Im glad you find it all worth the time! Thats the right attitude. There's a reason why this industry's pay can be rewarding. If it was easy, that woudn't be the case.
]
]
and money is just tip of the iceburg
Does anyone know of a good way to collect quotes for the Random Quote Machine Project?
coding will connect you to very intellectual and passionate people
@jamesscruggs http://www.brainyquote.com/
@SteveAmaki @jamesscruggs Absolutely! This chat and Free Code Camp in general is super supportive, too. It's nice knowing you have a ton of people who are willing to help you out and are friendly, especially when you think your brain is about to implode
hahaha yep
On top of all these online learning, thinking and breathing code helped me get in the right mindset.
is there an easy way to copy these into divs? Or do I have to do this the hard way? XD
also attending local meetups
@jamesscruggs Im not sure.. hehe
poo
@jamesscruggs Let me know when you crack the code. Would definitely love to know.
LOL. I think I might try to make the quote machine geared towards hip hop lyrics. Huge hip hop fan here
The truth is, even pro developers spend sleepless nights at times figuring out how to solve a problem
Just trying to think of an efficient way to get the quotes
@jamesscruggs ah I see
Ugh don't say that @SteveAmaki XD
Ik you're right though..
Do you work in the industry yet?
@jamesscruggs Somewhat... I'm a graphic designer. I work with developers/coders
That's pretty cool
It's a fun atmosphere.
Yea one of my buddies works in the field and I would visit him during my lunch breaks and all the developers always seemed so damn happy compared to the other departments. One day I figured I'd check it out and see what the hype is all about.. Haven't looked back since
Yep. There's frustrating time ofcourse with deadlines and stuff.. but it doesnt outway the fun.
Always annoying.. Gotta love deadlines!
So do you want to get into front-end stuff or just stay a graphic desinger?
on top of that, there's a lot companies that hire remote workers. You can work from home at a cofee shop..
hey everybody! is there anyone hanging out here right now that has done the weather challenge yet?
and they provide all the tech you need.
@nevaIsDreaming havent done it.
haven't made it that far yet @nevaIsDreaming
@jamesscruggs I want to focus on UX and UI
sorry
@SteveAmaki do you know details about remote workers? do they earn at the same level as people who actually go in to work?
I think my background in Visual Design helps
there's a site called flexjobs.com. It not free.. but they have remote job postings all the time.
@SteveAmaki @jamesscruggs no problem. I think I get what I'm doing but I was hoping someone could confirm that i'm on the right track
@nevaIsDreaming
oh. good. I'll have to check that out. thanks for the tip!
yup
Yea that sounds like front-end stuff to me. Your design sense will definitely help you out with that.
Im sure someone could help you out with the challenge if you keep checking back @nevaIsDreaming
@nevaIsDreaming is it an HTML CSS question?
I'm working on the pomodoro clock, and I am trying to use the setInterval() function to alter the time in my pomodoro section, but when I try to use that the page becomes unresponsive. Currently, I have it set up to alter the variables for time and break when + and - buttons are clicked, but I can't get the timer to not freeze my page.
@N1CKL3 It's very simple and clean. The code looks neat. Looks great so far!
So I have been trying that after pressing the Tweet button, there is a pre-written tweet with the quote obtained. I have not been able to find out how to do this. My button includes the tittle of the page and although every time the "Get quote" button is pressed, the quote is given as the title of the page, such quote is not included in the tweet. Any ideas?
https://codepen.io/zarruk/pen/jrrbAB?editors=1010
https://codepen.io/zarruk/pen/jrrbAB?editors=1010
@zarruk I had to delete the tweet element and rebuild for each new quote.
Bled my eyeballs out tinkering on this code and I'm happy how its turning out! Check it out yall!
@sjames1958gm are you sure that's the best alternative?
@zarruk No. I understand that you can use web intents that are supposed to be much easier.
https://dev.twitter.com/web/intents
https://dev.twitter.com/web/intents
@SteveAmaki That looks great, I con't wait to have such a diverse portfolio as you
@nateac1 Im trying to get coding under my belt!
@Cameron-Burkholder You need to make your mins and seconds variable global and you need to stop the timer on reset.
Thanks. Is it just stopTimer(pomodoro)? @sjames1958gm
cameron-burkholder sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 3389 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
@Cameron-Burkholder clearInterval is the function and the parameter is the return from setInterval
What is the return of setInterval() @sjames1958gm
Hey guys, messing around with API-based random quote machine, having trouble with the tweet button, it only seems to be able to tweet the initial quote and doesn't obtain the value of following quotes, would any one have a sec to take a look?
@Cameron-Burkholder It is a reference to the timer that clearInterval understands, other than that I don't know
hi
@arapl3y post a link
@Cameron-Burkholder I thought you had myVar = setInterval() or something like that.
I have a div tag. When I try to get the value with jQuery, the console.log just returns nothing.
var getVal = $('#tempVal').val();
console.log(getVal);
How can I get the number that is between the tags?
@sjames1958gm http://codepen.io/arapley/pen/zKxkqW?editors=1010
If I do the following, I just get NaN:
var getVal = $('#tempVal').val().toNumber();
console.log(getVal);
Hi everyone, I am working on the Twitch API and I have been having a lot of trouble and can't seem to get through it.
Does anyone knows how I can make a site show 3 up to 3 images only and hide the rest, even if one of the images is removed because it didnt load?
@arapl3y You are adding a handler for every quote move your click registration outside your getQuote function
@robertridley1988 You can put a + in from of that to coerce to number
@robertridley1988
+"123"
123
@arapl3y Also, you may need to make the current quote value global
@tbc13315 Did you add the new client_id?
@sjames1958gm I moved the click registration out and the quotes stopped coming through strangely... I'll keep looking
@sjames1958gm by declaring var quoteText; etc.. before the getQuote function?
@arapl3y yes. probably move the shareTweet function out of the getQuote functoin as well
@sjames1958gm I was looking at that client id doc on TWITCH and was wondering if I can use that client id header within the $.getJSON or do I have to try making the function with $.ajax now?
@sjames1958gm No dice :( now it doesn't even read the first quote...
@tbc13315 You could change them to $.ajax or do $.ajaxSetup beforehand.
$.ajaxSetup changes all ajax calls on the page though, so it's discouraged, but it should work for the purposes of that project
- I should say it changes all get calls on the page, actually
@tbc13315 well they also support it as url param so just append it
apiURL + '&client_id=yourkey'or
$.getJSON(apiURL, {client_id:'yourkey'}).done(...).fail(...);on $.ajax
$.ajax({
url: apiURL,
data: {client_id:'yourkey'},
...
})
.done(...)
.fail(...);
Has anyone seen an example of the Random Quote Machine without using JQuery ? I'm stuck on the Tweet button.
@warrenonline what seem to be the problem?
Sorry I was chatting in 2 rooms. I got some help in the javascript room.
yep i saw, whereever you get help faster is fine :)
@warrenonline btw here is the quick fix for your issue. just remove the old tweet button and before you add the new one
function addText(obj) {
var e = document.getElementById('twitter-button');
if(e.firstChild !== null) e.removeChild(e.firstChild);
var author = obj.author.toString();
var quote = obj.quote.toString();
document.getElementById("random_quote").innerHTML = quote;
document.getElementById("random_author").innerHTML = author;
}
I am having an issue stopping any current function execution when switching my simon game to "off". does anyone have experience with this?
This message was deleted
:bulb: to format code use backticks! ``` more info
This message was deleted
<input class="check" type="checkbox">
$(".check").click(function() {
if ($(this).checked){
$("img").hide();
}else {
$("img").show();
}
});
hi guys any ideas why it doesnt work?
@caa1982 try
this.checked
@wearenotgroot tks pal
I was going around in circle
make sense
@caa1982 :+1:
Hello all, working on the quote machine and it is taking me a looooong time. What is a good API to use? I have tried some from mashape but I don't understand how the URLs and keys work. What's a good starting point?
@cjpowellaz i use this http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?
@KevinAngga it looks like it does not need a key to use it, correct? I never know where that thing is suppose to go in the request.
@cjpowellaz http://api.forismatic.com/api/1.0/
I am having trouble exiting functions that are currently executing when I switch my simon game to off, any advice?
@jwoo92 probably you have a setinterval function. to stop it try to use clearinterval
Spring, it's not that. I used queue instead like this
@Rafase282 hi. try to use flex, flex-wrap, flex-base
$(this).addClass('blue-turn').delay(1000).queue(function(){
$(this).removeClass('blue-turn').dequeue();
}):
$(this).removeClass('blue-turn').dequeue();
}):
It's something like that.
@sorinr for what? Also I solved all the issues I had.
I'm not at my computer at the moment.
@Rafase282 i just saw ur post on 3 by 3 pict showing. :) glad u solved it :+1:
Thanks
You can see the issue when you turn on, start game and turn back off quickly.
@jwoo92 not for me. it stays on until you manually turn it of
anyone gote problem with navigator.geolocation on codepen?
@KevinAngga Just making sure, are you using HTTPs connection? That might be the problem.
@U-ways yes i use https and fix the problem.. haha thx for answering
:cookie: 449 | @u-ways |http://www.freecodecamp.com/u-ways
kevinangga sends brownie points to @u-ways :sparkles: :thumbsup: :sparkles:
@KevinAngga Welcome goodluck!
Hi, I am currently working on the random quote machine. Can somebody tell me how to make the twitter button share the quote and author (not the link to my pen)?
Problems are probably in line 17 & 18 in JS and line 12 in html.
Hi there ! Where can I share my react projects? Where can I find people for review?
anyone?
@Aleks1406 Since you loaded Twitter widget you cant access your twitter-share-button from JS it will be replaced by
iframe you can verify that in chrome dev tools. So use your own a tag style it as button and change its href in JS dynamically using http://twitter.com/share?text=your quote and author
@Aleks1406 or if you want to use Twitter widget then you may have to delete the tweet element and rebuild for each new quote.
thank you for the hint. I will try it :)
@vinaypuppal thank you
aleks1406 sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 554 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
@Aleks1406 :+1:
I need help with centering. I'm trying to center the p element on here: http://jsfiddle.net/52VtD/15265/
center vertically*
@Nifled You can easily do with flex-box add below styles to your footer
footer {
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
@Nifled it centres
p horizontally and vertically
@vinaypuppal I lowered the height to 50px and it isn't vertically centered anymore
@Nifled well it works for me see here http://jsfiddle.net/tfcj6qmy/
Hi there, I need help with margins/padding on multiple divs. I'm playing around with different layouts and want to have multiple divs and all their nested divs should have a max padding/margin on the left. At the moment only my first div with its nested divs have the correct layout, with the following divs the left margin/padding increases by about 10px. Eg, div1 left margin is 10px (which is correct), div2 increases to 20px, div3 increases to 30px and so on. What is the solution to prevent this increase?
It looks like I've found a solution/workaround, by creating more "static" divs. After adding a width value I'm getting the results I want.
Hello guys, can anyone help me with my twitch viewer project?
function newChoice(){
ind= [Math.floor(Math.random() * choices.length)];
seq=choices[ind];
return seq;
}
function cpuSeq() {
count++;
newChoice(); //seq is the value of random choice element
interval =
setInterval(function() {
if(cSeq.length>=1){ for(i=0;i<cSeq.length;i++){
//IF cpuSeq has notes in it... play them again before making new ones.
audioF[cSeq[i].toLowerCase].play(); } }
audioF[seq.toLowerCase()].play();
cSeq.push(seq);
console.log(cSeq + cSeq.length, pSeq);
newChoice();
if(cSeq.length>=count){clearInterval(interval);
cSeq=[];}
}, 1000);
}
1 curious question not directly related with anything here.........the template projects I have made in FCC or other templates which I have made have like 250-350 line but a simple webpage on the net has like 900lines of code.......whats happening there??
_
_
Are you talking about JavaScript or html when you say code?
@rjstone all of the html-css-js code
hey guys needed a bit of help for tic-tac-toe game. how do i return the value of a button. I mean to check the winner. i wanted to check whether the value of button is returned or not. only then can i work more on it.
http://codepen.io/sayedafif/pen/BLBzJo?editors=0011
http://codepen.io/sayedafif/pen/BLBzJo?editors=0011
This message was deleted
Hey guys! I have been working on a small project inspired by some online course I was taking...
Take a look, any suggestions or ways to improve it would be great!
http://codepen.io/gbsimon87/pen/qaqdaA
Take a look, any suggestions or ways to improve it would be great!
http://codepen.io/gbsimon87/pen/qaqdaA
not sure if this is where i should ask this, but here it goes.
when i'm doing my portfolio page, i'm adding the collapse on my navbar for mobile, but my navbar is not opening.
here is my codepen: http://codepen.io/maniacalkitten/full/ORRVJB/
and i added the following in my CodePen settings:
jQuery
jQuery UI
Bootstrap
@maniacalkitten add jquery first before anything else(if you already added it in that order then ok, but it's not showing on that pen)
@maniacalkitten ok now add bootstrap second and then hit run
@wearenotgroot that did it! for some reason, i have a feeling i should have known that. lol thanks so much!!!
@maniacalkitten :+1:
@wearenotgroot thanks for solving that for me. probably explains why my other stuff i wanted to use wasn't working either.
@maniacalkitten np, probably :smile:
Collapsible navbar not working in bootstrap :worried:
@GunvantSr link the pen and let's have a look
@gbsimon87 first of all, this is awesome! nice job!
I can't get the very top of the circles to display - they keep getting cut off. Not sure if you can fix that, or if that's just a Codepen problem. Also, i think you don't need the words "The Sun" because it is kind of obvious that it is the sun. So i would say either remove that label or add labels to the other planets as well for consistency
I can't get the very top of the circles to display - they keep getting cut off. Not sure if you can fix that, or if that's just a Codepen problem. Also, i think you don't need the words "The Sun" because it is kind of obvious that it is the sun. So i would say either remove that label or add labels to the other planets as well for consistency
@Margaret2 cheers! Will definitely take that advice as I had already removed the sun text haha
:D
I'm currently creating a function so that I get the correct average distances from the sun
Mind helping me out one second?
haha, i could try :P
what do you need help with
function planetInfo(name, distance, diameter) {
this.name = name;
this.distance = function(x) {
var number = 40;
return x * 40;
};
this.margin = function(margin) {
return ((distance - 5) / 2);
};
}
var venus = new planetInfo("venus", 0.72, 0.949);
console.log(venus);
This message was deleted
hm ok i will play around with it in codepen really quick
thanks :)
@gbsimon87 I thought u mean this
@marsoln pardon?
function planetInfo(name, distance, diameter) {
this.name = name;
this.distance = diameter*40;
this.margin =((this.distance - 5) / 2);
}
var venus = new planetInfo("venus", 0.72, 0.949);
console.log(venus);
You shouldn't declare
distanceand margin as a function if you wanna a property
@marsoln thanks a lot, that's exactly what I needed
:)
@gbsimon87 just was going to post my solution, but @marsoln did it better :D
@gbsimon87 You are welcome :smile:
is anyone around who could help me get some images to display horizontally?
@Margaret2 Thank you. :smile:
Its always possible
hey guys, so I'm working on my portfolio site for mobile view (320px viewport) and I decided to add more scroll down buttons so that each one scrolls down to the immediate section below rather than just the next project image: https://amitp88.github.io/New-Portfolio/
cheers @margaret2 nonetheless :)
however, I'm running into problems such as the first scroll down button scrolls down to the last section of the page and the scroll down buttons on the project descriptions aren't showing up
I looked over my code and id's carefully and logically they should work fine, but they aren't
I'm stumped =/
also, please look at this site through dev tools on the lowest viewport (320px), as I'm developing this mobile first and the desktop view is a mess
@AmitP88 your top scroll bottom is taking me all the way to the bottom
oh, you mentioned that, sorry
The reason it's taking you down there is because it's linking to the contact section
but my id for that button is #p1 not #contact
@AmitP88 Your first scroll down button was nested by an '<a>' tag which
href="#contact"which means direct to the element which id="contact" so that's the reason
This message was deleted
shoot wrong paste
No, if you right click the button and go to inspect or firebug you will see it doesn't have an ID
its a span tag with a class of mouse
which is nested inside the link element with reference to contact a @marsoln stated
oh hang on a sec, lemme double check
here's a link to my repo: https://github.com/AmitP88/New-Portfolio
I don't know why it's showing up like that on my site when in my repo I had it correct
for those that have made the pomodoro example. what did you use in order to get the circle to fill in.. trying to do canvas, but as soon as i get closer i get further again
@AmitP88 Oh my friend, i checked your site, and found some terrible things.
@marsoln oh no =/
each of your project block has a sibling description block right?
yeah
and you thought your scroll button should be in your project block
originally I had it like that, but then I realized that each scroll button was skipping over each description section, which I thought would be confusing and inconvenient to the user
but you still has a copy in your description block, that's where the bug came from
yeah, I had it like that so that each screen (both project image and project description) would have their own scroll down button
basically I want the user to be able to just scroll down to the immediate next section rather than just the next project
so the flow would go: project image (with title) -> project description -> next project image (with title) -> next project description
If you check your scroll buttons in the descriptions,and then you will found they are all in the same position -- which is where the top scroll button located. So they covered again and again,and the last one was the winner :worried:
I thought you may forget to add the
position: relative to your .description class in your style sheet.
ooooh I see
ok, lemme try that real quick =)\
That causes all the scroll buttons in your descriptions
position:absolute are based on the parent element of the descriptions --- the body root.
oh I see
I tried it btw and now it's working perfectly =D
man, I still have a ton to learn, and I still have to brush up a ton on JS and jquery lol
Good luck further.
@marsoln thanks man, I really appreciate your help :)
@AmitP88 It's my pleasure.
aww man, I thought that would give you brownie points. didnt work for some reason
@marsoln thank you :)
lol damn, I'm trying to give you brownie points
but not sure why it's not working. it worked before
@AmitP88 :smile: Never mind , i don't know what's the brownie points for anyway. Good luck.
hey all: I'm having a problem with .jumbotron in bootstrap. I'm working in codepen.io but for some reason the background-image to my jumbotron isn't working
@marsoln oh ok. lol well, I tried at least. thx man, have a good day :D
anyone have any suggestions?
@AmitP88 It's 1 am here,i should go sleep,bye. If you still got any questions just send me a private chat,I will check it out morning.
@mhdavis Wheres your coe
code
@SteveAmaki does the chat work such that i can just copy/paste it and it will recognize it?
Bled my eyeballs out tinkering with this code..Im pretty happy how it turned out!
http://codepen.io/ssuratosjr/full/JRRAWJ/
http://codepen.io/ssuratosjr/full/JRRAWJ/
@mhdavis no wrap your code in between tic marks...`
code here`
three tic marks at the top and then another 3 to close
''' <section class="jumbotron">
<div class="container">
<h2>insert thing here</h2>
</div>
</section>'''
<div class="container">
<h2>insert thing here</h2>
</div>
</section>'''
lol my bad
@mhdavis the tic mark is the one right by "1" key on your keyboard
<section class="jumbotron">
<div class="container">
<h2>insert thing here</h2>
</div>
</section>
..lol or atleast in a mac it is
that works too
for some reason its all on one line
@SteveAmaki i can include the css for it too
can you put it on codepen?
yea thats where its on
I have to leave my desk . Be right back. See if anyone else here can help
should i just link it?
yeah post the link to codepen
@mhdavis delete the " > " in the comment section above the .jumbotron
...in the css editor
that fixed it
hahah im sorry
it was such a small thing that i didn't even notice it
lol.. it happens
@SteveAmaki thank you very much
Sure
http://codepen.io/michaelg22/pen/vXLEma/?editors=1010 Can anyone figure out why the array that i pushed json objects to is showing in the console.log but the array.length = 0 and when I try to access elements in the array it is undefined
@SteveAmaki thanks actually, thats super useful
you're welcome!
@michaelgee22 It's a scope issue. Your streamerData array is only visible inside your first success function. Pass the variable to another function to use it elsewhere.
Hi! Could someone help me figure out why my JavaScript code doesn't display the results on the screen? I've been trying to figure it out, but I don't know what is wrong with my code.
http://codepen.io/Code4Jesus/pen/LkXQRN?editors=1111
http://codepen.io/Code4Jesus/pen/LkXQRN?editors=1111
@DTJ357 #searches is inside random article which you remove on submit
@DTJ357 Also use
placeholder="Type anything you want to look up." this for your input rather than value=
Thank you for your help, @sjames1958gm !
@DTJ357 Also
html += "<div class='well'>"; change from = to += as is here to get all articles
@DTJ357 :+1:
I'm getting status as "online" for all the profiles.. CAn anyone check what the error is?
This message was deleted
@PhaniMaddi You are calling two asynchronous APIs in parallel and using a global object.
You need to call the second getJSON in the first ones callback to ensure order of operation.
Also move global data inside the function(i) function
You need to call the second getJSON in the first ones callback to ensure order of operation.
Also move global data inside the function(i) function
@sjames1958gm I tried calling second getJSON in first one.. but I was not getting data of offline users
@PhaniMaddi Hmm, also
data.stream === null it is stream that is null for offline
@sjames1958gm Thanks got it now
Looking for some reviews for my portfolio page front-end project: Can some one volunteer?
Hey guys! Does anyone know where to find out who the user story is supposed to be about? Or do I just choose any person? Thanks!
@Nyapal It is supposed to be a general user. How a user would interact with your site
@PhaniMaddi How did you get your client id to work? Mine comes back with a 400 Bad Result error.
can anybody help me here please? why isn't my Tweet button appearing in the page? https://codepen.io/zarruk/pen/jrrbAB?editors=1010
I'll take a look Salomon
@zarruk I didn't use JS to implement my tweet button. I just used <a id="tweet-button" href="#"></a> in my html and then added JS to it. So I can't really help you on that one.
I'm pretty sure I had fa fa-tweet with the font-awesome plug in and also a target="_blank" in there as well.
@zarruk I am busy with the same excersize. what api do you use?
@MichielHuijse look at DM
Either your code is not right at all or you are using a form I don't really understand. It looks like your twttr is not defined on the JS sheet. When I implement anything into html from JS I always start with $ to call, lets say, ('container') and then use a method to like .css or .text or .html to move over what I want into my called option('container')
@zarruk what is DM? :shipit:
@MichielHuijse direct message
It looks like you got is @zarruk. What was the issue?
@tourdejord And how did you do for the tweet to contain the quote?
@zarruk good question. I'll grab my pen. one second.
So I ended up making variables to define random a random quote and it's auther. Once I had those variables I added to the tweet text link like this.
("https://twitter.com/intent/tweet/?text="+ randomQuote + " " + randomAuthor);
Here's the pen if you'd like to take a look. Don't forget to like it.
http://codepen.io/tourdejord-1470883108/pen/yaNzJj?editors=0010
well, actually I am doing something simillar
@tourdejord oh, I see you put it in parenthesis
@zarruk Your code would be a lot easier to work with if you put the quotes in an array and used the random number as a array index.
A lot less duplication.
A lot less duplication.
Can someone help me with my Javascript?
Here is my site: http://utilitan.com/randomcolor/javascriptPractice.html
I think you will see what the problem is, but:
1) The boxes are shifted over like 2px from the first (initial) box,
2) the rest of the boxes don't change color
$.getJSON("api.openweathermap.org/data/2.5/weather?q=London&APPID=(myid)", function(json) {
$("#location").html(JSON.stringify(json));
});
@sjames1958gm yes, you're right it would be simpler. but my problem is that i am not being able to have the quote in the tweet. please take a look at my code to see if you get any ideas on how to solve it! https://codepen.io/zarruk/pen/jrrbAB?editors=1010
@zbennett10 Have you actually entered your id or did you leave it as '(myid)'?
@monotone2k i entered it
Are you using Chrome/Firefox?
ive tried with both
Hit F12, keep the developer tools open and re-run your Pen. Check the network tab and see if there's a response from the API.
@zbennett10 What response do you get?
its giving a 404 not found when it tries to load the api. I will try a new api key
404 won't be that the key is wrong. It'll be that it can't find the resource at all.
You'd normally get some kind of authentication failure if it was the key. Maybe a 403.
oh ok
Well I'm copying and pasting from their example API calls, so i don't see what's wrong
When I copy/paste your link (minus the parameter for the key) I get a 401 (authorization required). Yours should work.
haha so weird man! I know there's a reason though
What happens if you put http:// on the start?
Within $getJSON, that is.
thats what does it man! Wow....
:)
@monotone2k thanks! It's always the smallest things haha
Most languages will need you to specify the protocol. As humans, we know you meant a web resource... as a computer, it doesn't ;)
right because it might be https as well?
Or SMTP. Or dozens of other things.
@monotone2k thanks I really appreciate it
Most of the things of that list can be accessed using what looks like a web address, but using a different prefix :)
@zarruk
$('.tweet-button iframe').remove();
// Generate new markup
var tweetBtn = $('<a></a>')
.addClass('twitter-hashtag-button')
.attr('href', 'https://twitter.com/intent/tweet?button_hashtag=freecodecamp')
.attr('data-size', "large")
.attr('data-text', quote.quote);
$('.tweet-button').append(tweetBtn);
twttr.widgets.load();
@zarruk this is what I did to replace the tweet with a new quote
I am having some trouble stopping the execution in actively running functions on my simon says game when I switch it to off. Does anyone have any advice on how to perform this properly?
Hello, I have this right now http://codepen.io/nabzster/pen/rrWjGz and it has a horizontal bar at the bottom. How can I get rid of this? This means that there is something going overflow right?
It's not the about text box and not the images either
@jwoo92 Are you using a clearInterval?
@nabzster Your intro-divider has a top and bottom border. Is this what is causing it?
@KoniKodes ill double check thanks
@KoniKodes it's not the intro-divider
hey can someone help me with some JS . Im trying to use [delete collections.id.prop ] id and prop are both variables though so im trying to understand how to include variables into dot matrix format
nvr mind
@nabzster you have overflow:hidden on your body, so you can't scroll anywhere
@Trommelochse How do i remove the unwanted horizontal scroll bar without anything disappearing
hey guys, is my site good? https://amitp88.github.io/New-Portfolio/
:)
also feel free to check it across different devices
@KoniKodes I am not. some of the functions run off of setTimeout() and others include .queue() within them.
@KoniKodes my simon game
@AmitP88 you do have some nice ideas there
but I think your overall design is not well thought through
@Trommelochse oh ok. what would you change?
Guys, does anyone one knows how to update the value of an input after clicking on submit?
http://codepen.io/argestis/pen/XjKQRA
http://codepen.io/argestis/pen/XjKQRA
I'm doing the wiki exercise but when I enter a new search in the input is not updating the value :C
T_T
hey im getting TypeError: collection[id].hasownproperty is not a function but its not suppose to be a function its a condition
the lin looks like // if (collection[id].hasownproperty("tracks"))
@Argestis you dont really need to use submit. just move the $.getJSON inside that keydown event
and make sure to empty out the previous result before appending the next ones
and make sure to empty out the previous result before appending the next ones
@Argestis it can look like this
$('#watchaLookingFor').keydown(function(e) {
if (e.which == 13) { //enter key detected
$('.results').empty(); //empty out the results from previous
var input = $('#watchaLookingFor').val(); //get the value from the input
$.getJSON('https://en.wikipedia.org/w/api.php?callback=?&action=query&list=search&srsearch=' + input + '&srwhat=text&srprop=snippet&continue=&utf8&prop=links&format=json', function(data) {
for (var i = 0; i < data.query.search.length; i++) {
$('.results').append('<article>' + '<h2><b>' + data.query.search[i].title + '</b></h2>' + '<p>' + data.query.search[i].snippet + '.</p>' + '</article>');
}
})
}
});
WTF!
hahahaha
omg I been stuck here for the last 24 hours you got it in 3 seconds, LOL
OMG thank you! @wearenotgroot
@Argestis :+1:
So why the .empty does not remove the current values? is that normal?
@Argestis well on your current code you only really need to empty the previous results
$('#submit').submit(function() {
$('.results').empty();
return $.getJSON('https://en.wikipedia.org/w/api.php?callback=?&action=query&list=search&srsearch=' + document.getElementsByName('input')[0].value + '&srwhat=text&srprop=snippet&continue=&utf8&prop=links&format=json', function(data) {
for (var i = 0; i < data.query.search.length; i++) {
$('.results').append('<article>' + '<h2><b>' + data.query.search[i].title + '</b></h2>' + '<p>' + data.query.search[i].snippet + '.</p>' + '</article>');
}
})
});
@Argestis empty() removes all child nodes of that particular target element
@AmitP88 cool
@Argestis did you want to clear the text in the input as well?
$('#watchaLookingFor').val(''); //clear the text in input
got it, your awesome and again, thank you very much!
Should I use the same function targeting the input?
Quick question. I'm working on the portfolio project and there's a gap between my container div and my navbar. I can't figure out how to get rid of it. http://codepen.io/dunderbutt2000/pen/MeyQVY Also ignore how bad everything looks, I'm going to style it up once I get the general outline finished
@sjames1958gm thank you but what happens if the quote is inside a variable?
I think I solved my problem. I changed the navbar to fixed rather than static and that got rid of the gap. Not sure why it was there either way though
@sjames1958gm and anyways that code you gave me is not working :worried:
I am having trouble stopping a function execution by using return false. Would anyone like to assist me?
@jwoo92 let me se your function
*see
@Trommelochse my simon game. turn on, click start, then quickly turn off. my function continues to run instead of quitting at that moment. the code may not be my most current attempt, but it delivers the issue to you that is at hand.
@Trommelochse I just about have a solution.