@Octopinky works. thx
kevinkuehler sends brownie points to @octopinky :sparkles: :thumbsup: :sparkles:
:cookie: 130 | @octopinky |http://www.freecodecamp.com/octopinky
you can add it into the for loop
or separate it into a function and pass the streamer name as an argument
Anyone ever make a website for someone?
@tbc13315 did you try loading jquery before the jquery UI?
@oiver55 i ahve
:smile:
@Octopinky Hi yeah, I just tried that but it's still not working.
@tbc13315 I am going to take a look here
So, I can't figure out why my hamburger will not work. It collapses fine but will not open.
`<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/500602/Logo.png" alt="logo" id="logo" /></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div> </div>
</nav>`
@Octopinky Thank you!
tbc13315 sends brownie points to @octopinky :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @octopinky |http://www.freecodecamp.com/octopinky
@tbc13315 your jquery is working (to check, add this line of code inside you document ready function)
$(".wiki").css("color", "red");which means, that the mistake is in the code.
@zacharyhyder did you load up jquery in javascript settings?
@Octopinky haha silly me
@Octopinky Yeah I see the jquery seems to be working, but I haven't been able to identify the error in the code.
@tbc13315 your searchWiki function - is it being called somewhere in your html code. Like, with onsubmit or onclick?
@Octopinky Yeah it's being called when you press enter: $("#searching").keypress(function(event) {
if (event.which == 13) {
searchWiki();
return false;
}
});
if (event.which == 13) {
searchWiki();
return false;
}
});
did you try to check if it is actually being called? By adding the same line that changes color inside of the searchWiki function? It did not work for me.
@Octopinky ok I see what you're talking about.
anyone here familiar with flexbox?
@tbc13315 ok, so there seems to be the problem with this part of a code
@tbc13315
$("#searching").keypress(function(event) {
if (event.which == 13) {
searchWiki();
return false;
}
});
```$("#searching").keypress(function(event) {
if (event.which == 13) {
searchWiki();
return false;
}
});
if (event.which == 13) {
searchWiki();
return false;
}
});
@zacharyhyder make sure you have jQuery.js above bootstrap.js - it is important
Why does that not work though?
@Octopinky @tbc13315 this helped me get the keypress going http://www.mkyong.com/jquery/how-to-check-if-an-enter-key-is-pressed-with-jquery/
var keycode = (event.keyCode ? event.keyCode : event.which);
if (keycode == '13') {
startSearch();
}
@Octopinky @GregatGit I used that snippet to check and I got the alert they mentioned.
@tbc13315 okay, so it seems that it maybe does search the wiki, however the results are not being shown: the page refreshes itself
hello guys
any one can help me how can i get APIs and how can i use it ??
@tbc13315 @GregatGit the problem seems to be in a different place of code, where the results are supposed to be given out
@yamenda
$.getJSON(api, function(data){
// do something with data here
});
@tbc13315 I wish I could be of more help. Good luck and let me know how it goes for you. I will still think a bit about it also.
@yamenda which api do you need
@tbc13315 @Octopinky Ifpage refreshes, probably you didn't stop keycode 13 from being processed by the form. You need to do something like event.preventDefault();
i am on "Target Elements by Class Using jQuery" i cant get my "well" elements to shake like the lesson is trying to have me do. this is what i have above the provided lesson code
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$("well").addClass("animated shake");
});
</script>
any help would be greatly appreciated
@Trayuk Perhaps you need to include animate.css in settings
correct me if i am wrong but if i needed that the $("button").addClass("animated bounce"); would not be functional either? the buttons bounce, i think the lesson provided that in the background as we have not covered anything related to animate.css in the settings
@Trayuk Can you paste a link to you codepen please?
no idea how or what that would require
1st day
@Trayuk Try to use $(".well").addClass("animated shake") instead of $("well").addClass("animated shake");
nothing
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$("well").addClass("animated shake")
});
</script>
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
i wanted to avoid this because it is so large
@Trayuk you have to use $(".well") in your jquery selector to select classes, I still see $("well")...
ok, thanks, just wondering, why is the button fine without a . but the well requires it
@Trayuk You only need to select classes with dot. Button is not a class, but name of a standard element
rgr, Thanks @snexus
trayuk sends brownie points to @snexus :sparkles: :thumbsup: :sparkles:
:cookie: 336 | @snexus |http://www.freecodecamp.com/snexus
struggling on the twitch challenge can someone help
help format @Trayuk
for code posting - typing
you may also find the chat & compose buttons to the right of the chat text entry area useful. the backticks key is located to the left of the #1 (number one) key.
for code posting - typing
shift + enter provides additional line feeds (space for posting/pasting code).you may also find the chat & compose buttons to the right of the chat text entry area useful. the backticks key is located to the left of the #1 (number one) key.
:point_right: code formatting [wiki]
Multi line Code
```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
Single line Code
This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
trying to write code that decides what type (channel, streams etc) and name (channel name etc) http://codepen.io/kingdezz/pen/zBzBaZ?editors=1010
Thanks all for the help.
@96street you only need one url https://api.twitch.tv/kraken/streams/ + the channel name. If the stream is online everything you need is there - if it is off line there is a link to channel to get all you need.
Sweet
How do I keep my button in the same position but outside of the colored div ?
http://codepen.io/kevinkuehler/pen/bZREpr
http://codepen.io/kevinkuehler/pen/bZREpr
@snexus thank you
octopinky sends brownie points to @snexus :sparkles: :thumbsup: :sparkles:
:cookie: 337 | @snexus |http://www.freecodecamp.com/snexus
@kevinkuehler you could try using a negative margin
margin-bottom:-60px;
@Octopinky omg beautiful! :D:D
@kevinkuehler wheee!
could someone help me with an error in codepen?
i can't paste from a sololearn file that i was using in the car earlier without a lot of the text not working in html
nvm
This message was deleted
@dguh you are missing some curly brackets and use semicolon on the for loop not commas
$("#submitButton").on("click", function(){
$.getJSON(apiLink, function(data){
var articleLink = data;
var articlePreview = data;
for (i =0; i < array.length; i++){
//dunno what you are trying to do here ------>$("<a href = apiLink>apiPreview.slice(0,20)</a></br><p>articlePreview.slash(0,100)</p></br>").appendTo(".wikiArticles");
//i guess you did the reverse
//remember to use the selector to get access to the element then append the html you build
$(".wikiArticles").append("<a href = apiLink>"+apiPreview.slice(0,20)+"</a></br><p>"+articlePreview.slash(0,100)+"</p></br>");
};
});
});
on the last steps to finishing my local weather project but im having trouble centering a div inside a 100% height bootstrap row... http://codepen.io/bomholt/full/zqgoOe/
does anyone have a idea how to accomplish centering the whole thing vertically?
@bomholt looks fine to me, what is the exact problem ?
@kirbyedy some last improvments... one of the first things i need to accomplish is centering the weather card vertically on large screens
but i just wont work
hmmm I am on 4096 x 2304 and it looks fine
@bomholt try vertical-align: middle;
@sorinr only works if i use display table but that throws of other stuff then
Do you guys recommend an array of quotes or an API for the random quote generator ?
@bomholt yep ur right. now i've looked at your css code
@kevinkuehler whichever suits you
@kevinkuehler you can do both... the cool thing of using custom qtotes is that you can give it a custom theme
Hi, @kevinkuehler google some quotes and make an array
I think its slightly easier to do it with an array
api is easier though i think @kevinkuehler
@kirbyedy haha
but its a nice challenge to do it with an api
@kirbyedy alone the work to look for quotes was so much more work for me
I just googled some homer simpson quotes :D
that was a 2min. job :D
later I did the api as well, just for fun
@sorinr i should have gone without bootstrap because it gets only used little but im too tired to change that now
Okay, thanks everyone. I'll probably just put my own custom quotes in then. API could give too long of a quote at wreck my layout
@bomholt you can add a margin-top:xxxx% instead
@bomholt flexbox ?
@kirbyedy haha take a look at mine https://codepen.io/bomholt/full/beeRYb/
i did futurama ;D
lol
but my tribute is simpsons though
:D
hahahaha
Hi, I tried to use .toggle() to toggle click between F and C, but it didn't work out as clickable. Here is my code:
@bomholt It's beautiful
```
$(document).ready(function() {
$.getJSON("http://ipinfo.io", function(response) {
$(".location").html(response.city + ", " + response.region + ", " + response.country);
var zip = response.postal;
var country = response.country;
$.getJSON("http://api.openweathermap.org/data/2.5/weather?zip=" + zip + "," + country + "&APPID=4ca247b54b4eb71e942ca40585468d7d", function(json) {
var K = json.main.temp;
var F = Math.round((K - 273.15) * 9 / 5 + 32);
var C = Math.round(K - 273.15);
$(".weather").html(JSON.stringify(F) + " °" + '<span id="unit">' + "F".fontcolor("yellow") + "</span>");
//???when then or done
$("#unit").toggle(function() {
$(".weather").html(JSON.stringify(F) + " °" + '<span id="unit">' + "F".fontcolor("yellow") + "</span>");
}, function() {
$(".weather").html(JSON.stringify(C) + " °" + '<span id="unit">' + "C".fontcolor("yellow") + "</span>");
});
});
});
});
@sorinr yea i had used margin... flexbox gave me some weird bugs on the whole page
@bomholt and make a @media query and modify the xxx% for mobiles
What was wrong with my code?
cant remember which ones @sorinr but yea i will go with margin i think and get rid of margin for mobile completly so you only see the "card"
@sorinr @kevinkuehler @kirbyedy thanks guys
bomholt sends brownie points to @sorinr and @kevinkuehler and @kirbyedy :sparkles: :thumbsup: :sparkles:
:cookie: 271 | @kevinkuehler |http://www.freecodecamp.com/kevinkuehler
:star2: 1190 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
:cookie: 429 | @sorinr |http://www.freecodecamp.com/sorinr
did i get all?
and thanks for the compliment kevin
take a look at my tribute ... its actually pretty identical themed =)
i love simpsons and futurama haha
@bomholt Futurama is my favorite TV show.
I'll look at your tribute rn
@kevinkuehler haha cool. i redid my tribute and quote page completly after i had the idea to use tv shows
instead of old guys who probably said something not that stupid :P
totally gave me a motivation boost
Any help for my question?
@designBuildShipSoftware do you have a link to your code, hard to debug this way
This message was deleted
to something like this:
$("#your button").click(function() {
$(".fahrenheit").toggle();
$(".celsius").toggle();
});
@kirbyedy why was my original code not working? Because it changed the button itself?
or something?
@kirbyedy I see your point. Thanks!
designbuildshipsoftware sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1192 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Hi. Is this ok? http://codepen.io/manu4216/full/oLzyPL/
@manu-4216 your choosing x or o part is overlapping the last row of the game table
@sorinr oh, ok. I'll have to center it better then
@manu-4216 its because ur using a position: absolute with a certaind top:x,ecc. this will remain same position no matter screen width and height u have
@sorinr I swiched to em for top. Should be better
mersi ;)
mersi ;)
@manu-4216 you can try with top: 80%; in your .messageBox {} class. but this solution works for my laptop display height . on other screens will behave differently
@manu-4216 so, this is only a quick fix but not a solution :)
http://codepen.io/meetmangukiya/full/WxOEWW/
Jumping over an element with a given ID when clicking on a link doesn't work in full page view, why ? Try pressing the Contact button and it should take you to the lorem text. But it doesnt :confused:
Ok. it seems that it only works if full screen is filled
@meetmangukiya you have this href="#">About . how to know the browser where to go to?
how to align a line to the right....<hr align="right"> is not working
solved.. :-)
@sorinr
Try pressing the Contact button and it should take you to the lorem text. But it doesnt
@meetmangukiya it takes you to the first <p id="lorem"> that you have defined in your <a href"#lorem">Contact :)
@meetmangukiya are u on IE?
@sorinr I've done the same thing, that you told
and works fine now
The problem was that my page wasn't completely filled, so the jump didn't work
I think for the jump to work, the page should be completely filled with something, either it be text, pictures or whatever else
:D
@meetmangukiya yep. to test the scrolling to a certain <p> you can just add for testing the id you wish to that p tag
Could you guys tell me what you think of this logo? - https://www.youtube.com/watch?v=bGkpNKaczqo
@ExhibitArts nice if you try to do it only by css
@sorinr ?
@sorinr css to shape a logo?
I wish (lol)
@ExhibitArts i was meaning that it would be nice to accomplish same project made in photoshop but only using css
@sorinr Yeah it would be. Although I'm not sure how it would work.
I'm trading graphics for help with portfolio website if anyone is interested?
$scope.removeVm = function(index) {
$scope.amount -= $scope.vms[index].amount;
$scope.vm_amount -= $scope.vms[index].amount;
$scope.orderInfo.totalCost -= $scope.vms[index].cost;
$scope.vms.splice(index, 1);
};
$scope.amount -= $scope.vms[index].amount;
$scope.vm_amount -= $scope.vms[index].amount;
$scope.orderInfo.totalCost -= $scope.vms[index].cost;
$scope.vms.splice(index, 1);
};
@ExhibitArts the logo does not seem very symmetrical, its not balanced
mixing straight lines with curves... tricky
draw a circle around it and you will see
@sorinr there is a bug in your twitch app, I am unable to see image of offline users
@microcyberz there is no bug. i haven't implemented it yet :) was too lazy to that too
betweek two my two divs..there is a gap..can anybody tell how to remove that..
@sorinr lol.:D Your design and interface is awesome.. good work
@Gauravtolani your jumbotron has a margin bottom of 30px
@kirbyedy i have set it to 0px, where is 30 px
?
@microcyberz thank you for your feedback. for the moment i have just added update the streams status every 5 min to check if they are still online or not. i will decide whow to present that info for running streams during a "morning brainstorm" when taking my coffee. :)
sorinr sends brownie points to @microcyberz :sparkles: :thumbsup: :sparkles:
:cookie: 271 | @microcyberz |http://www.freecodecamp.com/microcyberz
@sorinr yesh. extra features.. coool :D @sorinr .. My pen was working fine yesterday, it was tested, I saved and submitted to FCC. Today it is not working fine.. It's weird
@microcyberz even you have submitted it , you can still update it whenever you want
yes I am trying to update now, but It was tested by people and i got positive responses. How could it become buggy now :D
hi! is anyone doing, or has done, the wikipedia viewer yet? OMG, I hate the API documentation. Silent fails with status of zero all the time :( finally got it to work by modifying someone's Angular call. Have I missed a whole chunk of help on a FCC forum somewhere? I looked and looked, but couldn't see anything.
@susangapper It was a terrible project :D same was my situation...
I dont't know angular, can't help in angular things @susangapper
so glad I'm not the only one! I've done loads f API stuff, but just couldn't make head nor tail of it. TBH it was a few years back and it was internal, so none of the CORS stuff applied.
let me see your code
I used AJAX call to resolve CORS issue
@microcyberz it was https://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch=' + searchTerm + '&callback=?JSON_CALLBACK as angular, just took off the JSON_CALLBACK bit on the end, as that's the Angular bit
@susangapper If you're getting silent fails, make sure to check your browser's debug console. Chrome likes to silently reject things it considers insecure, but it will make a note in the console.
@susangapper don't use callback, use AJAX call with dataType 'jsonp'
@susangapper nope for me. here is my pen: http://codepen.io/sorinr/pen/LZVqmJ
thanks @Fourbits , I'm still rusty on my workflow :)
susangapper sends brownie points to @fourbits :sparkles: :thumbsup: :sparkles:
:cookie: 337 | @fourbits |http://www.freecodecamp.com/fourbits
what's the difference between immutable and mutable in javascript? does it have to do with memory management? immutable stores variables by value, mutable point to variable by reference?
@susangapper it works on myside
Yeah, it finally works, just wondered if I was the only one struggling :) There is a project to open up the API into a more user-friendly way. Think the documentation leaves a lot to be desired for easy searches at least.
@susangapper next twitch tv API documentation is easy, hope it won't cause same frustration
@microcyberz yeah I hope so. Thing is, I wanted to learn the WikiMedia API for work, so I think I'll have to delve a bit deeper. I may write it up as a CodePen with examples. It's silly for people to get stuck and demoralised. Anyone know where those sort of resources are referenced? Maybe someone has already done it?
@susangapper yes. it is. but wiki covers a very vast criteria data to search for. thats why it seams to stuffy
@Fourbits
Would anyone mind checking out my Rogue-like game? Also, does anyone know why, if I view it outside "debug mode" or add a border to the map viewer, horizontal and/or vertical grid lines will appear? https://s.codepen.io/fourbits/debug/oLwqoA
https://codepen.io/fourbits/pen/oLwqoA
Would anyone mind checking out my Rogue-like game? Also, does anyone know why, if I view it outside "debug mode" or add a border to the map viewer, horizontal and/or vertical grid lines will appear? https://s.codepen.io/fourbits/debug/oLwqoA
https://codepen.io/fourbits/pen/oLwqoA
how to bui a tribute page
build
@Fourbits that's awesome! No where near you yet, so can't help, but really cool :)
how to build a tribute page
plz tell me
@1rjun I used w3schools bootstrap tutorial and modified that.
@1rjun You just need to use basic HTML and CSS like you learned in previous lessons. Use the example page as a template and fill in information about someone interesting.
Hello I'm getting "NS_ERROR_FAILURE: Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIURI.host]" when trying to get json in codepen has anyone ran into this error? My code : $.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=?", function(json){
console.log(json);
});
console.log(json);
});
@d1sr3 Try removing the question mark after "callback=" -- does that help?
@Fourbits Didn't help, I got the same error
Well, the URL looks identical to the one I used in my pen, and all I can find is that that error is specific to Firefox.
Have you tried loading it with another browser?
This message was deleted
@d1sr3
$.ajax({
url: 'http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=',
success: function(response) {
console.log(response);
} });
worked for me
urgh, how do you type code in this editor!
@susangapper Use Markdown: For a code block, put three tildes around the code:
```
if (true){
return false;
}
```
```
if (true){
return false;
}
```
will give you
if (true){
return false;
}
@Fourbits thanks
susangapper sends brownie points to @fourbits :sparkles: :thumbsup: :sparkles:
:warning: susangapper already gave fourbits points
lol, Im sending you lots of brownie points today
^_^
@susangapper I got the same error
@d1sr3 Maybe give us a link to your pen?
This message was deleted
@Fourbits https://s.codepen.io/d1sr3/debug/LZZKMr
@d1sr3 It works for me on Chrome and Firefox, but I have to change the URL to
http instead of https because the browsers think it's unsafe to access one from the other.
@d1sr3 yup, same for me, change to http
@Fourbits Thanks I had enabled https everywhere when I disabled it it started working I was stuck with it like for a week
d1sr3 sends brownie points to @fourbits :sparkles: :thumbsup: :sparkles:
:cookie: 339 | @fourbits |http://www.freecodecamp.com/fourbits
@Gauravtolani check the image
thanks @kirbyedy
gauravtolani sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1193 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
i was really stuck..
:-)
Hi, who can help me with Bootstrap? my page looks OK untill I resize the window http://codepen.io/AnnaRedPanda/pen/zBzGRP
@d1sr3 In many cases, you can avoid this problem by detecting if the client is on http or https with
location.protocol and using the same protocol to get your JSON; however, some sites only accept one protocol, so it doesn't always work.
Hi, can someone spot what's wrong with my codes? my on click didn't work
http://codepen.io/ajayrexluega/pen/RRgyVg
http://codepen.io/ajayrexluega/pen/RRgyVg
my button New Quote didn't work. Why?
@kirbyedy I know it's not symetrical. It's the style I chose.
https://sellfy.com/ExhibitArts - Selling logos and signatures.
I'm working on the "Twitch.TV JSON" api project. I'm just testing the api right now and various data pieces of display in a test div. So, I can then play with the API. Its not displaying anything however.
Here is the code: http://codepen.io/flindip/pen/bZRANL
@sainiabhi
hi all
I need output like [1 2 3] [4 5 6] [7 8 9]
how to achieve this?
I tried but everytime I'm getting [1 2 3] [1 2 3] [1 2 3]
hi all
I need output like [1 2 3] [4 5 6] [7 8 9]
how to achieve this?
I tried but everytime I'm getting [1 2 3] [1 2 3] [1 2 3]
Please help anyone
@sainiabhi what's the name of the task?
Hi @susangapper it's no task just doing it as this is a challenge given by someone
@sainiabhi what's your code?
@susangapper sharing it give me two minutes
@susangapper
for(var i = 0; i < 3 ; i++){
console.log("[");
for(var j = 1; j < 10 ; j++){
console.log(j);
if(j % 3 == 0){
j++;
break;
}
}
console.log("]");
}
for(var i = 0; i < 3 ; i++){
console.log("[");
for(var j = 1; j < 10 ; j++){
console.log(j);
if(j % 3 == 0){
j++;
break;
}
}
console.log("]");
}
see my output should be coming like
[1 2 3]
[4 5 6]
[7 8 9]
But it's coming like
[
1
2
3
]
[
1
2
3
]
[
1
2
3
]
@susangapper
@sainiabhi yeah, it's your mod loop
@susangapper what i'm not getting here is like after mod condition satisfying how to get value 4
so that it should come like
[
4
5
6
]
[
4
5
6
]
@susangapper you gettin' me?
help format
:point_right: code formatting [wiki]
Multi line Code
```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
Single line Code
This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
@sainiabhi why u dont use a tab and display it ?
Hey @willfree108 i will
console.log(j+i*3);
@sainiabhi sorry, rubbish at algorithmic stuff :)
@susangapper :P same here, ok thanks for your time
sainiabhi sends brownie points to @susangapper :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @susangapper |http://www.freecodecamp.com/susangapper
This message was deleted
:bulb: to format code use backticks! ``` more info
Hi everyone, I'm working with the project "Build a Wikipedia Viewer". I use ajax to query the data, but the wikipedia api return nothing. I don't know what mistake I made. Anyone can help me?
http://codepen.io/Liszt/pen/PzjYBY
http://codepen.io/Liszt/pen/PzjYBY
@i-liszt check devtools/console (F12 or constrol shift J ) if u have any errors
add some console.log to check if ur api returns data
@i-liszt do you have a callback function called Query defined somewhere for when the request is successful?
@i-liszt make sure ur code dont have any syntax error
@i-liszt hi, I had the same mistake this morning. The ajax call doesn't work but the getJSON call does. I think its to do with the way jQuery implements the getJSON shorthand with a <script> hack???? Try your url with the getJSON function
var url = 'https://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch=' + searchTerm + '&callback=?';
//Also works
var jqxhr = $.getJSON(url, function(r) {
//console.log("success: " + JSON.stringify(r));
displaySearchResults(r)
})
.fail(function() {
console.log("error");
});
@moigithub I see the search results in the console. Thank you! Moreover, I want to ask why there seems nothing in codepen's console? I see object, but it looks like empty object
i-liszt sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 1637 | @moigithub |http://www.freecodecamp.com/moigithub
@marcvesper Yes, on the top of JS block
@i-liszt probably ur api query parameters
try with those
action=query&list=search&format=json&srsearch=cat
u can put on ur data like u doing.. or directly in the url like @susangapper code above
will do the same
@i-liszt
action=query&list=search&format=json&srsearch=cat
u can put on ur data like u doing.. or directly in the url like @susangapper code above
will do the same
@i-liszt
@i-liszt like @moigithub says, seems it's the parameters. this works with your structure: ``` function Search() {
var url = 'https://en.wikipedia.org/w/api.php';
var keyword = $("#keyword").val();
$.ajax({
url: url,
data: {
action: 'query',
list: 'search',
srsearch: keyword,
format: 'json'
},
dataType: 'jsonp',
success: Query
});
} ```
how to do this.. -------------------</> in html as shown in the portfolio demo page by fcc..
?
Hello, does anyone know if I can just link my personal website for the Portfolio challenge instead of making a codepen?
@woofiewilly I did it,
@woofiewilly link to my personal domain
Thanks
@moigithub Got it. I'll try it. Thank you and @susangapper and @marcvesper
i-liszt sends brownie points to @moigithub and @susangapper and @marcvesper :sparkles: :thumbsup: :sparkles:
:warning: i-liszt already gave moigithub points
:cookie: 285 | @marcvesper |http://www.freecodecamp.com/marcvesper
:cookie: 266 | @susangapper |http://www.freecodecamp.com/susangapper
function multiplyAll(arr) {
var product = 1;
// Only change code below this line
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
console.log(arr[i][j]);
}
}
// Only change code above this line
return product * multiplyAll(arr);
}
// Modify values below to test your code
multiplyAll([[1,2],[3,4],[5,6,7]]);
What is wrong?
@gemaderus console.log is used for debuggin purposes
using arr[i][j] u have access to each of those numbers below (subarrays )
u need to calculate the multiplication of all those numbers.. and assign to product variable (on ur loop)
and finally return the product result
using arr[i][j] u have access to each of those numbers below (subarrays )
u need to calculate the multiplication of all those numbers.. and assign to product variable (on ur loop)
and finally return the product result
@gemaderus your two for loops are not changing the value of product. it's always at 1.
Hello everyone, I'm working on my first project (tribute page) and am still having problems aligning the list the way I want it to be. I know I can use containers to do it, but I haven't been able to figure out exactly how to get it the way I would like it to look. Can someone direct me someplace where there is a good explanation on how containers work? Thank you. http://codepen.io/cyas87/pen/mEOEWX
@cyas87 You have closed your row and column classes without your li inside. Try to set your col div to text-left and and pull-center, and wrap your li's inside that.
@marcvesper Why?
@marcvesper Why not change?
@KoniKodes thanks! I'll try that out!
cyas87 sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 322 | @konikodes |http://www.freecodecamp.com/konikodes
@gemaderus You don't tell it to change. :) Your console.log prints out each number in the array. But you also want to do something with each number of the array, right?
@marcvesper yes
@cyas87 Thank you for the brownie. I hope it helps.
konikodes sends brownie points to @cyas87 :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @cyas87 |http://www.freecodecamp.com/cyas87
Hi Everyone. I'm working on the Random Quote Quote Machine and I'm trying to get a kind of proof of concept that I am pulling the information I need correctly. I'm trying to figure out where my disconnect is. Thanks! http://codepen.io/Sevohan/pen/akwRWw
@Sevohan Set up your html so that you can see the results. Then once you can see that, you can style it with css to look pretty. Until then, you can try console.log(results);
@Sevohan using chrome ??
I am will that cause me problems?
nope.. i see u using console.log.. did u open devtools to see ur console output ?
control + shift + J
or F12 -> console tab
or F12 -> console tab
@KoniKodes No problem. Your advice worked great, thanks again!
cyas87 sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:warning: cyas87 already gave konikodes points
:-)
@moigithub Yeah I'm looking at my console output but it seems to be having problems with the $
did u add the jquery library ? @Sevohan
@Sevohan Yeah, you'll have to add the jQuery library in settings.
That explains why none of my jQuery was working on my actual project. Thanks @jake-thewoz @moigithub and @KoniKodes !
sevohan sends brownie points to @jake-thewoz and @moigithub and @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 300 | @jake-thewoz |http://www.freecodecamp.com/jake-thewoz
:cookie: 323 | @konikodes |http://www.freecodecamp.com/konikodes
:star2: 1641 | @moigithub |http://www.freecodecamp.com/moigithub
Which are you using?? PostCSS or SASS??
Hi there, I'm stuck on geolocation, anybody online for some advices?
I did some check, and concluded that this function: navigator.geolocation.getCurrentPosition(success) is not executing
success is another function which takes the location and prints it in textarea
am I missing some external resource, or is there maybe browser problem
and ideas?
@brascene are you using chrome?
@marcvesper yes
@brascene it's a security feature in chrome. to workaround it, you need to first get your geocoords externally, eg. by calling them from a site like: http://ip-api.com/docs/api:json
@brascene (there's probably other workarounds, but that worked easiest for me. more on the security feature here: https://developers.google.com/web/updates/2016/04/geolocation-on-secure-contexts-only?hl=en)
@marcvesper thank you very much, I'll try now to use ip-api.com :)
:cookie: 286 | @marcvesper |http://www.freecodecamp.com/marcvesper
brascene sends brownie points to @marcvesper :sparkles: :thumbsup: :sparkles:
http://codepen.io/MarkHCP/pen/OXWoeJ
Could someone tell me how to make the images resize nicely when on smaller screen?Right now they just kinda clump up and it's really ugly.
Could someone tell me how to make the images resize nicely when on smaller screen?Right now they just kinda clump up and it's really ugly.
hello everyone
I am having a hard time with the build random qoute machine.
it seems that the api is not working...I can't even get an error msg to display on the document
@mpettaw2 Share your codepen so that people can help you
i think it is not going to success but it is not erroring out either
You should look at the console for errors
@arun1595 i have and nothing is displaying....:(
oh the humanity
It looks like you're not getting valid json from the ajax call. See the console after clicking the button
oh you mean the "button working" note?
Hello whenever I press button in my random quote site I always get the same quote my codepen : http://s.codepen.io/d1sr3/debug/LZZKMr could anyone help me?
@mpettaw2 You're not actually getting JSON back. Check the console. You should get a
VM660:1 Uncaught SyntaxError: Unexpected token o in JSON at position 1 click on the link at the right to see what you get back
awww...so i need another api?
I would suggest you to try Forismatic API
thank you!!
It'll be much easier if you learn what JSONP is
ok...
@mpettaw2 - you have a few problems in your code, but it is basically working - I made this change at the start of your success function:
success: function(json) {
console.log(json);
//var jsonish = JSON.parse(json);
var author = json.author;
var qoute = json.quote;
var html = "<h1>" + author + "</h1><br><p>" + qoute + "</p>";
$(html).appendTo("#msg");
console.log("api working");
},And got some output from the quote that was returned.
You also have "QUOTE" misspelled in several places - one of which was causing a failure to read from the returned object.
I hope that helps?
@mpettaw2 - you were getting an object, so your code that access it:
var author = json.author;
var qoute = json.quote; is sufficient to fetch the author and quote from the object.
Help me with this palindrome challenge here, please.
function palindrome(str) {
// Good luck!
var normal = str.replace('/[^a-zA-Z]/gi', '').toLowerCase();
var rev = str.replace('/^[A-Z]+$/gi', '').split('').reverse().join('').toLowerCase();
if(rev.split('').reverse().join('') === normal){
return true;
}
else if(rev.split('').reverse().join('') !== normal){
return false;
}
}Here's my code.
no wiki entry for:
me with this palindrome challenge here pleasefunction palindromestr good luckvar normal strreplacea-za-zgi tolowercasevar rev strreplacea-zgi splitreversejointolowercaseifrevsplitreversejoin normalreturn trueelse ifrevsplitreversejoin normalreturn falseheres my code
@a-y-u-s-h you should reverse
normal then compare it to the non-reversed version otherwise if your regex is different they wont be the same
I reversed the reversed, isn't that the same thing?
Oh, holy shit, let me change that regex
@a-y-u-s-h - you should only filter out the characters once, then reverse that filtered result, then compare. No need to filter out the character in two different places.
@khaduch But, what if we have a string like "@alibaba@" ?
@a-y-u-s-h you can either retrieved all alphanumeric characters or remove the non-alphanumeric chars(regex for non-word characters is ----> \W ). however underscore(_) is considered to be alphanumeric(word character) so you need to take it into account
@a-y-u-s-h - that shouldn't matter. You only need to filter out the undesired characters one time. Even if you filter twice as you are trying to reverse the string, the same thing should result - the same characters should be filtered out both times, or else you'll never get a match when you're supposed to. So only filter once, then reverse the filtered string into a new variable, then compare the two.
@a-y-u-s-h
//need to improve regex
var normal = str.replace('/[^a-zA-Z]/gi', '').toLowerCase(); //only need to perform .replace once
var rev = normal.split('').reverse().join('');//<----normal is already lower case
//on the if test rev and normal are strings so no need to use .join and .reverse@wearenotgroot Yup, I've been trying. I used filter before doing this, it returned true for every palindrome, didn't return false for non-palindromes.
I've been getting that same result again and again. These are the methods that I've tried till now.
Method 1 :
- Converted the string into an array.
- Removed non-letter characters from it using
forloop and then decapitalized everything. - Stored the reverse in reverse, and normal in normal and compared them.
Method 2 :
Used .replaceto do similar thing
Method 3 :
Used .filterto do similar thing. Used this : /^[A-Z]+$ /gi to get all the wanted characters.
Doesn't work even after removing the + from regex.
@a-y-u-s-h the the regex i hinted \W also filter out _ underscore
@wearenotgroot Yup, tried that one as well yesterday. Same errors for all methods.
strings which are not palindrome like "nope" don't return false.
@a-y-u-s-h
/[\W_]/g <-----------this guy didnt work?
The conditions where spaces or numeric or special characters are involved and if they should return true, return true.
@wearenotgroot Yup, that one too. Just checked it again.
@a-y-u-s-h try post updated code?
function palindrome(str) {
// Good luck!
var normal = str.replace('/[\W_]/g', '').toLowerCase();
var rev = str.replace('/[\W_]/g', '').split('').reverse().join('').toLowerCase();
if(rev.split('').reverse().join('') === normal){
return true;
}
else if(rev.split('').reverse().join('') !== normal){
return false;
}
}
palindrome("");
hey all!
I am working on my tribute page using codepen
@glowlo - hello
I am curious though...what is the link rel for including boostrap on a webpage
@a-y-u-s-h umm the regex doesnt need '' otherwise it will treated as an actual string
in the lessons it gave us the link for using bootstrap with an app...and then applied it behind the scenes
what would be use as a developer to apply boostrap to a webpage?
@a-y-u-s-h
var normal = str.replace(/[\W_]/g, '').toLowerCase(); //should be like
@a-y-u-s-h - you should just be able to compare
normal to rev and return the result? Your other code at the bottom looks like you're reversing the reversed string again? that's not necessary, besides being incorrect...
@glowlo - if you go into the CSS panel on CodePen, and click the gear icon (at the top) it should present a popup with a place to set external libs. There are some quick links at the bottom - just select bootstrap and you'll see the URL they use. Does that answer your question?
@a-y-u-s-h aslo as mentioned earlier there is no point on repeating the same operation
var normal = str.replace(/[\W_]/g, '').toLowerCase(); //only need to perform .replace once
var rev = normal.split('').reverse().join('');so just take the normal variable and reverse it
sure! thanks so much!
@wearenotgroot Updated . WORKS NOW. THANKS. -.-" silly mistakes. Consumed my whole day.
@khaduch Yup, correct. WORKS NOW. Thanks.
a-y-u-s-h sends brownie points to @wearenotgroot and @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1402 | @khaduch |http://www.freecodecamp.com/khaduch
:star2: 1204 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
@a-y-u-s-h :+1: just review how regex is treated
@wearenotgroot yup, I will :+1:
I'm having trouble getting my twitch API page generating links... it seems to generate the proper link, and when i copy and paste the line into my browser it works fine, but it i click the link (which opens a new page) twitch seems to hang? any help?
@spot1000 - if you post a link to your project, I can take a look and see if I can help?
don't judge my code too hard... I've been fighting with this for the past couple hours...
@spot1000 - OK... :hammer: just kidding... learning this takes time! :)
hahaha
i didn't think it was THAT bad... besides not commenting anything...
and still being fairly new
@spot1000 - well, so it's not opeining the page when you click the link? At least it opens the page and then hangs... but that seems to be a problem even if you open it directly and click on one of the available links from the twitch.tv home page? I wonder if the site is having some kind of issues?
ok! that's what i was experienceing too
now copy the link, close that window, and open a new one and past the link in there
that works fine!
or at least it did for me...
@spot1000 - yeah, okay... it did pop up in a new window? Seems like the same URL? kind of crazy. I wonder if I got far enough with my project to try this? I started, but I don't know if I formed the page with the URLs on it?
I'm glad I'm not going crazy... or it's not just my computer
haha
but even if you click on the example project, it does the same thing
@spot1000 - definitely not working for me, either - it brings up the page with the navbar on the left hand side, but the wheel just keeps spinning...
and I have ZERO idea how to fix that...
I assume yours was working when you completed it?
when was that?
Can anyone help me with figuring out how to center bullet points in HTML. I cant get the bullet points to be centered.
@spot1000 - I haven't completed my project. But when I load my pen, it says that
freecodecamp is OFFLINE?
currently it is
but try it with one of the ones that's online
mine still does that
@Yoplay8 link your pen, so we can see what you've tried
how do i link it?
just send url?
yep
@Yoplay8 - you don't really want to get your bullet points centered - at least I don't think you do. If the lines are different lengths, it makes it a jagged-edged display of text, not too nice looking.
ehh then what i need is to get the all alinged
if you put text in your <li> elements they center like i think you want...
well the text its self get centered
But i want is the bullets to be father inwards
with the bullets
@spot1000 - that's really strange about twitch.tv. If i go to a completely separate window, it works, at least it works better? I wonder why that could be?
@khaduch right? I have no idea
could i see yours?
thanks adam you helped me figure out what i want now XD
no problem! glad I could help
@spot1000 - mine doesn't generate the links at this point - just the list of users. I am in an early phase of the design. Let me see if I can set up the page to at least add the URLs to the online users?
oh yeah, that's probably a good things to have! I didn't realize you weren't done yours haha
don't worry about it right now if you're working on a different challenge or something
Thanks @khaduch for the second set of eyes
spot1000 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1403 | @khaduch |http://www.freecodecamp.com/khaduch
I'll let you know if i figure anything out about how to make it work!
any recommendations for a keyless weather api?
or how to keep the key to a weather app secure?
I wasn't able to find a good keyless one
I just plugged my key into my pen
i don't think it's as big of a deal if you're building a website from scratch... but when you're building in a pen anyone can go in and look at your code
not a big deal with the weather api one since no one is paying for it
okay
i think ill just spend the day looking at code.org's jquery course anyways
thanks, though, @spot1000
stephepush sends brownie points to @spot1000 :sparkles: :thumbsup: :sparkles:
:cookie: 317 | @spot1000 |http://www.freecodecamp.com/spot1000
Anyone familiar with bootstrap and less can have a look at this issue: http://forum.freecodecamp.com/t/bootstrap-and-less-navbar/17554
@spot1000 - I just went to take a look at the example project, and there are TONS of errors in the console having to do with some sandboxed elements or something? Not sure what it all means at this point? But it does not work, and maybe there have been changes to twitch, or it is temporarily hosed?
my guess is changes to how they receive URL request? cause I just made a simple pen with a link to twitch and it does the same thing
Hi all!
hi @danielparvin
Hello, everyone.
So... is anyone else here a citizen of Procrasti-Nation?
Hello everyone. I have float right on my #author, and clear right on my #buttons, but they are still next to each other. What did I do wrong?
http://codepen.io/woofiewilly/pen/KrqGwP
http://codepen.io/woofiewilly/pen/KrqGwP
How do you guys like my Twitch project? http://codepen.io/hristijankiko/full/WxOgQJ/
looks good @hristijankiko but it seems like you're having the same problem that @khaduch and I are having with ours
in that the link hangs on twitch TV and doesn't show the video...
otherwise, good job!
@spot1000 It's probably a codepen thing, if you copy and paste the same url in new tab it works
yeah, we found that too
either way, I love the look of it
looks really good
@spot1000 Thanks :)
hristijankiko sends brownie points to @spot1000 :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @spot1000 |http://www.freecodecamp.com/spot1000
@woofiewilly you can take out the float all together if you want, just at "class='text-right'" to the author id, and it should work great
Floats are notoriously hard to deal with, I just try to avoid them
@spot1000 That works I guess. Thank you!
woofiewilly sends brownie points to @spot1000 :sparkles: :thumbsup: :sparkles:
:cookie: 319 | @spot1000 |http://www.freecodecamp.com/spot1000
sorry, not the actual id itself, just in the same h2 tag
no problem! glad to help
Hey guys, I am working on the wikipedia viewer and having some trouble getting started. I have read the documentation in the links and still a little confused. Can someone just explain how I retrieve the api? I thought to use one of the links but can't seem to figure it out.
sure! I had a hard time with that one too
can you link your pen so I can see what you've got so far?
Its not much, was confused on how to retrieve the information with the api.
Its different than the weather app and the quote machine, so thats why I was confused.
ahh
did you use ajax for those too?
@spot1000 Yeah, I did. Can I not with this one?
i have no idea, i used jquery haha
gimme a second to take a look at it
I'm not super familiar with ajax
@spot1000 From my understanding I was trying to use jquery too but I found someone do it like that with ajax, and it made more sense to me. What url do you use though?
@lukenetti3 You need to use the opensearch option on the api
I built the URL in there, and then just plugged it into my code
@lukenetti3 This is what you are looking for https://en.wikipedia.org/wiki/Special:ApiSandbox#action=opensearch&format=json&search=earth
@lukenetti3 Press make request
if you query for extracts and links, and add search to generator
that's what I did
@spot1000 What do you mean by add search to generator?
scroll down to generator, and pick search from the dropdown
@hristijankiko @spot1000 Okay I see where you add search to generator...I don't quite understand that api sandbox though? Like what is it doing?
@lukenetti3 Gives you a format on how your url should look like on the request
@lukenetti3 http://prntscr.com/bp721u
@lukenetti3 Here is the full link for that example https://en.wikipedia.org/w/api.php?action=opensearch&format=json&search=Earth
@lukenetti3 All you need to do in your code is to edit that &search=
yep, that's basically it
@lukenetti3 And use a callback
@hristijankiko Okay, I am starting to understand a little bit more. So when the search box in my code is filled with some string that someone types in that is used in the "&search=" spot?
@lukenetti3 Yes, you need to use the input like &search=input
@hristijankiko Okay, I see what your saying. So the url I use should look like the url you sent me, but without the "Earth" at the end?
@lukenetti3 Yeah
correct
@hristijankiko @spot1000 Thanks guys! I really appreciate the help. Sometimes I just have a hard time getting started on these projects.
lukenetti3 sends brownie points to @hristijankiko and @spot1000 :sparkles: :thumbsup: :sparkles:
:cookie: 320 | @spot1000 |http://www.freecodecamp.com/spot1000
:cookie: 296 | @hristijankiko |http://www.freecodecamp.com/hristijankiko
same here, don't worry. it happens to everyone.
Yea its all good
For the portfolio section, I print screened, edited, and saved a copy of my tribute page to save in the portfolio section. But I'm having trouble figuring out where to put it on the web so I can create a link to it from my HTML code. Does anyone know where to put the image or if there is a better way to create portfolio images for that section?
@lukede You can use https://postimage.org/
@lukede u can use https://cloudinary.com/
@hristijankiko @vinaypuppal thank yo
lukede sends brownie points to @hristijankiko and @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 384 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
:cookie: 297 | @hristijankiko |http://www.freecodecamp.com/hristijankiko
Guys. How can i place my pic in the middle?
@SSaabbiirr margin: 0 auto?
@SSaabbiirr That is horizontal middle
@hristijankiko "center-block" . found
Guys.
<style>
body {background color: gray;}</style>not working. why?
@SSaabbiirr
background-color
@dagman yeah. thanks
ssaabbiirr sends brownie points to @dagman :sparkles: :thumbsup: :sparkles:
:cookie: 600 | @dagman |http://www.freecodecamp.com/dagman
yw
@spot1000 @hristijankiko - I just read your post, Adam and Hristijan - a thought occurred to me. If you open the page in
debug mode on CodePen - it works! It has to do with the sandboxing within CodePen, apparently. Just replace the full in the URL with debug and try it.
hey guys, i am having a problem setting the pause button in my javascript timer, could someone please help
thanks
hey guys, how make my text bold?
@SSaabbiirr
font-weight: bold use this as reference if you are new to css http://www.w3schools.com/css/css_font.asp
hey does anyone know how to center a paragraph within a column vertically?
I feel like it is really simple but I cant find any good documentation online
Are you using bootstrap?
@irvin3 hi this video can help you https://www.youtube.com/watch?v=hIG-fZ2042k
@svadali2 - one thing that you need to do, maybe the only thing? - is to save the value that is returned when you call setInterval, because you need that value to be able to stop the interval, that is the value that has to be passed to clearInterval().
Well, there is another thing that you have to do - if I click on your timer button multiple times, it seems that it also starts multiple interval timers, so that the timer then runs much more rapidly and then you won't be able to stop it. You need to save the return from setInterval, and make sure that you do not start another setInterval() while the clock is running. (Perhaps if you get your pause function running, it will be handled there, depending on how your logic is designed.)
Another helpful thing - I changed the session and break timers to 1, but the timer still started at 15:00.
One more thing - it simplifies the logic of the timer countdown if you keep your time value only in seconds, then you don't have to try and track minutes and seconds separately. You can just convert the seconds to a mm:ss value for output.
I hope that helps...
I can't seem to figure out why my getJSON isn't working
$(document).ready(function() {
//Get search results on 'submit' event
$('#regSearch').on('click', function() {
var query = $('#searchBar').text();
$.getJSON('https://jsonp.afeld.me/?callback=?&url=https://en.wikipedia.org/w/api.php?action=query&format=json&titles=' + query, function(json) {
var result = json;
alert(result);
});
});
});
I'm just trying to alert something so that I can make sure it was a success. It apparently is not successful...
I've tried it with and without the jsonp.afeld.me part (I had to use that for the quote generator)
@jamessral in click handler prevent default form submission using
event.preventDefault()
Woot!
Thanks, @vinaypuppal!
jamessral sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 385 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
where
event is parameter to click handler function @jamessral
so
$(something).on('click', function(e) {
e.preventDefault();
//other stuff
});
This?
@jamessral yes
Sweet! :smile:
@khaduch wow, thanks for that, i found your comment super helpful, the problem is im not very sure about how setInterval worked and what it returned so i was having an issue
svadali2 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1404 | @khaduch |http://www.freecodecamp.com/khaduch
i will look in the others also
hello, i am tring to do the second challenge on React, but i am not able to use the data that is returned from axios. I keep getting promises. Anione can help me pls http://codepen.io/Spartano/pen/pbwGLy?editors=1010
guys this is my i need to change lot of things to look alike qincy's codehttps://codepen.io/vvkgdm/pen/KrqEgm
and qincy page is https://codepen.io/FreeCodeCamp/full/NNvBQW/
If you're doing a GET request with AJAX on the client-side, you don't need to create a GET for the same URL in the server side right(ie. Node)?
@vvkgdm it's a great start. What specifically do you want to change ?
qincy put a quote under the image and i cant
btw thanks @AdventureBear
vvkgdm sends brownie points to @adventurebear :sparkles: :thumbsup: :sparkles:
:cookie: 449 | @adventurebear |http://www.freecodecamp.com/adventurebear
What have you tried so garb
Tried so far
i dont know hwere or how to start
and im ended up here
*where
Well you've done a good job of adding all the content so far. How much CSS do you know?
im beginner
level
Have you done any of the CSS challenges in the curriculum yet? What you want to do requires a little CSS. Not a lot , just a little.
yes ,i know css
i took already css challenge
sorry for my bad english
nvm
ok any one help me out
That's ok. If it's the quote you are trying to get to look like quinceys you just need to give to an ID , then use CSS to center the text, increase the font size and make it italic if you want.
okey dokey lemme try it
You probably want to give it a width and center it so that it sits in the middle with padding on either side
look it now
Ok good..so now all the text is centered and bigger and italic...is that how you want it, or do you want some text to be bigger, some smaller, etc... ?
is this ok to move on?
i mean to next step?
this one is kind of self graded. I think there are lots of areas for improvement in your code and for you to gain comfort with how to make those changes. They only get harder from here. I think going to quote machine could be OK if you want to spend time on something different. I am happy to offer you some ideas to help make this one better in terms of makign it easier for you to code and understand all the things going on.
so what I'm saying is I don't think you are ready to move on.
because they will get more challenging and I think you'll be frustrated
but quote machine has a different type of CSS required and you might like the change from this one.
then go back to this one and fix it up a little.
oh ok thanks
i will do it then
here is mine. You can look at some of the code (the HTML) and see how there are a lot fewer "divs" and "classes" than you have right now in yours.
omg nice man
basically if you have a lot of text, say several paragraphs, you can enclose them all in one div and style it all the same. So you don't have to make every paragraph "white-text". You can actually declare the whole page to have white text by stying the body like this:
that is qincy style
thanks. ;)
I'm happy with it. Jeff is my step brother he passed away last month
oh yeah lemme remove it first
sorry
html, body {
background-color: #fafafa;
font-family: 'Verela Round', sans-serif;
text-align: center;
}
for your loss
Thank you. He found out he was since Christmas of 2015 and lived 4 months. :( Really adds meaning to "sieze the day". BEcause of Jeff I try to help everyone's day be a little better. But if you use something like that above^^^ You can go in and remove all that extra code from your HTML, and just style the things that are "different".
one more thing, you should use the "tidy" button or drop down for your css and html and practice writing code that looks like the "tidy" version. it's easier for others to read and trouble shoot, and harder to make small mistakes like a missed semicolon.
im doing and will ping u after i done
I have to run, but wokr on that for a bit. Send me a PM if you like if I'm not on here and i'll take another ook.
:)
good luck!
thanks
have a beautiful day
thank you, you too.