I have a JS question for my weather app
@Am3ricanPaladin what exactly is the problem?
@Dueldrawer8 you're making an ajax request that is blocked by the browsers security policy
if you open your console you should see a message like this:
@juliankrispel my console in the codepen? i didnt see any message
XMLHttpRequest cannot load https://en.wikipedia.org/w/api.php?action=query&format=json&prop=links&list=search&srsearch=will+smith&srwhat=text. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s.codepen.io' is therefore not allowed access.
@juliankrispel would it make a difference if i used .getJson instead?
@Dueldrawer8 your browser debugger
it'll be the same
anyway i can overcome it?
@Dueldrawer8 https://blog.codepen.io/2013/09/23/ajax-codepen/
it's pretty restrictive
hey @smzagury thanks. Im supposed to kind of create a web portfolio that is similar to this http://codepen.io/hallaathrad/pen/vNEPpL?editors=1100 but not sure where to start.
am3ricanpaladin sends brownie points to @smzagury :sparkles: :thumbsup: :sparkles:
:star: 286 | @smzagury | http://www.freecodecamp.com/smzagury
@juliankrispel then how does everyone do it with the ajax request?
@Dueldrawer8 I'm kind of new to this community so I don't know what people do here, but you could probably work on your own machine, or use a service that allows cross-origin-requests
@juliankrispel plenty of people are able to successfully run it.. look at this for example
the only difference really is the &callback= in his code..
looking
@juliankrispel thanks
dueldrawer8 sends brownie points to @juliankrispel :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for juliankrispel
i'm trying to do random quote but don't want the quote to run if its the same as before. any ideas?
Hi everybody! So I am building a tribute page and I've searched google about how to center a group of images.
I figured using a <div> would be the first step
tried randoming a number and using a for statement so it won't run unless its unequal to the last number but doesn't seem to be working http://codepen.io/sirseanconnerie/pen/MyOqWY
but i can't figure out how to center said div
<p data-height="268" data-theme-id="0" data-slug-hash="MyQjXY" data-default-tab="result" data-user="thatssojessy" class="codepen">See the Pen <a href="https://codepen.io/thatssojessy/pen/MyQjXY/">Phife Dawg Tribute Page</a> by Jessica Dembe (<a href="http://codepen.io/thatssojessy">@thatssojessy</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="//assets.codepen.io/assets/embed/ei.js"></script>
ok...that didn't show p as expected, hold on
okay...how do i copy and paste a pen?
i just link the url
i'll work with the font in a moment, but how do i center the group of images in the div
i tried margin, but no dice.
@Gregory-Buhler THANK YOU!!!! Thank you for you'r time and help,it means a lot,awesome community on this site!!!!
papaunik1993 sends brownie points to @gregory-buhler :sparkles: :thumbsup: :sparkles:
:star: 315 | @gregory-buhler | http://www.freecodecamp.com/gregory-buhler
@jessica-dembe margins worked for me but i think mainly because it was inside a div
@jessica-dembe try:
img{
display: block;
margin-left: auto;
margin-right: auto ;
width:756px;
height:504px;
}
img{
display: block;
margin-left: auto;
margin-right: auto ;
width:756px;
height:504px;
}
@juliankrispel found this in stack overflow.. i tried it in ajax call but didnt work.. trying it in .getjson instead http://stackoverflow.com/questions/3873636/no-response-from-mediawiki-api-using-jquery
jsonp is basically a way to get around the security restrictions in browsers :)
so all you need to do @Dueldrawer8 is set
dataType: 'jsonp' and that does the trick
@Dueldrawer8 thanks again, the .getJSON works also if i add callback=? in my url..
sorry dueldrawer8, you can't send brownie points to yourself! :sparkles: :sparkles:
thought they were the same thig
@juliankrispel meant thanks
dueldrawer8 sends brownie points to @juliankrispel :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for juliankrispel
pleasure :D
thanks @SirSeanConnerie! I did the 756px, but i am using height: auto because the images are different heights :)
jessica-dembe sends brownie points to @sirseanconnerie :sparkles: :thumbsup: :sparkles:
:star: 276 | @sirseanconnerie | http://www.freecodecamp.com/sirseanconnerie
@juliankrispel howd you get it to work?
i added that to my other codepen but still doesnt log
@Dueldrawer8 you have a typo
Has everyone ever went Blank when building your tribute page?
it needs to be
dataType not datatype
ah
man.. simple yet hard to spot
yea
That will never stop
Even after years of doing this stuff
how long have you been doing it?
good question, no idea, I need to think about
that :D
lol, i take it your working as a web dev?
does anyone know how to make a web page scrollable??
yes
i am
ive been close to landing internships, they have even accepted me at two small startups but they always push it off saying they are busy or have "internal" stuff going on and have to wait until summer to bring me on
so im just building.. gettign experience and instead of going the unpaid internship route.. aiming for a PAID job lol
totally doable!
Hi guys,
I am stuck with a problem, when trying to solve the tictactoe project.
How is the example code able to ask the user whether he/she wants to play x or o. It seams like an alert but much nicer.
I am stuck with a problem, when trying to solve the tictactoe project.
How is the example code able to ask the user whether he/she wants to play x or o. It seams like an alert but much nicer.
@Am3ricanPaladin you make the height long
:P
and than you can scroll down and up
you ahve a code for that?
yes
@Am3ricanPaladin He means that you include enough vertical content that it wont fit on a page.
body{
height: 1200px;
}
:P
@rohitrawat2000 Before the game starts have two radio buttons, and while playing hide them.
This is the answer of your question @Am3ricanPaladin
oooh, because i am looking at code on another website, and it goes like: " a.scrollable(href='#top')"
thank you
ah You want Smooth Scrolling
with jQuery
ooooooh now that sounds nice, yes i do
Okey
here we go:
<script>
var scrolled = -51;
$(document).ready(function(){
$(".navi li a").on("click" ,function(obj){
var id = $(this).attr("id");
id = id.split("_");
id = id[0];
$('html, body').animate({
scrollTop: $("#" + id).offset().top + scrolled
}, 1200);
});
});
</script>
anyone got a second to help me figure out the twitter tweet intent for the quote generator?
thats using java script i assume
@sjames1958gm Thanks but do you know how can we have that kind of popup?
the whole webpage is in the background and you just see a choice
the whole webpage is in the background and you just see a choice
rohitrawat2000 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star: 571 | @sjames1958gm | http://www.freecodecamp.com/sjames1958gm
it's mixed
oh wow i didnt know you could mix it
www.dardandemiri.com
Look at my site and see when you click the nav buttons
Look at my site and see when you click the nav buttons
you have a nice site
it flows smoothly to that section
Thanks
@rohitrawat2000 You can use the the confirm() function in javascript.
@Am3ricanPaladin
how do i give you brownie points
Just say: Thank you and My name :P
Like this: Thank you @Am3ricanPaladin
dardandemiri sends brownie points to @am3ricanpaladin :sparkles: :thumbsup: :sparkles:
:star: 67 | @am3ricanpaladin | http://www.freecodecamp.com/am3ricanpaladin
nice, thanks!!
with an @
if anyone could take a look at my twitter button coding and help me right the ship it would be appreciated
@dardandemiri thank you!
am3ricanpaladin sends brownie points to @dardandemiri :sparkles: :thumbsup: :sparkles:
:star: 285 | @dardandemiri | http://www.freecodecamp.com/dardandemiri
$(document).ready(function(){
$(".navi li a").on("click" ,function(obj){ // your menu
var id = $(this).attr("id");
id = id.split("_");
id = id[0];
$('html, body').animate({
scrollTop: $("#" + id).offset().top
}, 1200);
});
});
This is shorted and effective code.
See you, and Thank you
:D
the menu List should be like this:
```
<li class="selected"><a id="About_n" href="javascript:void(0);">ABOUT</a></li>
with that Javascript:void
And the Div's should have the in this example
id="About"
id="About"
where do i insert that?
i dont understand javascript yet
Put your site in codepen what you are doing
Hmmm you have not done anything in html yet
right
Than by using Bootstrap create the site
and let the Smooth scrolling for later
I have done the same
Because everything should be learned one step at a time
and it's not a good idea if you make animations in your site and don't know how to make one
@dardandemiri right, it sort of seems that the example for this challenge is too advanced for what ive learned so far... they did say not to look at its code though....
Hello world
welcome to FreeCodeCamp @jkid314159!
What i have done is this:
I made first just the layout of the page in a paper.
Than I coded it on HTML and CSS.
And that's it.
After going throw other lessons, I learned javascript and started adding effects on site
so don't go fast, go slow but don't stop
That's the shortcut for success...
@jkid314159 Welcome on Board
@dardandemiri thanks thats good advice. So you recommend i use bootstrap and jquery for this
am3ricanpaladin sends brownie points to @dardandemiri :sparkles: :thumbsup: :sparkles:
:warning: am3ricanpaladin already gave dardandemiri points
tried randoming a number and using a for statement so it won't run unless its unequal to the last number but doesn't seem to be working http://codepen.io/sirseanconnerie/pen/MyOqWY
var code = "formatted" for ( var i = 0; i < contact.length; i++ ) {
if ( contact[ i ].firstName == firstName ) {
if ( contact[ i ].prop === "" ) {
return "No such property";
} else {
return contact[ i ].prop;
} // else end
} // if outer end
} // for end
return "No such contact";
if ( contact[ i ].firstName == firstName ) {
if ( contact[ i ].prop === "" ) {
return "No such property";
} else {
return contact[ i ].prop;
} // else end
} // if outer end
} // for end
return "No such contact";
HTML and CSS
Ore Bootstrap it's those two combined
Ore Bootstrap it's those two combined
This for loop is not working Suggestions?
@jkid314159 can you please paste the code formated
wiki formatted code
no wiki entry for:
formatted code
@dardandemiri not too sure how??
make three ``` Than your code and another 3 of the same
where is this contact variable ?
@dardandemiri \\ or '''
:bulb: to format code use backticks! ``` more info
for ( var i = 0; i < contact.length; i++ ) {
if ( contact[ i ].firstName == firstName ) {
if ( contact[ i ].prop === "" ) {
return "No such property";
} else {
return contact[ i ].prop;
} // else end
} // if outer end
} // for end
return "No such contact";
Hey folks, running into 2 big snags on my Twitch Status project.
I can't seem to nail down img resizing for the profile pictures. I'm trying to have it center inside of the div but to the left of the status infomation. Float:left sorta worked but still having issues with resizing.
Also, I can't seem to figure out how to get my online streamers to show up first. Not exactly sure how I would prioritze online divs to show over the top of offline divs.
pen is here. http://codepen.io/johndsykes86/pen/RaQabe
@SirSeanConnerie Can you explain more
does anyone have a good resource for understanding array filter. im doing diff 2 arrays and i know i have to use that but i cant seem to figure out how
js for ( var i = 0; i < contact.length; i++ ) {
if ( contact[ i ].firstName == firstName ) {
if ( contact[ i ].prop === "" ) {
return "No such property";
} else {
return contact[ i ].prop;
} // else end
} // if outer end
} // for end
return "No such contact";
@jkid314159 put it on Codepen
and paste the link here
@dardandemiri ok sorry about that
Guys I need to get out of my Laptop right now, sorry see you later
Hope others can help you
Hope others can help you
@pawan92 w3schools usually have pretty good resources
@GregatGit thanks ive looked at that already but will give it another look
pawan92 sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:star: 400 | @gregatgit | http://www.freecodecamp.com/gregatgit
http://codepen.io/jalley3/pen/RaQPrE ...cant get my twitter button to work...i am encoding the string into a uri component (also tried while not doing that as well)...and appending it to a tweet intent url
Hi! I can not get js script working. ``` contact[i].prop === ""
@johndsykes86 you can set it up that everytime the user changes the screen size it changes the css
$(window).resize(function() {
viewportHeight = $(window).height();
$('#sectionHome').css("height", viewportHeight);
$('#sectionAbout').css("height", viewportHeight);
});
So setting up a viewport and then manually defining what it should resie to?
@GregatGit
I have an array with property:value. I am given the property and want to see if it exist. I run a for loop and check array like this:
array[i].property==""
i don't want to check for value only for property but doesn't work??
@johndsykes86 That was the code I used to resize the divs on personal profile - it could be changedt to alter anything
var viewportHeight = $(window).height();
$('#sectionHome').css("height", viewportHeight);
$('#sectionAbout').css("height", viewportHeight);
$(window).resize(function() {
viewportHeight = $(window).height();
$('#sectionHome').css("height", viewportHeight);
$('#sectionAbout').css("height", viewportHeight);
});
simon game made with unity, somewhat works http://codepen.io/nsloc22/full/MyQaLL/
@jkid314159 what doesn't work? do you get an error?
I get blank, nothing
@juliankrispel http://codepen.io/jkid314159/pen/ZWrpNO?editors=0010
@jalley3 You have a typo. You have an "s" after element in
.getElementById
Thanks @GregatGit Im gonna give my brain some cooldown time and then come back and implement that.
johndsykes86 sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:star: 401 | @gregatgit | http://www.freecodecamp.com/gregatgit
@johndsykes86 good luck
thanks @adzam5
jalley3 sends brownie points to @adzam5 :sparkles: :thumbsup: :sparkles:
that fixed it
:star: 400 | @adzam5 | http://www.freecodecamp.com/adzam5
you are the man
@jkid314159 not sure what you're trying to do here
This message was deleted
@juliankrispel trying to access the property ```http://codepen.io/jkid314159/pen/ZWrpNO?editors=0010
sorry
``` if ( contact[ i ].prop === "" )
if ( contact[ i ].prop === "" ) {
return "No such property";
} else {
return contact[ i ].prop;
}
Yes.
Not going into if
this expression
contact[ i ].prop === "" will evaluate as false
because
prop doesn't exist
what you're saying here is
Is this value an empty string
yes
but really it just doesn't exist, which is something different
it's
undefined
instead write:
contact[ i ].prop === undefined
that should do the trick
:+1:
Let me check. 5 minutes?
sure ;)
@jkid314159 I think you should be using
obj.hasOwnProperty(prop) that tells you if the property is there or not
that's another way of doing it :)
so
contact[i].hasOwnProperty(prop)
a better way, because more legible ^
contacts[ i ].hasOwnProperty(prop) ?
``` contacts[ i ].hasOwnProperty(prop
contacts[ i ].hasOwnProperty(prop)
actually
in your case it'd be
contact[ i ].hasOwnProperty('prop')
since you're passing in a string
prop = "lastName"
sure you can just use a variable as well
will return true if the property is there
it works when no such property but has property returning
return contacts[i].prop;
I mean not returning
right
so in your case
if you want to test for the non-existence of a property
you can write
contact[ i ].hasOwnProperty('prop') === false
hasOwnProperty returns true if the property exists
so if you ask
does it return false you're really asking if the property isn't there
Hey guys, how are ya'll hosting API files and whatnot for codepen? Is it possible to just put the files in an open Google Drive folder and link to it?
makes sense?
yes but I do not thing
return contacts[i].prop; is returning
ah I see what you mean
you need to write
return contacts[i][prop];
.prop will actually look up the prop attribute which isn't what you want
@The-Mister People on here have mentioned using Dropbox, I assume Google Drive would work as well
@juliankrispel I want the value
because in your case prop is just a variable that contains the name of the attribute @jkid314159
have you tried it?
i want attribute @juliankrispel
I understand @jkid314159
@juliankrispel not working
link?
@jkid314159
if(contacts[i].hasOwnProperty(prop)){
// do this
}else{
// do that
}if ( contacts[ i ].hasOwnProperty('prop') ) {
return contacts[ i ][prop];
} else {
return "No such property";
} // else end
@jkid314159 you want to write
hasOwnProperty(prop)
@GregatGit prop is dynamic
@jkid314159 working?
i thought u said in single quotes 'prop'
@jkid314159 I got confused :)
@juliankrispel i sorry which are u saying
@jkid314159 ok
trying to help you think this through
you want to check if a property exists on an object
yes exactly
if you write this
something.hasOwnProperty('prop')
it works now
it'll tell you if there's a property with name 'prop' on the object
@juliankrispel thank you
jkid314159 sends brownie points to @juliankrispel :sparkles: :thumbsup: :sparkles:
if you write
something.hasOwnProperty(prop)
:warning: could not find receiver for juliankrispel
@GregatGit thank you
jkid314159 sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:star: 402 | @gregatgit | http://www.freecodecamp.com/gregatgit
@jkid314159 you use contacts instead of contact
@adzam5 Thank you, I will try that
the-mister sends brownie points to @adzam5 :sparkles: :thumbsup: :sparkles:
:star: 401 | @adzam5 | http://www.freecodecamp.com/adzam5
it'll check if the object has a property with the name that the variable
prop contains
makes sense @jkid314159
?
@juliankrispel which is a string
@jkid314159 cut and paste you code at https://repl.it/ it will help you to debug quickly
so on line 9 and 10 you misspelt
ok
@jkid314159 it won't work tho
for ( var i = 0; i < contacts.length; i++ ) {
if ( contacts[ i ].firstName == firstName ) {
if ( contacts[ i ].hasOwnProperty(prop) ) {
return contacts[ i ][prop];
} else {
return "No such property";
} // else end
} // if outer end
} // for end
@GregatGit this works and I figured out how to post
3 hours
@jkid314159 unless the its the very first on the list it will return "no such contact" everytime
you don't need the else statement at all
@GregatGit seems to pass all the test??
@GregatGit see you
@jkid314159 sorry - it is working
well done
woohoo :) got my "speed up the incrementing on hold-down" to work http://codepen.io/random-x/full/YqYyww/
(still does nothing, but the actual timer mechanism isn't all that cool :P)
@random-x It looks good so far
@GregatGit tanks! the programming part is easy, but I'm (obviously) not very used to the design sort of stuff.
random-x sends brownie points to @gregatgit :sparkles: :thumbsup: :sparkles:
:star: 403 | @gregatgit | http://www.freecodecamp.com/gregatgit
@random-x i can seem to make it
work
is there any button
@trip16661 it doesn't work :P
only the "Add time" does anything currently.
@random-x oh i was trying to make it work xDD
:D
is there any more eficient way to remplace something after clicking the button again
like deleting and appending a new thing
like deleting all
hm?
@trip16661 you need to be more specific
post your code that has an issue or post your codepen
This message was deleted
This message was deleted
so you need to post a phone number and other info to that object that has the id in it?
@adzam5
Hi, I had built the local weather app a couple of months ago. It doesn't seem to work anymore. When I use open weather map API, and click on their example links, I get the "invalid API key" error. What's wrong?
@manmarziyan http://openweathermap.org/appid
Never mind, I got it. Need to register and get your own app ID. Thanks @Zerazera
manmarziyan sends brownie points to @zerazera :sparkles: :thumbsup: :sparkles:
:star: 323 | @zerazera | http://www.freecodecamp.com/zerazera
I also made the camper news project. Are there any alternative similar APIs I could use to replace the camper news API, to still keep the project working?
hey guys
anyone here?
maybe :)
Hoi!
@manmarziyan the api should work, you just need to put https
need help
https://en.wikipedia.org/w/api.php?action=query&generator=allpages&format=json&gaplimit=4&gapfrom=T&prop=info
this link can get a json file with title and pageid sth useful to let me link the wiki ,
but how can i get the decription about the page ( one or two short sentences), just like the sample site
http://codepen.io/FreeCodeCamp/full/pgNRvJ.
https://en.wikipedia.org/w/api.php?action=query&generator=allpages&format=json&gaplimit=4&gapfrom=T&prop=info
this link can get a json file with title and pageid sth useful to let me link the wiki ,
but how can i get the decription about the page ( one or two short sentences), just like the sample site
http://codepen.io/FreeCodeCamp/full/pgNRvJ.
I dont know much of angular, but I think this line pulls it:
$scope.results.push({title: v.title, body: v.extract, page: page + v.pageid})
extract...
@MichaelTsang are you doing this zipline with angular ?
@kirbyedy just a simple javascript json project i guess
@MichaelTsang .. looks like they're at data.query.pages[0].extract
they meaning the description string
@MichaelTsang if I change your api call to this, it gives me the extract of the article
https://en.wikipedia.org/w/api.php?action=query&generator=allpages&format=json&gaplimit=4&gapfrom=T&prop=info|extracts
@kirbyedy that's not quite what it is
@kirbyedy it gives a full thing and just extract the first one
yep, can you help then ?
@kirbyedy using the sandbox and playing around with it
helps
:thumbsup:
just keeping in mind the things that are important are query, generator, extracts, info
are mostly the main thing but there are others
This message was deleted
@trip16661 trying to use sanbox, and i already know how to use, but still do not understand how to get all extract, the situation just like @kirbyedy only get the first one
there is an option unmarked
that shows how many extracts do you want
prop = extracts
and i think it has a 20 max
@MichaelTsang exlimit
i know and the generator already set return 15
How many extracts to return.
No more than 20 (20 for bots) allowed.
No more than 20 (20 for bots) allowed.
show me your link so far
/w/api.php?action=query&format=json&maxlag=6&smaxage=2&maxage=10&prop=extracts&generator=allpages&exsentences=2&exlimit=15&exsectionformat=wiki&gaplimit=15
not all pages
search
and in the extract part
check exintro
cool ! @trip16661
@MichaelTsang worked?
yeah
you also miss the data information
@MichaelTsang so you can get the links
why apple inc extract nothing
where's the data infomation
@trip16661 thanks for u patient~ :D
michaeltsang sends brownie points to @trip16661 :sparkles: :thumbsup: :sparkles:
:warning: michaeltsang already gave trip16661 points
is there a way to add 2 borders to the same element in css? i'm trying to build an iPad as the image holder for the Tribute project. Ive got most of it working, but I can only get 1 border to work around the image
@bewsii 2 borders would not work, the last one will cover the others
yeah, that's what im finding. thats why im wondering if there's another way to do it
u can create two html elements and give different classes
sth like div
hrm. thats worth a shot
i'm already 4 deep in the container. dont want to dig myself too deep as a newb lol
@bewsii and better way
u can use box-shadow
makes better effect
yeah, im using box-shadow for the main border so it looks 3d. one sec
no idea how to show a screenshot from codepen, sorry
the main header is obviously off. ill work on that once i sort out the main iPad layout :P
@bewsii good job , really like an ipad lol
im already researching how to add gradients to the big white border so it looks like it has a lighting effect on it. i think im going to have to jump in the grave im digging soon lol
@MichaelTsang thanks!
bewsii sends brownie points to @michaeltsang :sparkles: :thumbsup: :sparkles:
:star: 282 | @michaeltsang | http://www.freecodecamp.com/michaeltsang
but, you can see how the image doesnt look like it's sitting inside the white border (like it would on a real iPad, because of the beveled edge).. thats what im trying to figure out how to do
did it die in here or did I disconnect?
no :)
ahh, good :D
we are just good listeners :D
Hey friends, just finished my Porfolio Webpage http://codepen.io/crowebbro/pen/ONzKpw if anyone wants to critique it your most welcome.
buddy u work @bewsii
oh cool, thanks
@boskoivic would be nice if you could remove the rounded corners on your navbar
@bewsii just copy the address
and maybe even fix it to the top of the page
i'd also center your comment box to match the send button and text
or put the button/text to the left like the comment box. either way, more flow
or even resize the comment box so it fills that section of the grid :D
tnx @bewsii @kirbyedy , will do just that
boskoivic sends brownie points to @bewsii and @kirbyedy :sparkles: :thumbsup: :sparkles:
:star: 828 | @kirbyedy | http://www.freecodecamp.com/kirbyedy
:star: 130 | @bewsii | http://www.freecodecamp.com/bewsii
@boskoivic also make your profile picture responsive
oh damn, you can do beveled edges in css. i'm never going to sleep again and i'm only on the first project :D
yea, and in 10 years you will be a programmer... :D
haha
thats my plan :D
so 9 years and 8 months to go :D
I have friends who are programmers at facebook, google, EA and a bunch of other big companies. they are all pretty snobby when I said "I want to become a full stack developer"
bittervet mentality i suppose :P
:D
apparently that is a trend these days... work for a big company as a programmer
i understand though. i'm a 3d artist in the game industry.. and when people tell me they want to be 3d artists im like "no, you really dont" lol
there's a reason im getting out of it :D
I would prefer working for a smaller company, write the code that only I understand, and milk them for a money :D
plus they cant fire me :D
lol
weeell... 3d looks cool and everything, but its basically like being a miner :D
I did some 3d 10years ago, and just got depressed from it
its actually a lot like being a developer. very technical while creative, but still a big puzzle
and a ton of work
I understand it developed a lot, but still... I would never work as a 3d guy
and my friend who is a php programmer, says... are you mental... never learn programming
lol
so yea...
different opinions
one of the fastest growing industries in the US
(programming)
yea
and I think being a programmer in 5years will be... neaaah... cheap paying job :D
that's good. gives a lot of room for junior level guys to get their feet wet in a production environment
so get your position as soon as possible
just depends on how much coding becomes automated. but even then you need programmers to automate the automation lol
well yes, but usually employers are looking for a guy who just finished college and has 5years experience
thats usually fluff
and juggles 5 balls with his ass
overtime
programming is a lot like 3d art in that regard. they all say "we want a guy with 5 years experience and a B.S. in art".. but if you've never been to college and have a great portfolio
you'll get hired
thats a good thing then
yeah. at least everything ive read about programming is basically "network constantly and have real projects in a portfolio and you'll find work!"
in 10 years or...
:D
experience is great, so is a degree. but a lot of recruiters just use it to deter people with no skills or confidence
hell, ive never been asked where I got my degree, or if I even had one in a 3d artist position interview. lol
even though most of the job listings "require" it
you have a link to your portfolio ?
3d stuff
i have stuff scattered everywhere atm lol. took my website down cause i got sick of paying for it, but i have a couple things on artstation
nice
is vray still used in 3dmax ?
yeah
vray/mental ray. but vray is more powerful, especially with architectural visualization
yep, I used that long time ago
for this for example:
http://img.photobucket.com/albums/v719/kobajagrande/3D%20djubre/LRv2_f3.jpg
nice!
i love vray
and this:
http://img.photobucket.com/albums/v719/kobajagrande/3D%20djubre/A3sbRed_1600x1200raw.jpg
but that was like 7-8 years ago
then I stopped with 3d, never did anything decent
takes a lot of practice
yes
ive done well over 10K hours of modeling
10 years :D
like programming :D
oooh thats a lot
@kirbyedy what about after may? (When they take it down)
@manmarziyan dont know, follow discussions on reddit
hi, everyone
could somebody please review my js code here http://codepen.io/dagman/pen/jqZbje?editors=0110
@dagman ok, will look at
@dagman what question do You have?
@dagman I like it)
@dagman Looks like you have a good start there, unique X and O :)
@sjames1958gm @Nikolay-Buinenko does the code correct for future use?
i am not so experienced in js, but I think yes
@dagman I like the photos that you used
it doesn’t tell you when you win though
@iAmNawa still in progress should add a lot of functionality :smile:
is there a way I can write this so it's all in one line
button:nth-child(4) {
background-color: yellow;
}
button:nth-child(4):hover {
background-color: yellow;
}
button:nth-child(4):hover:focus {
background-color: yellow;
}
@Heyjp Yep just do this:
button:nth-child(4), button:nth-child(4):hover, button:nth-child(4):hover:focus {
background-color: yellow;
}That should work
worked perfectly, thanks @Belax8
heyjp sends brownie points to @belax8 :sparkles: :thumbsup: :sparkles:
:star: 276 | @belax8 | http://www.freecodecamp.com/belax8
@dagman Yes - you should be able to build on this.
// Setup
var myObj = {
gift: "pony",
pet: "kitten",
bed: "sleigh"
};
function checkObj(checkProp) {
// Your Code Here
myVar=myObj.hasOwnProperty("checkProp");
if (myVar==true)
{
return myObj.myVar;
}
else {
return "Not Found";
}
}
// Test your code by modifying these values
checkObj("gift");
whats wrong in this code?
@sroy8091 don't pass a string to hasOwnProperty
@sroy8091 first thing: checkProp is a variable inside your function.. it's not a string... don't put quotes around variable names
ok but then what should be the return code in if statement? @random-x @sjames1958gm
return myObj.myVar; -> this should be return myObj[checkProp]
Thanks @sjames1958gm @random-x
sroy8091 sends brownie points to @sjames1958gm and @random-x :sparkles: :thumbsup: :sparkles:
:star: 133 | @random-x | http://www.freecodecamp.com/random-x
:star: 580 | @sjames1958gm | http://www.freecodecamp.com/sjames1958gm
need help~
@MichaelTsang what help?
Wikipedia Viewer , i get the json and i can't get the value i need
here 's the link
and if i use $.each() the object would not sort by index but by pageid , that 's not what i want
cause $.each() An object is a member of the type Object. It is an unordered collection of properties each of which contains a primitive value, object, or function. A function stored in a property of an object is called a method.
@MichaelTsang Can i please see your code?
guys I have a row of svgs with text unerneat them that scale nicely BUT when the text underneath one is larger, divs widths get thrown off. I need to the svg divs and the svgs to stay the same size, and for the text to wrap/not effects the svg size. anyone? http://codepen.io/ihatecoding/pen/WwMEYB
all the svgs should stay equal size
@marhyorh
$(document).ready(function(){
var link = "https://en.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&generator=search&exsentences=1&exlimit=15&exintro=1&exsectionformat=wiki&gsrsearch=Apple"
$.getJSON(link,function(data){
var pages = data.query.pages;
var sorted = [];
$.each(pages,function(key,value){
console.log(key+value.title);
})
});
});
@MichaelTsang yep.. as you correctly note, objects are unordered. the only way I can think of to ensure you get something ordered out would be to dump the objects into an array, then sort the array based on the index property.
@random-x i thought it before but it's too complicated... and i wonder if there any simple way to do
@MichaelTsang hmm.. if you find one, let me know :) it shouldn't be TOO tough to do, though. just a bit inefficient-feeling
@random-x sure , i will try your method later ~ thanks for hrlp
michaeltsang sends brownie points to @random-x :sparkles: :thumbsup: :sparkles:
help..
Hi, I'm CamperBot! I can help you in this chatroom :smile:
Basic Commands:
find TOPICfind all entries about topic. ex:find jswiki TOPICshow contents of topic pagethanks @usernamesend brownie points to another userabout @usernameshows info on that userAlgorithm BONFIRENAMEinfo on a Algorithm
:speech_balloon: meet CamperBot in this room!
:star: 134 | @random-x | http://www.freecodecamp.com/random-x
@random-x
$(document).ready(function(){
var link = "https://en.wikipedia.org/w/api.php?action=query&format=json&prop=extracts&generator=search&exsentences=1&exlimit=15&exintro=1&exsectionformat=wiki&gsrsearch=Apple"
$.getJSON(link,function(data){
var pages = data.query.pages;
var sorted = [];
$.each(pages,function(key,value){
sorted.push(value);
})
sorted.sort(function(a,b){
return a.index - b.index;
});
console.log(sorted);
});
});
@random-x it works
@MichaelTsang Sorry i was Out :thumbsup:
@marhyorh no, just study from others , not a big deal
@MichaelTsang are you any good with svgs/css?
just a beginner. sry
@MichaelTsang waaaaaah , ok :)
Oky
@MichaelTsang congrats :)
@MichaelTsang exactly as I would do! :)
@MichaelTsang oh i just saw you link
it's still lacking the data information where the links are located
how are you going to do the linking the tittle to the wikipedia page?
@trip16661 all the data are in the sorted variable. Loop through or map around the sorted variable then grab the title
@marhyorh I'm talkign about the data information as the id, link and so on
she/he is going to need that in order to link the tittles to the actual wikipedia page in order to finish the challenge
@trip16661 the data contains title "Apple II series". Link url would be https://en.wikipedia.org/wiki/Apple II series .It would be encoded to https://en.wikipedia.org/wiki/Apple_II_series
I need help debugging my Wikipedia viewer's api call
you see the problem behind that logic?
that you need to change the characters in order to create a link
@trip16661 what about this
encodeURI("https://en.wikipedia.org/wiki/Apple II series")
not only that but there are some pages with the same tittle just different type coding
i still think the safest path is getting the data route though the api
that's what i did
find api
find api
:zero: capitalize first letter of string
:one: challenge escaping literal quotes in strings
:two: creating a new api endpoint
:three: front end project use the twitchtv json api
:four: more useful apis
that or using the id the json object gives and transforming the id into an actuall webpage link but that create more work
@TimArsen i'm not good at debuging cuz im new af but if you need help i can
@trip16661 i get. You can make another ajax request to https://en.wikipedia.org/w/api.php?action=query&prop=info&pageids=yourId&inprop=url then grab the fullurl there. Checkout the first id on her list https://en.wikipedia.org/w/api.php?action=query&prop=info&pageids=856&inprop=url
@marhyorh that's what im telling you
making two ajax request for the same thing is not good
plus you are working twice as much
Hi! I'm looking to make a web-terminal thingie, for teaching purposes
there is a path in the api that let you see the data info
yeah, i tried to avoid that too
kind of like the Git tutorial from GitHub: https://try.github.io/levels/1/challenges/4
Basically an interactive "enter this" step-by-step tutorial
Is there something off-the-shelf I can reuse or do I have to write this?
@remram44 your question is not clear please
It's not?
I just want to provide the possible commands for the program I'm teaching and the responses at different steps, and have a terminal display in the browser for people to play with my tool
the less JavaScript I have to write the better
@remram44 you just need need to type
git add octocat.txt
Yeah but if you type
git status it will give you the correct output, etc
at each stage you can type different things (though only one thing will make you advance)
I just want to make something like that for my own command-line tool
@remram44 are you saying you want to make a guide for git commands or just command line in general?
I want to make a guide for a specific command-line tool that is not Git
@remram44 Okay!
I'm sorry if that wasn't clear :/
@remram44 Not a big deal. There are a ton of resources on line for this. And Codeacademy now has a free course for this too.
They do?
Yeah
sigh I know how to use the terminal, once again I'm looking to make my own guide for people to learn about a command-line tool that I made
@MarkMurphy06 tax
kirbyedy sends brownie points to @markmurphy06 :sparkles: :thumbsup: :sparkles:
@remram44 Sorry I misunderstood you. My fault.
:star: 135 | @markmurphy06 | http://www.freecodecamp.com/markmurphy06
for show local weather project how get geographical coordinates through IP adress?
@nazimkazim yep
please how?
http request to ipinfo
@nazimkazim https://ipinfo.io/
@dagman thanks
nazimkazim sends brownie points to @dagman :sparkles: :thumbsup: :sparkles:
:star: 387 | @dagman | http://www.freecodecamp.com/dagman
@nazimkazim :smile:
guys I could really use some help keeping this svgs equal size with big text and in in all screen sizes..http://codepen.io/ihatecoding/pen/WwMEYB
morning all
hi @DenverRenGuy
Hi i wrote a function to get geo coordinates via IP adress
like that:
however my Latitude/Longitude are joined how to split it?
like that:
$.getJSON('http://ipinfo.io', function(data){
var Latitude = data.loc;
var Longitude = data.loc;
console.log(data);
console.log(Latitude);
console.log(Longitude);
})however my Latitude/Longitude are joined how to split it?
@nazimkazim what does console.log(data) show?
@nazimkazim
@codercooooder you have the svg's width defined two times (once inline and once in your CSS) They are both % so they change with your screen wide. If you want them all the same size no matter what then set them to a static width like "100px" or something
@random-x i wrote this line:
var Latitude = data.loc.split(" ")[0]; and console.log show a string of coordinates 49.8119,73.0969
i want them to be split up
@nazimkazim Look at my post above
@jdtdesigns thanks!!!
nazimkazim sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:star: 396 | @jdtdesigns | http://www.freecodecamp.com/jdtdesigns
@nazimkazim welcome ;0
@Belax8 I would like them to be the same size as eachother but at the same time also media responsive
anyone have any suggestions for the icon component of the weather app. There are so many icon choices, it doesn't seem to make seens to just implement all of them in JS
@Belax8 my trouble is that the divs don't seem to stay width (20%)
@codercooooder I changed your div to
display: block; and float: left; and it seemed to work for me. But I'm not sure that is what you are going for.
@Belax8 which div?
@codercooooder your div with the class of ey-col-1.
funny @Belax8 technically that keeps them the same size, but it throws off the alignment
I want the text to know to get smaller i guess....
i tried making the width important, that didn't work @Belax8
@codercooooder Ya, sorry. I don't think I can help with that. Good luck.
is there a way for javscript to check if an error went to the console? I’d like to run a snippet of code only if an error wasn’t thrown
Guys I’m lost with weather app, does someone know good source to learn JSON or other source of knowledge to help me buit this app? :/
@ArminasBek jQuery makes using json easy. You just need to look at the ajax and getJSON methods and read their docs thoroughly and it will start to make sense.
thank you @jdtdesigns, What I want to do is to take city name from http://ipinfo.io/ API, assign it to variable and then pass this variable to http://api.openweathermap.org API and then show data in a web browser, am I going right way? I can’t figure out why I can’t assign city name from first source to variable :/
arminasbek sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:star: 397 | @jdtdesigns | http://www.freecodecamp.com/jdtdesigns
@ArminasBek the easier approach is to just use the locator in the browser
read up on navigator.geolocation
thank you going to the hustle;)
@jdtdesigns thanks :)
arminasbek sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:warning: arminasbek already gave jdtdesigns points
Anyone up to help with a quick margin problem?
Hi guys,why my navigation ul element doesnt display in one line
any help will be apreciated
When you size down to mobile size, there's a huge gap in between the username and whatever they're playing.
@UgurKurt - Well for one, you don't have any words or anything to display in the <ul>
Hey, I have a little problem with the Wikipedia API. I'm trying to read the JSON after making a request but I'm getting an error : "Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://en.wikipedia.org/w/api.php?action=opensearch&search=Booba&limit=10&namespace=0&format=json. (Reason: CORS header 'Access-Control-Allow-Origin' missing).", the problem is that I don't see why beaucse if you click the link, the JSON seems correct
guys i am ultra stuck
how to add a script to a button to show a random code
google isnt helpfull at all
@Dextr36 add on
&callback=?
Trying, brb :P <3
I got li elements in it
and they are full
@UgurKurt http://getbootstrap.com/components/#navbar Check this out.
And in the pen you posted, there's nothing displayable in your <li>'s
may be an old save
check this out
@mutantspore You're a hero <3
Anyone want to take a look at my margins in a mobile sized window? The row size explodes when you size down. http://codepen.io/quinncuatro/full/GZQvzX/
i checked it,i did what it says
In my "Local Weather" project i want my city to be shown on web page.... how to get object
http://codepen.io/nazimkazim/pen/Bjgrzw
http://codepen.io/nazimkazim/pen/Bjgrzw
hey guys i have just done with Tic Tac Toe just a basic functionality. Could u check javascript code? http://codepen.io/dagman/pen/jqZbje?editors=0010
@dagman hey whats scss?
@ZctrapCoding what? :worried:
@ZctrapCoding css preproccessor
oh okay im not that advanced
im just doing the counting cards one
@UgurKurt I have no idea.
@ZctrapCoding , it's a way to add functionality to your css. For instance, you can set a color equal to a variable. like "$badasspurple: #123456;"
Then whenever you want to use it, you can reference $badasspurple instead of having to remember the color value
@UgurKurt In your CSS you set the UL to 60px. Did you mean to set your li elements at 60px?
Regardless, taking that one line of CSS out fixes your issue
@Quinncuatro cool! @celestialz ill check it out!
Hey so with the Twitch TV api, how do you tell if a streamer has closed their Twitch account (or the account never existed)?
@Juwdohr You will get an different json structure with an error field.
awright, I think I am done with you, silly clock. http://codepen.io/random-x/full/YqYyww/
{"error":"Unprocessable Entity","message":"Channel 'brunofin' is unavailable","status":422}/
@sjames1958gm So do a check for the error field first?
@Juwdohr Check.
@sjames1958gm Would
if(data.error == true) return a true or false?
@random-x That's a distinctly Scottish "awright"!
@ElvisTheStriker haha! was it? I'm not Scottish, but I'll take it
@random-x looks good. Works on my mobile too. Good work
can anyone help me out on my calculator with some regex and order of operations?
tanks, @dhcodes
random-x sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star: 601 | @dhcodes | http://www.freecodecamp.com/dhcodes
@smrtsmrf regex?
@Juwdohr Probably want if (data.error) or use hasOwnProperty
@dagman regular expressions
@smrtsmrf Order of operations is radicals, parenthesis, multiplication, division, addition, and subtraction. Where Multiplication and division are the same level, along with addition and subtraction.
@Juwdohr Yes, I fully understand order of operations. I want to make my calculator follow them.
right now it’s doing multiplication first, then exponent
@dhcodes yeah i know what it means i'm just curious why regex in calculator?
I’m displaying the input, then I’m converting it in order to do the calculation.
@smrtsmrf converting to number?
@dagman I’m working with regex to try to get the exponents to work.
@dhcodes I’m using eval()
@smrtsmrf ah, I think I used parseInt()
it’s working fine thus far, just run into a snag with exponents
@smrtsmrf you neednt make it so complex
@dhcodes that doesn’t work with operations in there.
@smrtsmrf going above and beyond with the scientific calc I see... lol
@dhcodes yeah, I figured I might as well make something that I would actually use
@smrtsmrf i used basic functionality https://codepen.io/dagman/pen/NNXdxw
@smrtsmrf what do you want to do with regex?
remove a specific character or ?
@dhcodes If you check out my code, I’m working on the 1/x button. I’m trying to get the exponent to work properly, so it does exponent before multiply
@smrtsmrf based on how 1/x works on the calc on my mac, would this work? $('#entry').prepend('1/')
seems to yield the same values unless I'm missing something
well you have to click equals, but you could pseudo click it
@dhcodes well the problem is that there’s lots of operations being chained together. so I don’t just want 1/(number), but 1/(number) in a string of operations
ah, well idk then. I guess you could have it run the equals and store it in memory before it prepends 1/x. Best of luck
I'm too newb
Has anyone ever used multi range slider? mention me if so.
Question about the Wikipedia viewer. I've got it to where a set of search results will list on my page... but those results are simply in alphabetical order. What's the query parameter to get results that are topically related?
(Yes, I've been reading the API info on MediaWiki, and apparently I'm not smart enough to comprehend it...)
This message was deleted
starting the random quote machine challenge - any one have an API they liked for pulling the quotes from?
@reubenv easyiest way to do it is create your own array.
True... hadn't thought of that @Juwdohr. Thanks!
reubenv sends brownie points to @juwdohr :sparkles: :thumbsup: :sparkles:
:star: 294 | @juwdohr | http://www.freecodecamp.com/juwdohr
Anyone know what the
-u in git push -u origin master stands for?
nm
Hi Folks. I'm looking for a decent random quote api... any suggestions?
@ElvisTheStriker Make your own array.
@Juwdohr I'm going through the exercises and the deal with api's so I would like to get some experience of working with them
if anyone has a few moments to help me work out some bugs on my tic tac toe it would be appreciated
http://codepen.io/jaredabel00/pen/PNQYZv
after a game or two it seems like certain variables aren't resetting properly so the next game isn't start from a clean slate
http://codepen.io/jaredabel00/pen/PNQYZv
after a game or two it seems like certain variables aren't resetting properly so the next game isn't start from a clean slate
@jaredabel I think by calling startgame you are recreating everything so you have multiple handlers on the squares.
@sjames1958gm @jaredabel all your functions are nested INSIDE of startGame.. so it's recursively calling, in fact
@jaredabel Yeah, just remove all those calls to start game, clear board is enough
@jaredabel Maybe not :o:
Hey anyone know how to change a button from active to non-active? (via javascript)
How do I update an object where a property has a certain value?
@jaredabel 1) remove extra calls to startgame. 2) don't set running to false in clear board 3) Return true/false from checkwin and only call enemy turn if not a win or draw
@Juwdohr if you're using jquery,
$("#buttonID").prop("disabled", true);
@adzam5 objectName.propertyName = newValue;
@animsaj Sorry, I worded my question wrong. I need to add an additional property/value where an existing property has a specific value
@adzam5 example code?
For example...
"employees": [
{
"id": "01",
"firstName": "John",
"lastName": "Doe",
},How would I add "phone": "123-456-7890"
thanks @random-x and @sjames1958gm
jaredabel sends brownie points to @random-x and @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star: 591 | @sjames1958gm | http://www.freecodecamp.com/sjames1958gm
:star: 137 | @random-x | http://www.freecodecamp.com/random-x
@random-x I have the a button set to active but whenever you click on another button it is still grayed as if you are clicked on 2 buttons only want 1 button.
employees[0].phone = "123-456-7890";
I need to add based on the value of the id though
employees[0] is your first object in the array of objects.I don't understand what id has to do with phone..
I will not always know the position of the object
@adzam5 Then you'll need a loop or something to find the right entry in your array then
@Juwdohr I don't understand what that means exactly
This message was deleted
This message was deleted
@animsaj @sjames1958gm Thank you
adzam5 sends brownie points to @animsaj and @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star: 478 | @animsaj | http://www.freecodecamp.com/animsaj
:star: 592 | @sjames1958gm | http://www.freecodecamp.com/sjames1958gm
This message was deleted
@adzam5 if (employees[i].id === "01") inside a loop
This message was deleted
Hey Amazing Developers
How are we supposed to get the Thumbnail of a streamer if he is not Live Streaming
Object {stream: null, _links: Object}
_links
:
Object
channel
:
"https://api.twitch.tv/kraken/channels/freecodecamp"
self
:
"https://api.twitch.tv/kraken/streams/freecodecamp"
__proto__
:
Object
stream
:
null
__proto__
:
Object
all what it returns is the Channel and self two same links
? Any idea
@animsaj @sjames1958gm Thanks again. I've been working on this all day and finally got it. I had to create a json object in php from multiple mysql tables
@adzam5 :+1: :clap:
@sjames1958gm any Idea about my Question ?
@dardandemiri Maybe https://discuss.dev.twitch.tv/t/get-informations-when-stream-is-offline/2084
@sjames1958gm How did you found the answer ?
Did you google it ?
@dardandemiri Yes
twitch api offline user info
That's what I need to know how to get answers
Thank you @sjames1958gm
dardandemiri sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star: 593 | @sjames1958gm | http://www.freecodecamp.com/sjames1958gm
Hi Folks. I'm looking for a decent random quote api... any suggestions?
Yes
@ElvisTheStriker
sorry wrong URL
Wait ...
@dardandemiri Thanks, but I've tried that one and it keeps returning the same quote
elvisthestriker sends brownie points to @dardandemiri :sparkles: :thumbsup: :sparkles:
:star: 286 | @dardandemiri | http://www.freecodecamp.com/dardandemiri
But actually what I suggest you is you should create your own api
@ElvisTheStriker Hey, I'm working on this one too and not sure how to get started....other than creating website and using math.random to cycle through the different quotes...
That's all what you need @ALINATSUI
Make an Array like this:
@dardandemiri really?
[
{
"quote":"Happiness is not something you postpone for the future; it is something you design for the present.",
"author":"Jim Rohn"
},
{
"quote":"What you do today can improve all your tomorrows.",
"author":"Ralph Marston"
}
}
@dardandemiri Oh! that is pretty do-able...I'm planning to take quotes from Hamilton musical, so I think I'll leave the authors out.
That's even easier
Thanks @dardandemiri!! I was seriously freaking out about API's...
alinatsui sends brownie points to @dardandemiri :sparkles: :thumbsup: :sparkles:
:star: 287 | @dardandemiri | http://www.freecodecamp.com/dardandemiri
var array = [
"Happiness is not something you postpone for...",
"Another quote ... etc etc"
];
// And you access them
array[ Math.round(Math.random() * array.length)];
thanks @dardandemiri ! You make it look so easy...
alinatsui sends brownie points to @dardandemiri :sparkles: :thumbsup: :sparkles:
var randomNR = Math.round(Math.random() * array.length);
array[randomNR];:warning: alinatsui already gave dardandemiri points
that's a better way
Good Luck
@ALINATSUI
sounds good, I'm going to have to brush up on my math.random function...it's been a long while.
;)
I need help in Stand in Line, i dont know what to do exactly
@jdramos Show us your code.
@jdramos What is the name fro that exercise ?
@jdramos just do arr.push(item) and than save to a variable result of arr.shift() return that variable. that's it!
Stand in Line
got everything working; not sure how to do the search? any help
http://codepen.io/Jarvis-327/pen/BKWvYw
http://codepen.io/Jarvis-327/pen/BKWvYw
@Juwdohr
You start with a Key Listener
$('#searchInput').on('keyup', function() {
var input = $(this);
});
first when user start to write Remove all Streamers from List.
And while the user writes, compare the letter with all your streamers name
if it is there show them...
And while the user writes, compare the letter with all your streamers name
if it is there show them...
you don't remove them by deleting
just by hiding
@dardandemiri I know you hide them
$(".streamers").css("display","none");
Do you have the idea what you need now ?
@dardandemiri a little bit not sure how to search through each of the streamers.
You use the .indexOf() function
array.indexOf(input);
you can do it in other ways too
But that's one way
@animsaj where ?
@jdramos inside of the function.3 statment: arr.push(item); var returned = arr.shift(); return returned;
@jdramos 3 statements
finally, thank for your help @animsaj
jdramos sends brownie points to @animsaj :sparkles: :thumbsup: :sparkles:
:star: 480 | @animsaj | http://www.freecodecamp.com/animsaj
Hi! I need some help with Twitch TV App
I did everything except for information when the account is closed
When I call data from Twitch’s API it doesnt return anything for accounts that were closed
check status inside your data variable @mrkaluzny
Does a json file have to have the same number of objects to work or can it vary?
Example:
Example:
"title": "My Resume"
},{
"title": "Highlights of Qualifications
",
"body”: “sdafsdfasfd”
}]
@mrkaluzny check out the
error function
make sure you turn on cross domain
@mrkaluzny it actually does. check for errors.
hey guys, im doing my portafolio webpage but i dont know how add my works to it... anyone of you can suggest me a webpage where i can find useful info. thanks
can't you just make a bunch of divs?
put them in bootstrap containers
and then href a screencap?
@jhcastanod http://www.w3schools.com/
Im there, but what item should i look for there?
@stharrison1 yeah that should work
you don't need to have "body" in both your objects for example if that's what you're asking
how am i able to grab the 'snippet' info in this object?
@coymeetsworld Thanks!
stharrison1 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star: 520 | @coymeetsworld | http://www.freecodecamp.com/coymeetsworld
np
@jhcastanod http://getbootstrap.com/
@Dueldrawer8 what do you mean snippet ?
@jhcastanod What are you looking for?
@dardandemiri when i console.log my data.. i get a bunch of objects.. what im trying to do is access each snippet within each object under search
@Dueldrawer8 If you use console.log(JSON.stringify(data.query.search)); it is easier to see the structure
@sjames1958gm It is an array where snippet is a property so data.query.search[0].snippet is the first one, loop over to get all the data.
ahh thanks @sjames1958gm
dueldrawer8 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star: 596 | @sjames1958gm | http://www.freecodecamp.com/sjames1958gm
im on wikipedia api
eventually when a user clicks search, i want those snippets to display
on the page
yeah, what sjames said
@Juwdohr I need to create a thumbail images showing my projects using placeholders
i know there is 10 of them.. and then i want to create 10 boxes with those snippets in it
the hard part is being able to create those boxes when the user hits enter and getting those values into the boxes
just create a loop of i
and assign respect
i based on the array position
@jhcastanod check out http://www.w3schools.com/bootstrap/bootstrap_images.asp
@jhcastanod have you done all of the bootstrap and jquery tutorials on the site?
i think my logic is everywhere here so i thought id start out small by first getting the data..so i need to create a loop thanks to @ehekatlOf and @sjames1958gm and display it to page which i can do. but then im stuck on assigning 1 box to each snippet
dueldrawer8 sends brownie points to @ehekatlof and @sjames1958gm :sparkles: :thumbsup: :sparkles:
:warning: dueldrawer8 already gave sjames1958gm points
:star: 249 | @ehekatlof | http://www.freecodecamp.com/ehekatlof
which sounds like ill need another loop and maybe some events
look into
.append()
you'll need to do that for the twitch API project as well
@Juwdohr that's what I need. thanks so much
jhcastanod sends brownie points to @juwdohr :sparkles: :thumbsup: :sparkles:
:star: 295 | @juwdohr | http://www.freecodecamp.com/juwdohr
please help. I finally figured out how to get my submenu to close on window resize, unfortunately what is really happening is that my menu is toggling still on resize (so slideUp/SlideDown). Any ideas how to keep it close until click? http://codepen.io/dfaithberry/full/WwpJyy/
@ehekatlOf yes, the thing is you have to look for the info by yourself... but thanks for your help
jhcastanod sends brownie points to @ehekatlof :sparkles: :thumbsup: :sparkles:
:star: 250 | @ehekatlof | http://www.freecodecamp.com/ehekatlof
np man, good luck
When I click a button on my app it has a white background until I click elsewhere. How do I remove this>
@ehekatlOf this doesnt work
$.each(data, function(){
console.log(data.query.search[i].snippet);
})
}
does the data.query need to go in the first parameter?
@Dueldrawer8 With modern browsers you don't have to use jquery.each - use
data.query.search.forEach(function(entry) {
console.log(entry.snippet);
})
alright thank you @sjames1958gm
dueldrawer8 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:warning: dueldrawer8 already gave sjames1958gm points
@Dueldrawer8 If you want to use jquery:
$.each(data.query.search, function(index, entry){
console.log(entry.snippet);
})
is there a way i can get the value in a textbox when i press enter or submit?
or do i need to write seperate functions for thsoe
$("#selector").val()
<div class="container">
<div id="center">
<input type ="textbox" placeholder="search">
<input type="submit" value="Submit">
</div>
</div>#center {
margin: 100px auto;
}
that should center my text box and buttons correct?
I think it is
width: 100px;
margin: auto;
yes it does center it, the submit button goes below my text box though
Does anyone know why I can not create an array in this example:
@dardandemiri Do you pay your array creation fees?
hahahhaha :P All of them :P
@dardandemiri Where in the code?
In the bottom
I see the comment
yeah
@sjames1958gm could you take a look at my exponent code again? I’ve changed a few things, and now it’s not working properly with a 2 digit exponent. :( https://codepen.io/smrtsmrf/pen/jqZEGo?editors=0010
@smrtsmrf Just a bit helping @dardandemiri