@Absailnit No, you are not supposed to upgrade your account
just make sure to open up new tabs instead of redirecting him
Oh and by him I mean the user ofc
Thank you Harry 97 worked perfectly and is opening in a new window!
@sjames1958gm did it thanks for the tip;
hassanbhb sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 1764 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
I now i only need to figure out how to use the author under the quote
Hey guys, I need some help quick. I am trying to just get the textbox to return the value I typed. When I type in a value it displays it for me, but only for a second, then it goes away. http://codepen.io/lukenetti3/pen/akwEQk?editors=0010
return false at the end of searchEntry function
you need to prevent default actions of searchButton
@lsgoulart Thank you so much! Can you explain why I have to do that?
lukenetti3 sends brownie points to @lsgoulart :sparkles: :thumbsup: :sparkles:
:cookie: 55 | @lsgoulart |http://www.freecodecamp.com/lsgoulart
@lsgoulart Oh I think I get it. Since the default action of that section of text is blank, it goes back to that after the function is run?
the default action of the button is submit your form
@lsgoulart Should I change it then?
the action of form is submit some data to server, this cause page reload/refresh
no, you should keep it that way
its a good practice keep the input within form
if you want to keep the form action
you can listen to submit event of form
@lsgoulart What do you mean by listen to submit event of form? Also, isn't my input within my form?
something like this: http://codepen.io/anon/pen/zBEPYw
@lsgoulart Okay, so I wouldn't need return false then, correct?
exactly
@lsgoulart Thanks
lukenetti3 sends brownie points to @lsgoulart :sparkles: :thumbsup: :sparkles:
:warning: lukenetti3 already gave lsgoulart points
I hope it was helpful
and sorry about me English =/
my*
This message was deleted
```
var Person = function(firstAndLast) {
var nameArray = firstAndLast.split(" ");
var firstName = nameArray[0];
var lastName = nameArray[1];
return {
"getFirstName": function() {
return firstName;
},
"getLastName": function() {
return lastName;
},
"getFullName": function() {
return firstName + " " + lastName;
},
"setFirstName": function(first) {
firstName = first;
},
"setLastName": function(last) {
lastName = last;
},
"setFullName": function(firstAndLast) {
var array = firstAndLast.split(" ");
firstName = array[0];
lastName = array[1];
}
};
};
var bob = new Person('Bob Ross');
bob.getFullName();```
hey guys, i made an image with a transparent background a button, but i can still click on the background, is there any way i can make it so i can only click on the visible part of the image?
@CruftMaster do you have a codepen or something?
@dhcodes yeah http://codepen.io/CrustMaster/pen/WxkXzx
just trying to experiment with the buttons right now for the simon game
@CruftMaster maybe instead of images use divs filled in with color
@CruftMaster i can't really see the problem because the images don't load
@qualitymanifest not sure how to do that, ill look it up tho
@CruftMaster make 4 divs, one for each "button". give them each a unique ID and a background-color. then you can use jQuery to handle their click events, passing in their ID.
@CruftMaster seems similar to this question
ok, cool thanks
New here I've done some Python programming , but haven't done FE work in a while. Can anyone suggest a favorite text editor to use with FreeCodeCamp. Do you like sublime text?
I'm trying to align my header font and make the first and last text bigger, but can't seem to figure it out. Any help appreciated. Thanks!
html
<Header>
<div class="container-main">
<div class="main-image">
<img src= "images/main_header.jpg">
<h1>
<span class="design">design<br></span>
<span class="journey">is the journey of<br></span>
<span class="discovery">discovery</span>
</h1>
</div>
</div>
</Header>
css
span.design {
font-size: 200%;
}
span.journey{
font-size: 90%;
}
span.discovery{
font-size: 200%:
}
it seems to have an editor built into the site, but I would like something not dependent on FCC).
@AaronHanna Hi. I think your problem is that you have placed your functions for "get' and "set" in a return statement. I'm not sure why this is forcing bob instanceof(Person) to return false, but I suggest that you remove the return closure and rewrite your functions using "this." For example, this.getFirstName = function(){ return firstName } . I just put your code up on repl.it and ran it using the change and bob instanceof(Person) returned true.
how do i get my About Me section different than my wrapper div so that i can create spacing between them?
http://codepen.io/duel_drawer8/pen/xOLErV/
http://codepen.io/duel_drawer8/pen/xOLErV/
Is it possible to see a history of what I've typed on this room?
Hey, can someone help me, I can't get my navbar to collapse when the window moves to mobile size
https://codepen.io/TheJamie/full/PzjQjL/
https://codepen.io/TheJamie/full/PzjQjL/
@Dueldrawer8 you just want space between the images? or spacing where?
anyone familiar with web sound api know how to stop clicking sound at end of played note ?
Hello everyone!I'm doing the twitch API challenge and I've successfully determined online and offline users,
but I can't seem to find out if the user has their account closed or not, How to determine if the twitch user has closed their account using twitch api
Can any one please help me?
@tj-johnson these may be useful: :sparkles:
@ndburrus lovely.. thank you
tj-johnson sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:cookie: 916 | @ndburrus |http://www.freecodecamp.com/ndburrus
@tj-johnson enjoy :palm_tree:
Can anyone help me with my navigation collapse issue?
https://codepen.io/TheJamie/pen/PzjQjL?editors=1100
https://codepen.io/TheJamie/pen/PzjQjL?editors=1100
when it collaspes, its automatically open, something weird doing on
@TheJamieCrawford The Lannisters send their regards
@Deadpool37 we always pay our debts
:)
https://s.codepen.io/Deadpool37/debug/xOXGpq? Wikipedia Viewer
can anybody help me with this?
can anybody help me with this?
Dear campers, please help me in my war against autocomplete ! http://www.perthsalonweb.com.au/getstarted/
hey everyone...iam done with all front end projects.....thinking to apply for certificate....would be really helpful if any of you review my profile and projects
@renx777 you need to make the navigation bar on your portfolio page solid, at the moment it looks bad when you scroll down
has anybody here rewritten document.getElementsByClassName using recursion? Help if you have plz!
function getElementsByClassName(className) {
function findNode(node) {
if (node.classList.contains(className)) { //.classList becomes undefined eventually
return node.classList //return a list for sure
} else {
return findNode(node.childNodes[1])
}
}
return findNode(document.body.childNodes[1])
}
var result = getElementsByClassName("tweetHome");
var expectedNodeList = document.getElementsByClassName("tweetHome");
var expectedArray = Array.prototype.slice.apply(expectedNodeList);
var equality = _.isEqual(result, expectedArray);
if (_.isEqual(result, expectedArray)) {
console.log("You win");
} else {
console.log("You Lose")
}
i need help or an idea of how to make the text in my header more visible with the picture set as a background and not an img element..
http://codepen.io/duel_drawer8/pen/xOLErV/
http://codepen.io/duel_drawer8/pen/xOLErV/
@TheJamieCrawford...thanks for pointing out
@renx777 no worries. I wish I could get my scrollspy to work like yours
@TheJamieCrawford ...how about now
@renx777 works really well mate. Could you help me with my scrollspy?
https://codepen.io/TheJamie/pen/PzjQjL?editors=1100
Not sure why its not working
@TheJamieCrawford ...i read about scrollspy somewhere...let me look where i read in bookmark
@renx777 I'd appreciate any help
@renx777 hey can you help me with front end /js a bit mate?
@danydin...how can i help
im making a memory game
with cards
@renx777 help me first :P
and im trying to do few things without sucess
@TheJamieCrawford ..iam looking at your code....seems to be a minor problem....hard to point out
@renx777 I've been scratching my head over the scrollspy for roughly 3 days now. I'd really appreciate any help :(
@danydin ....lmao,happens with me on every project....there is always a minor bug to bug you
@renx777 everything I've looked / read shows this should work, but it doesn't ;/
what u even try to fix? @TheJamieCrawford
@renx777 go to JavaScript settings and add jquery CDN to it.
who can help with js a bit? for a card game
@SuryaKavutarapu ....whom are you suggesting...its jamiecarwford's profile
@danydin ......i can if its not complex
@Dueldrawer8 you can use a text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9); on your header or just wrapp the logo and nav within a row class="yourclass" and givethis new class a background-color: rgba(0,0,0,0.6) for example. you can play with 0.6 alpha up and down as you wish
@danydin I'm trying to fix the ScrollSpy
@danydin can't get it to work no matter what I try
@TheJamieCrawford ...i have forked your project..lookin into it.....man its a headache...everything looks fine,wonder whats causing problem
@TheJamieCrawford ...page design is cool
@renx777 I appreciate it. I just need to get this ScrollSpy to work and may be I'm done
I haven't completed anything past this portfolio page in FFC yet
@sorinr thanks ill try it
dueldrawer8 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 442 | @sorinr |http://www.freecodecamp.com/sorinr
@TheJamieCrawford ...iam checking it out....do you know stackoverflow....you can try posting questions there....guys there are pro and know a lot....always suggest a solution and point out mistakes
@renx777 already posted, no one answered :D
who can help me
Please I would like to get some feedback on my tribute page. http://codepen.io/Anye55/full/AXRzLA/
@anye55 ...looks nice
@danydin you can make your class logo like: .logo {
position: absolute;
right: 20px;
z-index:999;
}
position: absolute;
right: 20px;
z-index:999;
}
my problem is not the .logo ti works fine @sorinr onn full scren
i've other problems tho
@renx777 Thanks for the feedback. I couldn't include a border-line at the bottom. Any ideas?
anye55 sends brownie points to @renx777 :sparkles: :thumbsup: :sparkles:
:cookie: 245 | @renx777 |http://www.freecodecamp.com/renx777
@sorinr i've made a code to shuffle the cards and another code to mix the cards
but i cant find the right place to put them
can anyone help me with best free online courses to learn angular?
@danydin even on full screen the logo is pushing down the last two cards on first row
are u sure not for me :o:
anyway i changed to what you told me tell me if it got fixed please @sorinr
@TheJamieCrawford ....look into this link from w3schools... i suggest modify the code to match your page then copy/paste.....i think you havenot use nav tags correctly in your page......
okay. send me the link @renx777
@TheJamieCrawford http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp
@danydin for me now its ok. all cards on first row are top alignd
@TheJamieCrawford this one sorry.....http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_scrollspy&stacked=h
ok great can you help me maybe with the shuffle-mix the cards
and reset game button
i've made the js codes for it already
i just need help how to apply them correctly
@renx777 thanks, im going to work on it :)
thejamiecrawford sends brownie points to @renx777 :sparkles: :thumbsup: :sparkles:
:cookie: 246 | @renx777 |http://www.freecodecamp.com/renx777
@goyalruchi90.......not many available legally but there is always bittorrent
@danydin i would add buttons besides restart game and make them trigger your js for shuffle and mix
@sorinr okk will try that if it wont work can you look at it afterwrads please? thanks
danydin sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 443 | @sorinr |http://www.freecodecamp.com/sorinr
@danydin ok. if the buttons don't stay in a row just wrapp them each in a <span>
okk
@danydin and give that buttons some class to make them nice :)
any one with front end certificate?
@danydin why do u nest like this: <button class="btn" href="#" onclick="toggle_visibility('foo');"></a>
<div id="foo">Restart Game!</div> </button> and not make <button id="foo" class="btn".... directly ? and get rid of that </a>
<div id="foo">Restart Game!</div> </button> and not make <button id="foo" class="btn".... directly ? and get rid of that </a>
Hey everyone, i have a quick css/html question for ya. when i write this code: <div class="container-fluid">
<center>
<div class="row media-background padding">
<h1 class="col-xs-8"></h1>
<div class="col-xs-1">
<a href="#"><img class="img-responsive img-size" src="https://pbs.twimg.com/profile_images/730395088107372544/PgpnXhhh.jpg"></a>
</div>
<div class="col-xs-1">
<a href="#"><img class="img-responsive img-size" src="https://pbs.twimg.com/profile_images/666407537084796928/YBGgi9BO.png"></a>
</div>
<div class="col-xs-1">
<a href="#"><img class="img-responsive img-size" src="https://www.facebook.com/images/fb_icon_325x325.png"></a>
</div>
<div class="col-xs-1">
<a href="http://www.linkedin.com"><img class="img-responsive img-size" src="https://lh3.googleusercontent.com/00APBMVQh3yraN704gKCeM63KzeQ-zHUi5wK6E9TjRQ26McyqYBt-zy__4i8GXDAfeys=w300"></a>
</div>
<center>
<div class="row media-background padding">
<h1 class="col-xs-8"></h1>
<div class="col-xs-1">
<a href="#"><img class="img-responsive img-size" src="https://pbs.twimg.com/profile_images/730395088107372544/PgpnXhhh.jpg"></a>
</div>
<div class="col-xs-1">
<a href="#"><img class="img-responsive img-size" src="https://pbs.twimg.com/profile_images/666407537084796928/YBGgi9BO.png"></a>
</div>
<div class="col-xs-1">
<a href="#"><img class="img-responsive img-size" src="https://www.facebook.com/images/fb_icon_325x325.png"></a>
</div>
<div class="col-xs-1">
<a href="http://www.linkedin.com"><img class="img-responsive img-size" src="https://lh3.googleusercontent.com/00APBMVQh3yraN704gKCeM63KzeQ-zHUi5wK6E9TjRQ26McyqYBt-zy__4i8GXDAfeys=w300"></a>
</div>
</div>
</center>
</div>
it comes out as the last for icons being very spaced out
does anyone know how to make them close together
did you mention margins?
@jack1435
I did not. Would i declare that in my style sheet and then add it to the class would it work?
yeah that will do !
@sorinr ya i dont know its my first project so i use a lot of online resources so thats why it looks like that.. will fix it now tho! :)
Ahh ... I am currently on the Random quote machine project!
hey campers
This is my pen https://codepen.io/techobist/pen/ZOXvow
fxied it :) but im struggling a lot making the reset game and shuffle working :( @sorinr
Please someone could figure out what exactly I made errors in the JS statements
@danydin i don't see your buttons for shuff and mix
I want to make it look like this https://codepen.io/techobist/full/YWAAAE
@sorinr ya ok will add them in few mins and will put the js code for them and then ull see they are not working.. i tried without a button just to check thier functionllty but it seems like i dont know where to put them exactly :/
@danydin <button onlick="shuffleMe()">Shuffle</button> you change the shuffleMe() calling on how you have defined it into your js
@vaibsharma do you need to have a full background picture? if yes, take a look here: https://css-tricks.com/perfect-full-page-background-image/
guys I just don't get why my wikisearch app isn't showing any result http://codepen.io/doko/pen/RRkjPO
any clue?
Actually no. I want to get a JSON file then with that will assign the value and the elements to the local variables. @sorinr If you could find what am I doing wrong in JS ?
@vaibsharma you have not loaded the jquery lib
no one knows why my code isn't running?
@Doko85 Uncaught TypeError: Cannot read property '0' of undefined
can someone help me with this error ?
XMLHttpRequest cannot load https://en.wikipedia.org/w/api.php?action=query&list=search&exsentences=1&srsearch=test. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
on wiki apis page they say you dont need header since 2015
XMLHttpRequest cannot load https://en.wikipedia.org/w/api.php?action=query&list=search&exsentences=1&srsearch=test. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
on wiki apis page they say you dont need header since 2015
@sorinr now I corrected them too but it isn't working now also.
@Sleepy-guy add callback=? to your line
http://codepen.io/Iadetunji/pen/ZOKqXy, need feedbacks
@Doko85 but its showing when you search for some string and press enter. this is how you designed it to be triggered the searchTheWiki() function
it works for the button as well
@Doko85 so now it works or not?
apparently... I don't know why it wasn't working before though
@kirbyedy you mean 'callback=?' ? :D because if so than it still doesn't work xD
@Sleepy-guy link your pen
who is here to help me a bit
im still stcuk btw @sorinr
@danydin you have placed the buttons the wrong way . can you repost ur pen here
im really stuck if you can help me shuffle and or reset it
@kirbyedy but it's still very bad :D I haven't figured out the correct url which would give me everything i need well it's just still bad :D I have no idea how I'm gonna handle this :D
http://codepen.io/Sleepy-guy/pen/qNPAKE?editors=0010
http://codepen.io/Sleepy-guy/pen/qNPAKE?editors=0010
Hello guys, I started FCC few days ago and I'm now building the sample project of Front End Development section. I am trying to build the exact replica of this sample website: https://codepen.io/FreeCodeCamp/full/YqLyXB/
My question is, how can I make that page kind of section in the middle of webpage? I have changed the background but I am facing problem to develop the mid part(where the portfolio and the guy's picture is) I tried creating div and changing the background color but that does not work well Any suggestions?
@umerjamil16 what exactly you dont success?
@danydin put the picture on the right and text on the left?
The text and picture are inside a div(with different color than background), how can I do that? I tried creating div and changing its background color and putting text and picture inside it but it does not work well. I am using bootstrap
@danydin
you mean the background wheres the picture is , is different than the portofolio background color?
@sorinr dont forget me please thanks
danydin sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 445 | @sorinr |http://www.freecodecamp.com/sorinr
@Sleepy-guy
$.ajax({
url: "http://en.wikipedia.org/w/api.php",
dataType: "jsonp",
data: {
'action': "opensearch",
'format': "json",
'search': searching
},
success: function(data) {it should look something like this
@danydin yes, I want to create the same as given in sample. Here is my code: http://codepen.io/umerjamil/full/ZOXZwN/
now what you want different than what @umerjamil16
@kirbyedy hey can you help me please with my game :D
@danydin I would love to but my knowledge is limited, sorry
iam done with front end projects and submitted them.....my front end certificate was added to profile...it was too quick....i wanted to know whether fcc does background check of my code.....i have coded everything on my own but it is bit untidy....i have not added any comments to explain my approach to solve the project......Should i do that?....any one here who has completed the challenges
@danydin I want to put my text and image inside and another colored section. Like on the sample: https://codepen.io/FreeCodeCamp/full/YqLyXB/
@danydin.....you should checkout stackoverflow....people are more experienced than us guys out there and they give better insights
@renx777 ya deff will post there now ! thanks for the advice
danydin sends brownie points to @renx777 :sparkles: :thumbsup: :sparkles:
:cookie: 257 | @renx777 |http://www.freecodecamp.com/renx777
@kirbyedy oh thank you ... I find these wiki api so chaotic because many actions are simular but I dont know which to use ...
sleepy-guy sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1208 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Or search the site itself for your problem....many of the times....someone already might have posted same question
??
@renx777 well i doubt cuz its specific game but ya maybe :+1: d
@umerjamil16 give it a background in col-sm-4 for exmple
its bootstrap boxes size for specific devices
then other text in another one and give it diff color
@danydin like this? http://codepen.io/umerjamil/pen/ZOXZwN
hey guys
Please review
@danydin thanks
umerjamil16 sends brownie points to @danydin :sparkles: :thumbsup: :sparkles:
:cookie: 291 | @danydin |http://www.freecodecamp.com/danydin
@Torgian seems good to me.. just a question: where's all the "engine" code located? :o
"engine"?
Some1 explain me plz this:
why \n\ and \r?
FirstLine\SecondLine\ThirdLineFirstLine\n\\SecondLine\\\rThirdLinewhy \n\ and \r?
that looks like a general expression, almost. Not sure abut the n and r, where did you see this/
anyone able to help me with a bit of twitter api-ing?
i would be ever in your debt
@Torgian the whole js part
ah sorry, I had a browser issue before, I can see it now ^^
How do I check if a user has closed their account using Twitch API?
see what's returned in your console when you call that user, @asamolion
@FreyaRhianna Well if the user exists then it returns data of that user
if the user doesn't then it returns 404 error
but I don't know how to detect the 404 and use it as a flag for invalid user
@FreyaRhianna you can see my code here
@asamolion Sorry about that, my internet just cut out
@asamolion maybe you just fixed it in the time that I was offline, but I can't see the problem you're having? You're detecting the 404 status,and everything seems to be being returned?
@danydin can you repost your codepen link?
i've solved 1 issue
@sorinr
This message was deleted
now im working on reset the game also why the button is moving to the left before dissapering :worried:
guys, any thought about this? http://codepen.io/doko/pen/RRkjPO
@Doko85 the search button its not working after the first time search. on enter works everytime
I just tried it and everytime I write anything new and click again on the search button, it works
anyway, I missed one line of code to remove prev entries from the html
@Doko85 Looks pretty good! it might be worth it to take a look at th ecolours
@spot1000 what do you mean? they aren't looking good?
they do look good, I'm just finding that the background and text are a little similar then mix that with the sharp contrast for the hover function
I use adobe color to find complementary colors to use
@Doko85 ditto @sorinr . There seems to be a problem with search button working after the first time use. You might want to incorporate a reset function, as well.
I will add though, you've got a killer design!
yeah for the results hover I used the same contrast as the random button
@davisec52 try to refresh please
maybe jsut flip the colours on the hover, that'd be a little more subtle, and still indicate that it's being hovered over
just a suggestion, and it's mostly personal preference
@Doko85 yep the blue-grey in materialize its nice
@spot1000 flipping the colors on hover is a terrible result :D
@Doko85 Very nice! Problem appears to be handled.
hahaha well, maybe just make it darker than white, it's too polerizing
or me anyways
for
uhm wait... screenshot has a big white part that shouldn't be there
@Doko85 the code is pretty solid though
as you can see it's not a good combination of colors
hmm
btw I'll fix that part by asking a friend who works as a UI designer
haha good plan, they might tell me I'm insane, I ask my wife who's a graphic designer
she usually tells me I'm wrong
that friend of mine told me to use https://color.adobe.com/ you might want to give it a try
I've started using it recently
uhm I have a problem on my host with this code project... when I click on the input field it doesn't animate as it does on codepen... :worried:
also, if the snippet text is too long and goes on a second line, the alignment isn't as I planned it to be
@Doko85 @spot1000 yes for choosing a color pallete is good but if you ant to stick with google material design you will have to somehow match the color pallete from adobe to the google's one
which can be a problem
I don't use material design palette tho
@Doko85 but only material elements. i got it
the downside of using a framework is that it puts fixed amounts of padding and margin everywhere
Hi guyz
this s my codepen
a random quote machine
and it s problem s it doesnt return new quotes everytime i click the button
and it doesnt even delete the old quote
@khaduch yeah that looks awesome
guys ım at the Build a Tribute Page
yeah great
i made it
dont know what to do
i think this the easieast and simpliest portfolio lol
its mine thug lol
something s wrong with the image u can ignore that
pure html lol
ı will go crazy now
why ?
dont know
does anyone know best place to learn app development
idk i can only give u an example of the portfolio challenge lol
hehe
what kind of app development?
Game..
@NixonRichard this is what ı have done
games like flappy bird or Star Craft or Call of duty etc
I'm building Meteor/React app and I have an issue where some of the images returned from http://openlibrary.org/ are blank, not empty. If there where empty ie 404's I could catch the error and replace them with a image not found. However, they just return a blank image so I am not sure how to catch them and resolve this. Thoughts anyone?
@kirbyedy thanks!
yusufercn sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1211 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
@yusufercn lol
@camperbot talk too much
hello is there a function to convert ’ to normal quote symbol?
@FreyaRhianna Yeah, I fixed it while you werer offline
I used a different API endpoint and that got me status of users as 404 for invalid and 422 for unavailable
@asamolion yeah, that's how I did it too
@NixonRichard if you're still working on your quote problem: your quotes are being appended onto the end of your container (they're not overwriting your previous quotes, they're just being added on), as far as always calling the same quote, I except that you're program is caching the last call. Maybe try disabling that,
@d1sr3 I know in jQuery you can call .html() on the thing you are targeting, and then .text() to get the text value back - I'm not sure what the pure javascript implementation is
how did you all go about building the portfolio project? Did you write it out on paper first or just built has you went?
@T-Leonard I based mine on another portfolio and made changes I wanted along the way and used my resume to fill in much of it.
@T-Leonard planning on paper is always a smart move, no matter the project
@MichaelLeeHobbs @FreyaRhianna Thanks I will use each of your advice and try planning on paper then fill my resume as I go.
t-leonard sends brownie points to @michaelleehobbs and @freyarhianna :sparkles: :thumbsup: :sparkles:
:cookie: 283 | @freyarhianna |http://www.freecodecamp.com/freyarhianna
:cookie: 431 | @michaelleehobbs |http://www.freecodecamp.com/michaelleehobbs
is there a function in javascript to convert html entities as ’ to normal text?
@d1sr3 take a look at this https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURI
@d1sr3 this might be more useful https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/unescape
@MichaelLeeHobbs I have already tried both
@d1sr3
var decodeEntities = (function() {
// this prevents any overhead from creating the object each time
var element = document.createElement('div');
function decodeHTMLEntities (str) {
if(str && typeof str === 'string') {
// strip script/html tags
str = str.replace(/<script[^>]*>([\S\s]*?)<\/script>/gmi, '');
str = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gmi, '');
element.innerHTML = str;
str = element.textContent;
element.textContent = '';
}
return str;
}
return decodeHTMLEntities;
})();
@d1sr3 Reference: http://stackoverflow.com/questions/5796718/html-entity-decode
@d1sr3
these may be helpful: :sparkles:
these may be helpful: :sparkles:
http://codepen.io/Iadetunji/pen/ZOKqXy i need help with making the background color change as the button color and quote changes simultaneously
@FreyaRhianna That s right but how to disable that ?
I use ajax so the cache problem is easy to solve (you just set cache:false) but, with .getJSON I think you can either globally disable cache (probably not good practice) or you can time stamp your call requests so they are always unique and thus a new call is always done.
your appending problem is caused by using ("#text").append. I suggest looking for another way to write to an element (I use .innerHTML on a getElementById when I write to elements)
$("#text").innerHTML(a[0].content + "<p>— " + a[0].title + "</p>")
like this ?
@NixonRichard I don't think .innerHTML works with elements that you get with $('blah')
I know you can use .text. So $("#text").text, but it wont change the html so <p> will just appear in plain text on your page
it might be easier to just use document.getElementById('text').innerHTML
look up the documentation for it
document.getElementById('text').innerHTML(a[0].content + "<p>— " + a[0].title + "</p>")
});
i made it look like this but doesnt work either
@NixonRichard what's up? what's the problem?
This message was deleted
my quote machine doesnt get new quotes anytime i click the button nor delete previous quote
It should be .innerHTML = whatever you want written to an element
not brackets,
document.getElementById('text').a[0].content + "<p>— " + a[0].title + "</p>"
});
still doesnt work either
TT
@NixonRichard I'm getting the quote
But I'm getting the same quote again and again. Also, why are you appending it?
i dont i get the code from here
And they say
If you’re using something like jQuery, it can use the content with it’s own fancy callback magic, like this:
$.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(a) {
$("body").append(a[0].content + "<p>— " + a[0].title + "</p>")
});
This message was deleted
this s my codepen so far
@NixonRichard nono. It's document.getElementById('text') = and then whatever you want written
sorry, I mean document.getElementById('text').innerHTML =
Oh
Gr8 @FreyaRhianna
@FreyaRhianna don't ya think you're going too fast? You've just started a week before and almost done with front end
@Krish2704 I'm pretty experienced with coding in general,
But the same quote keep returning over and over again
This message was deleted
@FreyaRhianna Do you know front end before?
@NixonRichard cause your api has only one link
one quote*
WHere can i get API with more quotes ?
kind of
@NixonRichard I think your .getJson is caching the call. I stopped that in mine by disabling the cache, but I use $.ajax so the syntax and functionality is slightly different. You'll have to look around on google (or ask someone who's not me :P) to work out how to stop it from caching. I think if there's a way of adding a time stamp to your call so it will always be unique .
@Krish2704 @NixonRichard the link is fine. He's calling the api that will only return one object at a time, but if you put it up in the browser, every time you refresh you get a new quote
SO it works on a browser ?
How to put it in a browser then ?
@Krish2704 I started learning CSS and HTML about three weeks ago, before I found FCC, but I already know quite a few languages
@FreyaRhianna Ah right! Its giving different quotes when I refresh
bevause of this
$(document).ready(function()
i guess
@NixonRichard your api url is in the correct place. I just meant that if you copy and paste the URL, you can see that the link returns a random object. Your problem is that your program has made the call once and then gone "for efficiency, I'll hold onto this". Then, when it's called again, it goes "I've already got this object. Here you go" But what YOU want is for a new call to be made so a new object is returned. To do that, you'll have to find a way to disable cache or trick your .getjson into believing that it's a completely new call. But I use .ajax, which means I just had to write cache:false. I don't know how to stop caching with .getJSON
Hey there, is anyone up to help me with that random quote generator? All those functions from the "JSON API and Ajax" Chapter won't work with the json response I receive. I have no idea on how to access the keys/values of that object -> http://codepen.io/datnewcudi/pen/rLGJRx?editors=0110
hey @lau-b im a step ahead u lol
@FreyaRhianna Can u show me how to make it with ajax ?
It seems simpiler than the .getJSON one
@lau-b cause you didn't add jquery UI in your js panel, I'm getting an error in console, $ not defined
@lau-b and you could access the quote from data of json using bracket and dot notation
@FreyaRhianna and @NixonRichard, it's kind of a hack but you can avoid cacheing by using a useless url parameter, like http://ipaddress/api/getdata?useless={new Date();}
where useless changes for every call
Chose setting then js then quick add @lau-b
@NixonRichard I watched the videos in this series https://www.youtube.com/watch?v=fEYx8dQr_cQ (the one I've linked to you now and the next two in the series) .
Yea, i did it.. It works... I tried bracket and dot notation before but somehow it didnt work until I added the jQuery UI thingy
Thanks a lot :clap:, I'll get going again
I got it
@lau-b ;)
I stopped the caching
good luck
it stopped caching
@NixonRichard cool! well done :+1:
Yeh THx @FreyaRhianna @Krish2704
nixonrichard sends brownie points to @freyarhianna and @krish2704 :sparkles: :thumbsup: :sparkles:
:cookie: 630 | @krish2704 |http://www.freecodecamp.com/krish2704
:cookie: 284 | @freyarhianna |http://www.freecodecamp.com/freyarhianna
@lau-b make this $(".quote").html(json.contents.quotes[0].quote);
@NixonRichard nice. working fine for me. :+1:
@Krish2704 just a tiny step lol
looks good
Hey, can anybody tell me why my setInterval function doesn't get reset after I've started the whole queue of functions again from the document ready function?
http://codepen.io/redixhumayun/pen/EyvpkE?editors=0011
http://codepen.io/redixhumayun/pen/EyvpkE?editors=0011
Any help would be appreicated
I'm completely lost at the momen
Nothing I do seems to make the set interval restart and therefore restart the timer.
SOrry i cant help u @redixhumayun
Hi guyz
@redixhumayun did you do a clearInterval(); to end it?
Alright, now I have to just style out my page.
Can anybody tell me, why this link http://quotes.stormconsultancy.co.uk/random.json doens't work when I try to access it with $.getJSON ?
i have no idead
ok i want to change my quotes color ( it ll appear when u click the button )
cant see them in white
@lau-b it's usually a cross-origin or mixed content error. Check your console in the dev tools
or post your codepen
I tried to use the link before, then i switched to another (which doenst get a random link, only the quote of the day) and build my code around the new link. The old wouldnt be displayed right now, I was just wondering again :)
http://codepen.io/datnewcudi/pen/rLGJRx
http://codepen.io/datnewcudi/pen/rLGJRx
@dhcodes can i pm you for an opinion?
@lau-b it seems to work, but you are only getting one quote because I'm guessing the quote of the day only yields one quote?
@sorinr sure
Yes, right. The other link would return a random quote, but I couldnt figure out how to use it / it seemed broken. Thats why I used that uote of the day link.
@lau-b well it's working as far as it gets one quote
what's the url to the old one?
@lau-b it results in a cross origin error, you can get it to work if you append https://crossorigin.me/ to the beginning of the url
but you'll need to change the code you use to access the quote
since it's a diff. object than your current link
I guessed that, I'll try to make it work after I finished the design :)
Thanks for the advice about crossorigin
can anyone help me change the text s color ?
it s white now and i cant see it cuz the background s white also
and dont change the h element s color
Solved the issue with blank images from an external api. I added the following to the div that holds the images.
<p className="text-center"
style={{
zIndex: "-1",
position: "absolute",
width: "40%",
top: "10%",
left: "30%",
}}>
No<br/>Cover<br/>Image<br/>Found
</p>
cool !
can u help me with the quotes machine ?
Is it mandatory to add the color-changing mechanic to the random quote's challenge?
@NixonRichard you are overriding your CSS pane with the <style> tags in your html
move everything to the CSS pane
and it will work
@lau-b nope.
div.fill-screen
{
margin:0;
padding: 0;
height: 100vh;
width:100%;
background-color: black;
}
@lau-b no the whole styling is up to you
@Sprinting there probably isn't enough content; try changing height to min-height
@NixonRichard What colors do you want that machine to be?
@dhcodes Yeah, I did that. i have a problem with trying to restart the whole thing
@dhcodes I can't seem to re-enter the setinterval function again
@AnatolyPushkarev grey maybe
@NixonRichard
ok i'll take a gander
readable is ok
@NixonRichard did you read what I said?
<style>
.bg-1 {
background-color: black; / Green /
color: black;
}
</style>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<div class="container-fluid bg-1">
<h2 class="blue-text text-center" style="color:blue">A QUOTE MACHINE</h2>
<div class = "row text-center">
<div class = "col-xs-12 well message " id="text"><h3 class = "black-text">Hello</h3>
</div> </div>
<div class = "row text-center">
<div class = "col-xs-12 ">
<button id = "getMessage" class = "btn btn-primary ">
Get Quotes
</button>
</div>
</div>
</div>
<span style="z-index:50;font-size:0.9em;"><img src="https://theysaidso.com/branding/theysaidso.png" height="20" width="20" alt="theysaidso.com"/><a href="https://theysaidso.com" title="Powered by quotes from theysaidso.com" style="color: #9fcc25; margin-left: 4px; vertical-align: middle;">theysaidso.com</a></span>
your classes would work if you move your bg to the css pane and then get rid of your style tags
oh yeah
Sorry, I am new here I don't know how to paste code
Check out your link
yeah @AnatolyPushkarev but i want the text s color s different from the back ground (=
hey @dhcodes
i think i did it wrong
@AnatolyPushkarev u just copy and paste my friend (=
Well, black text on white background is not ok?
@redixhumayun it seems to work on the click of the clockface to stop the time. what isn't working again
?
@AnatolyPushkarev i did it dont worry
@AnatolyPushkarev yeah it s fine im just an idiot lol
@NixonRichard Ok, glad you figured that out
@dhcodes When it gets clicked again, it needs to resume the countdown. That's the part that won't work.
@NixonRichard here you go: http://codepen.io/dhcodes/pen/QEqAra
you were missing semi-colons after your colors
I also removed the styles and moved them to the CSS pane
yeah
also, you don't need to call bootstrap css in the HTML box if you do it in the settings @NixonRichard
Okay, I have finished the challenge. I could use that old link by adding "https://crossorigin.me/". Thanks for all your help @dhcodes, @NixonRichard.
@lau-b throw an @ mention on that thanks lol
dhcodes sends brownie points to @lau-b :sparkles: :thumbsup: :sparkles:
:cookie: 283 | @lau-b |http://www.freecodecamp.com/lau-b
yeah @dhcodes this s different but it worked too
@dhcodes @NixonRichard @Krish2704 @sorinr thanks everbody :D
lau-b sends brownie points to @dhcodes and @nixonrichard and @krish2704 and @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 58 | @nixonrichard |http://www.freecodecamp.com/nixonrichard
:cookie: 632 | @krish2704 |http://www.freecodecamp.com/krish2704
:cookie: 446 | @sorinr |http://www.freecodecamp.com/sorinr
:star2: 1201 | @dhcodes |http://www.freecodecamp.com/dhcodes
lol now u r steps ahead me
(=
@redixhumayun well i'm a little farther; if you make time_arr a global var and then add this line after getValues in the click function
startCountDown(time_arr,true);
but I gotta run
good luck
@NixonRichard it "works" for the text but nothing else you add in CSS will work because you need semi-colons after your colors
you are putting them after the }
they need to be before the }
@dhcodes Alright, that didn't work
thanks anyway
@dhcodes hey i deleted the bootstrap link im my html all the bootstrap stuffs has gone
i added bootstrap in css
@NixonRichard uh.. it's still there
your issue is your semicolons
i gotta go
peace everyone
Okay bye thx for u helps
hi guys
how to insert target="_blank" code in all anchor tags in my html with jQuery?
$("a").attr("target","_blank")
@1ucid
thank you :D
Kartik Mudgal
but still not working
i will try to adjust it
did you wrap it inside
$(document).ready()?
you didn't forget the semi-colon right? @1ucid
without it the function would try to run before your html is loaded
and fail
i didn't forget semicolon
is there any error in the console
@1ucid your code should be inside
$(document).ready
like this, for eg
(document).ready(function(){
//$("body").html("hello WOrld!");
var btn_anim="animated hinge";
$(".social-icons").on('mouseenter',function(){
$(this).addClass(btn_anim);
});
$(".social-icons").on('mouseleave',function(){
$(this).removeClass(btn_anim);
});
});
i know
here is my code
$(document).ready(function(){
$("a").attr("target","'_blank'");
});
$("a").attr("target","'_blank'");
});
@1ucid those
''
dont add the single quotes, inside double quotes
are extra
i removed them, still not opening links in new tab
but the same
can anybody help with the wikipedia viewer https://s.codepen.io/Deadpool37/debug/xOXGpq
thanks anyways
guys
its working when i removed the extra quotes omar @1ucid
$(document).ready(function(){
$("a").attr("target","_blank");
});
@Deadpool37 I haven't yet started, so i can't look at the code :p
that would be cheating, anyways what problem are you having?
i have two main problems:
I have to search 4-5 times for it to search for the first time
I have to search 4-5 times for it to search for the first time
maybe the problem is this online app CodePen.io
which i use for this project
And the search links come and then disappear. I don't how to let them stay
err, I'll do it in codepen for you , wait a sec
@Deadpool37 I can't exactly help without looking at the code
sorry :(
@Sprinting remove the 'debug' from url to 'editor'
@Sprinting ok it doesn't work that way
here is my codepen.io pen
@1ucid @Deadpool37 uh, i dunno maybe it's just codepen
let's try out js fiddle
ok, thank you
very much
yes, it works in fiddle
codepen's being whiny
are you sure
i tried and still doesent working :(
see this, right click and select inspect
to see the link
getting a little burnt out on the weather app. I've been struggling with it for so long, I'm pulling out my hair....
cause jsfiddle wont allow you to open links
@cjrutherford what api were you using for weather ?
in a new window
jes its ok this your project
jes?
@Sprinting I started using just the navigator object to get my location data, then had to switch to ip-api in order to get around mixed content issues, then I couldn't quite get how to parse it all and the call backs got all convoluted.....
Yes*
@cjrutherford take a break, and have some fun. I'm yet to start with that project maybe disscuss it as we go along
yeah, I may also go with pairing to see if I can find someone to work on this with
@Sprinting maybe the reason why doesen't work is because your links are directly in a div and my links are in a p tag
@cjrutherford
$.ajax({
url: "http://ip-api.com/json",
success: function(data) {
});
});
@cjrutherford i don't think pairing would be a good idea if we can't match time zones, mine is +5:30
@Deadpool37 thanks man! I was hoping for something jQuery ish and that fits the bill!
cjrutherford sends brownie points to @deadpool37 :sparkles: :thumbsup: :sparkles:
:cookie: 273 | @deadpool37 |http://www.freecodecamp.com/deadpool37
@Sprinting I'm in New York, so I don't think we're that far off.
ET?
@1ucid that wouldn't cause any problems since you're directly selecting anchor tags
ok
@cjrutherford Happy to help :)
@cjrutherford no +5:30 GMT, its 11pm here xD
@Deadpool37 thanks for the idea ;)
sprinting sends brownie points to @deadpool37 :sparkles: :thumbsup: :sparkles:
:cookie: 274 | @deadpool37 |http://www.freecodecamp.com/deadpool37
@Sprinting Ah! that wouldn't be too good then....
it's 13:25 here
huh, almost 10 and a half hrs, lol
@Deadpool37 does that code have an extra
}); at the end?
and for some reason the var passed to the call back throws an error stating
data is undefined
@cjrutherford yeah no ; after success function
hmmm.... but why is my callback variable saying it's undefined?
@cjrutherford
$.ajax({
url: "http://ip-api.com/json",
success: function(data) {
}
});
@cjrutherford there was an extra ) also
@Deadpool37 I'm calling the function, but writing it elsewhere
:shipit:
I just find it to be cleaner. Coming from C#, python, and true java
I've been finding it a bit jarring to call a function as an argument of a function.
I come from C and C++
do i include external javascript file in html with <script src="myscripts.js"></script> in head of html?
@cjrutherford i can understand i did python recently so this totally different
@1ucid not in codepen
no, but in sublime text
@1ucid yeah you need to
ok, thanks
@1ucid yep, you want to be sure that you have all the imports links and script tags included.... it's a mess if you've never used anything but code pen
taking a break, thanks @1ucid and @Deadpool37
cjrutherford sends brownie points to @1ucid and @deadpool37 :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @1ucid |http://www.freecodecamp.com/1ucid
:warning: cjrutherford already gave deadpool37 points
what these brownies mean, can i send someone ? :D
@1ucid you also need to link bootstrap css and js links if you added them through codepen settings
right, bootstrap
i forgot about that
what is the url to use in order to fetch wekipedia search results ?
do i need to install bootstrap on my computer to use it?
or just to use
link in my html
@1ucid umm no just add the url from settings
ok, thanks
thanks Ananay
:)
hey guys, I have a question about the front-end portfolio project
In my navbar, when I use class="active" it highlights the current tab item but when I click on other tab items, they won't highlight, also my hamburger button isn't expanding when clicked.....based on these two issues I know I'm having animation issues, possibly with my script tags?
Hey guys, quick question. I'm having issues with Chrome displaying a fade in effect for my links in my navbar; the effects work fine in Edge so I'm not sure what the issue might be. Any suggestions would be appreciated! Link to code in question: http://codepen.io/Azraith/pen/KMaeXX
@dbaird987 in order to highlight the selected tab you have to do that with jQuery "addClass("active") to your element.
Can anyone help with the TwitchTV project? I have the online/offline accounts working fine, but I can't get the inactive accounts to display. They don't pass through JSON, so something like "data.status==422" doesn't work, and splicing out the online/offline accounts and printing the remaining ones doesn't consistently work because of asynchronous issues, so I'm pretty lost.
awesome thanks man
not at all :smile:
Actually just kidding on my question, apparently some of my other CSS was interfering. Works fine now!
I was looking to your code @Azraith
that good :smile:
my React component takes nearly 2 seconds to load..Any sugestions..?
created a starter template for React based project check it out https://github.com/knitesh/React-Browserify-Gulp
hey guys when i launch cmder.exe
dr.web put ConEmuC.exe into quarantine treating it a virus and launching failes. does anyone has this problem?
hey folks, anyone able to help me figure out why my code for Diff Two Arrays is not working? My accepted solution from Dec. 2015 no longer works. Here's a slightly modified version of my soln, but the logic is the same
//jshint asi:true, esversion:6
function diff(arr1, arr2) {
return arr1.filter(n => !arr2.includes(n))
.concat(arr2.filter(n => !arr1.includes(n)))
}
//diff([1, 2, 3, 5], [1, 2, 3, 4, 5]);
diff(["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]);
@0x0936 what this bonfire about?
added link to algo challenge :point_up:
@0x0936 it works
what are "bonfires" that people refer to? are those just the algorithm challenges?
@0x0936 just put semicolon after
.concat()
@dagman hmm. it's not working for me. and I don't need semi-colons when using the jshint
asi:true
@0x0936 the freecodecamp test asks semicolon and after that passes all tests
@dagman I did add a semi-colon, and it's not working :(
so if you wanna it to be passed in freecodecamp you should put semicolon
@0x0936 for me it works i got all test passed well
i mean it totally works for me
this is what I've tried
//jshint asi:true, esversion:6
function diff(arr1, arr2) {
return arr1.filter(n => !arr2.includes(n))
.concat(arr2.filter(n => !arr1.includes(n)));
}
diff([1, 2, 3, 5], [1, 2, 3, 4, 5]);
I've deleted local storage, reset code, reloaded page, hard reload and emptied cache
@0x0936 just now i copied and pasted it it works perfectly
@dagman I do really appreciate you spending time to help and verifying that the code is fine. Maybe I need to reboot or something. Thank you!
0x0936 sends brownie points to @dagman :sparkles: :thumbsup: :sparkles:
:cookie: 602 | @dagman |http://www.freecodecamp.com/dagman
@0x0936 maybe reload browser and try again
yw
Hi everyone. I would like to know for the personal portfolio, how do I know whether to use
@0x0936 btw very nice solution :smile:
jQuery or JavaScript ?
@anye55 do u going to use bootstrap.js or foundation.js?
@dagman found the problem - back in Dec. 2015, the function was called
diff() and since has been renamed to diffArray(). I copied over my solution and made changes within the function, using the older diff() name
@0x0936 you see i was right :smile:
@dagman ;p
function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
var result = "";
// Your code below this line
result = "The" + myAdjective + myNoun + myVerb + myAdverb;
// Your code above this line
return result;
}
// Change the words here to test your function
wordBlanks("dog", "big", "ran", "quickly");
can a class file be called anything
for example <div class="test"></div>
@davisec52 That's what it was. I figured it out about an hour after I posted by trial and error. Thanks for the response!
aaronhanna sends brownie points to @davisec52 :sparkles: :thumbsup: :sparkles:
:cookie: 450 | @davisec52 |http://www.freecodecamp.com/davisec52
okay, not sure why but my background changing code is failing to run and not sure why...
http://codepen.io/christopherrutherford/pen/YWxNJz?editors=0010
http://codepen.io/christopherrutherford/pen/YWxNJz?editors=0010
guys, how do you copy this code from sublime text directly here?
2
@1ucid Just paste your codepen's web address
not that, but image of a code from sublime text editor
I guess you can hit "prt sc" button on your keyboard and paste into a web hosting website like Imugr
ok
and how to set default theme on sublime text 3, do you know that?
@1ucid no dude sry
nvm, i will reinstall
@cjrutherford ok, dude I'm not a pro but maybe this is because your temp values are private and puplic
@Harry97 so I should move the switch to where the values are local? or pass the value
@cjrutherford moving your switch statements into the function the values are defined in shall make things work out
okay, good thing code pen allows me to collapse them.....
yeah
btw why are you overcomplicating things
I mean the goal of this challenge to change the background picture if the temp are below a certain value and that was it but you had to create multiple ones :D
a little bit, I wanted to use the id codes from the API to determine the image. Better than my original idea of a different image per code, now just a different background based off the class of code. I think I may reimplement this as an if though
@cjrutherford dude, it works
all I had to do was to add a background-image in the css code
there wasn't any value to change in the first place
nvm
I fucked up
@Harry97 what? I've been having trouble with code pen running right.... and I think it's actually less code to do it as a string of if's...
@cjrutherford I don't mean to be a dick but here's the way I managed to pull the temperature with much less code http://codepen.io/Hadouken/pen/BKjBKd
@Harry97 ur weather app dont work :(
@Harry97 it's okay, to each his own. Thanks.
cjrutherford sends brownie points to @harry97 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for harry97
@uniforlyff Can you try again now ?
@Harry97 not working still :(
@uniforlyff Are you using chrome ?
firefox
and you've enabled your geo location ?
probably not :D
:D
:joy:
dude I was shitting my pants :D
XD
can i see ur wikipedia one
any interest in watching a FCC Twitch API Project stream?
- locally developed from start to finish
- will embed live Twitch video and chat
- will be pushed to a gh-pages branch on github - you'll be able to visit the final project
- vanilla JS with ES6 syntax - developed on a Chrome 51 browser
- engage - ask questions / offer feedback
- bring your own music - I won't capture the music I'll be streaming (also means no mic)
this will take an estimated 1 - 2 hours. planning on stream start in about 25 minutes at https://www.twitch.tv/droopfizzle
eh still working on it :D
@0x0936 okay i might got here later
@Harry97 :+1:
goddamn it dude why does everyone here can code shit better than me :P
I like how there's a drop down with possible predictions
Oh
@Harry97 :+1: you're already good maybe you probably started later than me
one very small minor detail when I click on any item in the drop down list it doesn't automatically open up the wikipedia page corresponding to it
I have to click on the little search icon
oh yeah when you click it, the value of the input changes
i forgot to put when enter was pressed oh well
I know but I mean if someone found the thing they are looking for they should be taken to it right away
o.o
i was thinking it like google search
dude don't get me wrong it's amazing but I'm a bit impatient so I'd want to get whatever I'm looking for as fast as possible
hehe i see
like I said its a minor thing
i did it like that the first time but chanegd my mind
oh and another thing but tbh I couldn't pull it off
pull what off
not only the user can click the search icon to start searching
harry
huh
but also he should be able to kick it off with hitting enter
for mine or urs
@uniforlyff urs
lel
i want to insert target="_blank" on every link in my html using jQuery
@1ucid what's up ?
i did this
$(document).ready(function() {
$("a").attr("target", "_blank");
});
$("a").attr("target", "_blank");
});
and it doesen't work
do you know why?
@1ucid Why didn't u hook it to a button ? like this http://www.w3schools.com/tags/att_a_target.asp
or hyperlink just like you wanted
@Harry97 enter btn works
i didnt use jquery on mine :shipit:
i don't want to do it manualy on every anchor tag
@uniforlyff LOL u did it
@1ucid id help u but dunno jquery
o.o
ok, no problem
thanks guys
@uniforlyff dafuq ?!! u don't jquery how come ?!
@Harry97 i didnt want to learn it until i knew pure js
you can see i didnt use jquery in all projects
ok, I know that I'mma sound like a complete asshole but jQuery is the shit
DOM isn't only sluggish and inconvenient
hehe okay
here take a look at my projects
oh wait
but companies only use jQuery so it's important if u wanna secure a job
the weather project kind of inapropriate so dont click on it
@Harry97 its not hard for em to learn
@Harry97 i can look at it and still see what's wrong
i jsut never really praticed it
Starting Twitch API stream in ~4 min :point_up: July 10, 2016 3:38 PM at https://www.twitch.tv/droopfizzle
I didn't say you can't figure our jQuery
it's just what the cool kids aren't into
and we gotta blend in
with 'em cool kids
lel
regarding your portfolio page as a Bootstrap nazi I gotta say
when I resize my browser I don't see any drop downs :shipit:
oh yeah i didnt add that
the navs disapear though :joy:
well you are under arrest then :D
okay imma go watch stream
ok it was fun talking to u ^^
-.- its black screen
@Harry97 :sparkles:
are you sure they've started ?
he said 4 min so close nuff
it was working so well..... now it's back to not working at all...../
@cjrutherford I'm sorry but can u resend your codepen ?
@Harry97 of course.
ah I see what's going on, I ran out of API calls.... :frowning:
yeah something wrong with that $.ajax
nope! it was HTTPS.....
Hello guys
that's the error I'm getting in the console
XMLHttpRequest cannot load http://ip-api.com/json. Failed to start loading.
because it's an http api not an https one
@leykhins Hello man ^^
I have just started building my portfolio but I am working on jumping the menu... i mean when i click about i want it to scroll to the about section of the page but what doesnt work currently.. any help please
<p data-height="265" data-theme-id="0" data-slug-hash="VjWNRz" data-default-tab="html,result" data-user="leykhins" data-embed-version="2" class="codepen">See the Pen <a href="https://codepen.io/leykhins/pen/VjWNRz/">VjWNRz</a> by Lekan (<a href="http://codepen.io/leykhins">@leykhins</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="//assets.codepen.io/assets/embed/ei.js"></script>
<iframe height='265' scrolling='no' src='//codepen.io/leykhins/embed/VjWNRz/?height=265&theme-id=0&default-tab=html,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/leykhins/pen/VjWNRz/'>VjWNRz</a> by Lekan (<a href='http://codepen.io/leykhins'>@leykhins</a>) on <a href='http://codepen.io'>CodePen</a>.
</iframe>
</iframe>
dude
don't copy the whole code here
just let us see your codepen
copy paste the web address
sorry...
ok dude two things
first create a hyperlink that'd take the user to an id like this
<a href="#about-me">About</a></li>
Okay... I'm really not understanding CORS... How do I stop it from returning No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://codepen.io' is therefore not allowed access. in random quote machine
then basically wrap your about me area in a div and then give it the attribute you want
and in my example it'd be ofc id="about-me
@Harry97 check the source code i already done that...
but it doeant work...
doesnt*
@leykhins OH so sry
remove the "#" from the div's id
you only need it when you are referencing it
not when naming it
@CodeTilCoding Please let us take a look at your codepen
and let's see if we can do something about it ^^
same thing with the home button
@leykhins They know work just fine with me
hi guys, anybody knows why my input label works fine on codepen and doesn't act the same way on my self host? I guess it's something related to material design cause even the social button on the bottom right isn't working as expected http://spectrestudio.coolpage.biz/projects/wikisearch/
@Doko85 you're including two of your js libraries with the link tag
should use script
damn
what a stupid error
it now works as intended... thanks @pnahratow
doko85 sends brownie points to @pnahratow :sparkles: :thumbsup: :sparkles:
:cookie: 290 | @pnahratow |http://www.freecodecamp.com/pnahratow
@Doko85 :) great
even tho there is this extra space on the bottom part of the results cards
I don't know where it comes from
nvm found it.. it was from the row class
@cjrutherford ok man hopefully this is not a false alarm
fork it and then open up debug mode
and make sure the web address is set to http
here's a screen shot to prove it http://imgur.com/aoqqtzU
@Harry97 what seems to be the problem?
@CodeTilCoding you can use jsonp
@pnahratow @uniforlyff I don't know some crap regarding web browsers security measures
@Harry97 whyd u at me?
well just use the http link to share your codepen http://codepen.io/Hadouken/pen/BzwPbj
@uniforlyff so sry mixed u with philipp
@pnahratow yeah I should've done it's just even tho the project is working now I don't really know what was holding us
as you may know I'm trying to figure a solution with @cjrutherford so I got confused sry
@Harry97 I guess the problem is just that ip-api.com doesn't offer encryption using https://ip-api.com. I don't know why, though.
but If you could load the json via https the error would disappear
@pnahratow with all due respect I don't understand shit so mind you sending me some links to explain what you are talking about ?
@Harry97 in short. if you visit. https://ip-api.com you get site not found. Which sucks.
but if I removed the "s"
it works
@Harry97 or to put it differently if you want to use https you cant use ip-api
don't worry just stick to http and you're fine for now
@pnahratow alright man I greatly appreciate your help ^^
can anyone take a second and look at this? https://codepen.io/lenmacrae/pen/PzjAPw
the images in the portfolio section go over the fixed header, but everything else looks proper
@lenmacrae try to add z-index: 0; to your images
and z-index: 1; to your header and see if this helps
hmm, doesn't seem to make any difference
the images in the about and contact sections do work the way I want
OH
remove the position relative from both
image-left and image-right
ok yes, that's it!
pound it dude :+1:
I thought i needed that for lining up the images, but guess not. Thanks for the assist!
and just one more thing
you are over complicating things when it comes to the image positioning
I understand this is ur 1st project but you know
make sure to get back to it and see how to minimize some of that css code^^
yeah, will do. I was messing with a bunch of different stuff to see if it would help but didn't find the right css
seems like your images slipped right into the contact section
harry you are still here :D
yeah dude
do you use sublime text?
This message was deleted