hello, I made some suggested changes to my random quote machine project, would someone mind looking it over once more and letting me know if there are any more improvements I can make. Thank you. http://codepen.io/bones211/full/YpoWmK/
Don't know why my selfie picture is margined a little to the left, even though i put margin-left: 0;
@nathanthai
.col-md-4 {
padding-left: 0;
}
@DanJP2016 you're making the rest of our quote machines look like crap
@DanJP2016 have the 'ready' lit up right away?
@nathanthai why dont you just give the codepen link instead of a screen shot
@nathanthai The class
col-md-4 of the surrounding <div id=“sefiebox” class=“col-md-4”>… has a left and right padding of 15px;
A better solution is to make selfiebox a class set padding-left: 0; like this:
<div class=“col-md-4 selfiebox”>…</div>CSS:
.sefliebox {
padding-left: 0;
}
@moT01 lol thanks. I thought about that, but the twitter button will flash a warning if pressed before a quote is loaded, so it's not really ready. that just seemed like it would be confusing to the user.
danjp2016 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 439 | @mot01 |http://www.freecodecamp.com/mot01
i'm doing the simon challenge. for some reason when my function to play all the colors after eachother is called it instead plays the colors at the same time. check it out: https://codepen.io/emmanuelamador/full/XNwoxv/
@emamador I can't turn the thing on and the controls move
@JohnnyBizzel are you seeing it on desktop?
@JohnnyBizzel just click start
@emamador Well the buttons move all over the place. Where is the on/off switch?
And when you hit start a sequence should start playing, right?
And when you hit start a sequence should start playing, right?
@JohnnyBizzel yeah
can anyone help me with setting up multiple backgrounds? I keep running into problems. I am trying to set up three backgrounds that stack on top of each other (top, middle , bottom) similar to the example portfolio webpage challenge. how is this accomplished? this is what i have so far. http://codepen.io/Troutman21/pen/PbrQqE?editors=1100
Hey silly question, but how do I enable bootstrap in codepen's css?
jk figured it out lol
if you go to the css box its under the tools icon @ravisraval
use "quick add"
Hello,
Could anyone help me to get my api call working. I'm trying to console.log the JSON data i get from a local weather api but my code doesn't seem to work. been stuck for a good 45 mins. http://codepen.io/JoshFilippi/pen/ENBeWG?editors=1112 Thanks
Could anyone help me to get my api call working. I'm trying to console.log the JSON data i get from a local weather api but my code doesn't seem to work. been stuck for a good 45 mins. http://codepen.io/JoshFilippi/pen/ENBeWG?editors=1112 Thanks
Hey everyone, Im to the point in my portfolio project where i need to create several thumbnails of my past projects (aka place holders since I have not past projects) Can anyone point me in the right direction for how to start this? Are they just normal images that i'm adding ? or is there a special thumbnail tag i don't know about ?
I just added them in an <img> tag and gave them all a consistent size with max height and max width
@joshfilippi it works for me
Objectbase: "stations"clouds: Objectcod: 200coord: Objectdt: 1482890640id: 1851632main: Objectname: "Shuzenji"sys: Objectvisibility: 10000weather: Array[1]wind: Objectproto: Object
@Manish-Giri Yes it started working for me about 10 mins ago. with no change to the code. I've had this problem before with apis where periodically I wont receive any data. I'm not sure if I'm doing something stupid because I'm fairly new to apis..
thanks @Manish-Giri
joshfilippi sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3337 | @manish-giri |http://www.freecodecamp.com/manish-giri
@joshfilippi possibly a browser issue?
Hello! Does anyone have any idea about how to make a fixed navbar inside a relative element?
@Ash1108 I used
position:fixed;
z-index:1;
in the css for my navbar to make it stick to the top as i scrolled down. no javascript needed. the z index just stacks it above other elements. If you don't do this the elements overlap and look weird.
position:fixed;
z-index:1;
in the css for my navbar to make it stick to the top as i scrolled down. no javascript needed. the z index just stacks it above other elements. If you don't do this the elements overlap and look weird.
@Ash1108
The parent element container must have position: relative, and navbar must have position: absolute and class .navbar-fixed-top or bottom
can anyone run this and tell me if the api call works for them? I'm not receiving any data. Thanks
http://codepen.io/JoshFilippi/pen/ENBeWG?editors=1011
http://codepen.io/JoshFilippi/pen/ENBeWG?editors=1011
i used console.log so the data should appear in the console
yours works
That's frustrating.. I'm not receiving anything when i run it. Thank you @aboorde
joshfilippi sends brownie points to @aboorde :sparkles: :thumbsup: :sparkles:
:cookie: 406 | @aboorde |http://www.freecodecamp.com/aboorde
I've tried on 2 browsers in case it made a difference
hi every one, i build quote machine a few weeks ago and it worked but i checked today and it didnt, so i export my code from codepen and ran it on browser and it works on browser but not in codepen then i thought maybe it is a problem on codepen server then i check a few other projects on codepen that has js and they work so any one knows what is the problem? here is the link:
never-mind for some bizarre reason it works again
just waste 2 hours of my time lol :)
@Hossein-Ghanaati it was not working because you have loaded the pen over the https first instead of http
function Parent(){
$(this) // outer this keyword
function Child(){
$(this) // inner this keyword
}
}How can I do this Any Idea?
@Rakesh18754 try assign var $that = $(this) into the parent and use $that into the child
@Hossein-Ghanaati A lot of pepole use the forismatic api(or somethimg loke that), which only works over http. When codepen decides to run through https, the quotes don't generate anymore
like this @Rakesh18754
function Parent(){
var $that = $(this); // outer this keyword assigned to that var
function Child(){
$(this) // inner this keyword
$(that) // outer this keyword
}
}
Hey All! random question... I've just reached the first front end challenge in which you build a Tribute page (the one in which the example is the tribute page for Dr. Norman Borlaug). I think I've built mine to satisfy the User Stories, but I've done it with CSS (I think -- I used a <style></style> section).
Am I allowed to do this?
I'm still pretty new to everything... sorry if this is the wrong place to ask.
@pmsturgeon yes its ok to put your style between <style></style> tags but if you are using codepen its better to leave into the html pane only the html code and move all that you have into style to the css pane. its easier to read all the code by separating it
@sorinr thanks so much for responding. I'll check this out.
pmsturgeon sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1011 | @sorinr |http://www.freecodecamp.com/sorinr
@pmsturgeon welcome
@makkBit in the
Child function use $that instead of $(that), else you will get an error since that is not defined
@oppiniated yep. as i said it before: :point_up: December 28, 2016 9:41 AM
Anyone tried working through the alpha React challenges yet? http://hysterical-amusement.surge.sh/ React seems to be the most difficult thing I've attempted yet. More difficult than Node and Express. Sooo many new concepts, and methods to wrap your head around and remember.
// Setup
function abTest(a, b) {
// Only change code below this line
if (a>0, b>0){
return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}else{
return undefined;
}
// Only change code above this line
return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}
// Change values below to test your code
abTest(-2,2);
@PankajKaushik78 what do you mean here ?
if (a>0, b>0)
it says that a and b should be greater than 0 @oppiniated
Modify the function abTest so that if a or b are less than 0 the function will immediately exit with a value of undefined.
@PankajKaushik78
if (a>0 && b>0)
@PankajKaushik78 what about when they are equal to 0?
@PankajKaushik78 you can simplify this
oh i remember
thanks @oppiniated
:cookie: 467 | @oppiniated |http://www.freecodecamp.com/oppiniated
pankajkaushik78 sends brownie points to @oppiniated :sparkles: :thumbsup: :sparkles:
You can change
if (a>0, b>0){
return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}else{
return undefined;
}to if(a<0 && b <0) return undefined
Has anyone done the GIT challenge? Repocat won’t collaborate with me >.<
Idk how to finish this task
Idk how to finish this task
@jayisray What's the issue?
@oppiniated I invited reporobot to collaborate with me and it keeps saying that it’s awaiting a response for the invitation
It’s been over 40 minutes, but the task says it’s supposed to take seconds
@PankajKaushik78
if (a>0 && b>0){
return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}
you don't need the else part. :laughing:
Hey :)
// Nested object which I want to access
quotes = [
{ quote:..., author:..., id:...},{quote..., author:..., id:...},...]
var randomID = Math.floor(Math.random()*26)+1;
// generate a random quote and display in quote-area
var output = document.getElementById('quote-area');
// quote-area is <div> in which the quote should be displayed
// rQFunction gets called when pressing the button
function rQFunction(randomID){
var quote = quotes[randomID].quote;
var author = quotes[randomID].author;
output.innerHTML = quote + "- " + author;
}
what am i doing wrong? I get an error.
function translatePigLatin(str) {
var vowels = ["a", "e", "o", "i", "u"];
str = str.split("");
if(vowels.indexOf(str[0])!==-1){
str.push("way");
}
while(vowels.indexOf(str[0])==-1){
str.push(str[0]);
str = str.substr(1);
}
return str.join("");
}
translatePigLatin("glove");
Hi guys I'm working on the Build a Tribute Page challenge. I'm making some progress but not sure if I'm doing it correctly. Would appreciate any feedback based on what I've done so far https://codepen.io/ksc23/pen/WoqXJx
@ksc23 looks good to me !
@troutman21 thank you
ksc23 sends brownie points to @troutman21 :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @troutman21 |http://www.freecodecamp.com/troutman21
Any tips on how to set the margins on the h4 and list ?
Nvm I think I gotta use the bootstrap columns somehow
what is it that you are trying to do exactly? @ksc23
On the example tribute page the timeline section is centered https://codepen.io/FreeCodeCamp/full/NNvBQW/
Trying not to look at that page's code yet.. but I should use div class row and col for that correct?
a quick question ..should i choose to learn cpp or java ?
in context of being full stackk developer
in context of being full stackk developer
Hi,
I am starting my first project "build a tribute page". I am confused on what language to use. How to choose from HTML, CSS, Boostrap and jQuery that i have just learned.
Well, HTML is used to give structure to a webpage and with CSS youl make it nicer
by adding styling
Bootstrap is just like a.. framework you can use to build web page faster http://getbootstrap.com/
and jquery is javascript
Is Bootstrap used instead of HTML?
@solimansara Bootstrap is used to make your page responsive. It's a framework not an alternate for html
OK, thank you. It will probably become more clear as i work with them often.
@solimansara Yes it will
Thank you very much for the fast response, i will probably be asking many questions though until i learn :)
@solimansara Of course. The community here is very helpful
I noticed, i am very grateful for this community!
:+1:
Help? The first <h3> line in my pen's ABOUT section is not showing. What am I doing wrong? https://codepen.io/ibanton/pen/GNLpjJ
no wiki entry for:
the first h3 line in my pens about section is not showing what am i doing wrong httpscodepenioibantonpengnlpjj
@remdata Because it's under your navbar
Give this class to your div containing h3 elements
.marginTop{
margin-top : 50px;
}
.marginTop{
margin-top : 50px;
}
<img src=" lisa_deluca.jpg"> is this how to insert a picture saved in a file?
You're trying to insert the pic in codepen?
thanks Ankit
@remdata Anytime :+1:
yes
It is more professional to use an image from the web instead of a folder, right?
@solimansara then you need to host your image somewhere like cloudinary, unless you got a pro codepen
Ok, i understand. I was just able to insert the image from the web :)
@solimansara free codepen plan doesn't let you add image
Right! I was able to find the source of the image i wanted from the web and i included that. just like in the tutorial.
Cool :+1:
Can someone help me out? The last input isn't placed right
i want the textarea to be bigger
Nvm. I fixed it
sittingroom panel is not coming down
Help needed
no wiki entry for:
needed
My facebook "find us on facebook" won't move if i do top:30px;
Need help
@tranpatrick01 codepen link please?
@nani554 use one word for id like
"Sitting-Room" and change the rel also two words is making error
Hello all...
I'm having a little trouble with "Build a Random Quote
"
HTML -
<div class="container-fluid text-center">
<h1>Random Quote Generator</h1>
<!-- <p>Some of the quotes are here</p> -->
<div class="img"><img src="http://cdn.arstechnica.net/wp-content/uploads/2016/02/5718897981_10faa45ac3_b-640x624.jpg"></div>
<br />
<button class="btn btn-default" type="submit" id="newQuote">New Quote</button>
<a class="btn btn-default"
href="#" id="tweet" data-size="large">Tweet It!</a>
<div class="quotes text-center">
<span class="quote"></span>
<span class="author"></span>
</div>
</div>
JS -
$(document).ready(function() {
getQuote();
var randomQuote
var author;
function getQuote(){
var url = "http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?";
$.getJSON(url, function(data) {
$(".quote").html("'" + data.quoteText + "'");
$(".author").html("- " + data.quoteAuthor);
});
};
$("#tweet").on("click", function() {
window.open("https://twitter.com/intent/tweet?text=" + randomQuote);
});
$("#newQuote").on("click", function() {
getQuote();
});
});
Lately it's come out to just a typo, but I can't find it anywhere
I have my CSS if needed, but that's highly doubtful the problem, heh.
@tech-dom the url is the problem. it should be like
http://api.forismatic.com/api/1.0/?method=getQuote&key=457653&format=jsonp&lang=en&jsonp=? . you r missing the key
@walid thank you
nani554 sends brownie points to @walid :sparkles: :thumbsup: :sparkles:
:cookie: 76 | @walid |http://www.freecodecamp.com/walid
u got a genius touch
Hi all, I have some trouble with my website, anyone care to take a look at my code?
How do you make text bold in HTML?
@Thrillxlordz use <strong> or <b> tag
Here's my Quote Machine:
http://codepen.io/aps120797/full/NbZZvP/
http://codepen.io/aps120797/full/NbZZvP/
Need help in this?
Anybody?
@rjstone @txtsd
Guys.. Can you help?
Guys.. Can you help?
@ankit-prgmr
Can you help me out?
How can I prepoulate my Quote as a tweet here?
Need Help.
Here's my Quote Machine:
http://codepen.io/aps120797/full/NbZZvP/
How can I prepoulate my Quote as a tweet here?
Here's my Quote Machine:
http://codepen.io/aps120797/full/NbZZvP/
How can I prepoulate my Quote as a tweet here?
@aps120797 Sorry bro I haven't reached to that point yet
Okay. @ankit-prgmr
getting difficult in creating portfolio page
when we click on portfolio button in navigation bar how to scroll down in the same page https://codepen.io/FreeCodeCamp/full/YqLyXB/. similar to this
navigate to different sections of the webpage by clicking buttons in the navigation
I've done some projects but I can't find some good inspiration for my projects' design and currently my projects lack of css styles
Any sites/places to get some design ideas?
Any sites/places to get some design ideas?
@ricky2412 you use your anchor tag on your nav bar and have it point to the id of the section you want. Meaning
<a href="#contact"> Contact </a> and then where your contact section is, you'd want to assign the id contact to a div container or something within that area
It seems that the ajax doesn't work in my codepen but works fine in normal html file
Anyone know what's the problem?
@livonian-router Open your codepen over HTTP. The forismatic API does not support HTTPS. http://s.codepen.io/livonian-router/pen/RoXwZE
Or, ideally, choose an API that supports both HTTP and HTTPS :)
@TylerMoeller Thanks :D
But now my weather site doesn't work despite I've accessed it to http
http://codepen.io/livonian-router/pen/mONdKg
But now my weather site doesn't work despite I've accessed it to http
http://codepen.io/livonian-router/pen/mONdKg
livonian-router sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1209 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@livonian-router Similar problem :)
navigator.geolocation requires HTTPS, but you're trying to call the API over HTTP. Use All HTTPS when possible. There are some errors in the browser's dev console that will give a hint to this. Press Ctrl+Shift+J to see the errors and debug further.
(Command+Shift+J on Mac)
Hello everyone! Can you tell me just if the icon works right in your location? Thank you!
@Ayvlis I couldn't see the icon
@ankit-prgmr and you allowed geolocation?
@TylerMoeller thanks, it's working now.
I just forgot to embed the jQuery, silly me :smile:
I just forgot to embed the jQuery, silly me :smile:
livonian-router sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: livonian-router already gave tylermoeller points
@Ayvlis I didn't know it was blocked. I tried opening in the new browser and it worked. Nice work :+1: :smile:
@ankit-prgmr just the beginning, now I have to work on city name, temperature, wind, f/c switch, image change, ... :P thank you anyways!
ayvlis sends brownie points to @ankit-prgmr :sparkles: :thumbsup: :sparkles:
:cookie: 245 | @ankit-prgmr |http://www.freecodecamp.com/ankit-prgmr
@Ayvlis woah lot of work, haven't reached to that point yet :D
@livonian-router That happens sometimes :) the error I'm referring to is shown in the dev tools console.
Question: What's the difference between the user story and "functionally similar"
I'm doing the portfolio project and can't figure out how to add the overlay with buttons over the scrolling main page. Can someone help?
Anyone online?
Hey guys, needing help on the random quote generator project. I have extracted data from a url but the issue is that the button only fetches the data once. How can I fetch new data with each button click?
Here is my code:
```var colors = ["rgba(86,175,99,0.6)", "rgba(86,175,222,0.6)", "rgba(0,0,0,0.6)"];
$(document).ready(function() {
// Click Event Handler
$("#getmessage").click(function() {
// Data Extraction Using Ajax
$.ajax({
url: "http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1callback=?",
type: "GET",
datatype: 'json',
success:function(data){
$(".message").html(JSON.stringify(data[0].content));
},
error:function(){
alert("error");
}
});
// Color Generator
var randomColor = colors[Math.floor(Math.random() * colors.length)];
$("body").css({
"background": randomColor,
"transition": "all 2s ease"
}); });
});
var colors = ["rgba(86,175,99,0.6)", "rgba(86,175,222,0.6)", "rgba(0,0,0,0.6)"];
$(document).ready(function() {
// Click Event Handler
$("#getmessage").click(function() {
// Data Extraction Using Ajax
$.ajax({
url: "http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1callback=?",
type: "GET",
datatype: 'json',
success:function(data){
$(".message").html(JSON.stringify(data[0].content));
},
error:function(){
alert("error");
}
});
// Color Generator
var randomColor = colors[Math.floor(Math.random() * colors.length)];
$("body").css({
"background": randomColor,
"transition": "all 2s ease"
});
});
});
@mcmaster-99 use
cache: false - see the second code example here: https://quotesondesign.com/api-v4-0/
for the portfolio project in codepen, do we create it in the html box or the css box?
@TylerMoeller THANK YOU
mcmaster-99 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1212 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@mcmaster-99 No problem!
@gpsims both CSS and HTML
@gpsims You put HTML in the HTML box and CSS in the CSS box. Take a look at other projects to see how people separate their code. Take a tour of codepen here: https://s.codepen.io/pen/tour/welcome/start
Are we supposed to use a vertical carousel for the portfolio project?
Does adding multiple anchor elements interfere with each other?
When i click on one of the it keeps opening the wrong site
I'm doing the Simon challenge. The problem that i'm having is when the function playaicolors is called it plays the colors at the same time and not in separate intervals. take a look: https://codepen.io/emmanuelamador/full/XNwoxv/
@sziko what do you mean? Can you show some code?
Is the portfolio project supposed to be done right afteer the tribute page? I'm feeling a bit frustrated with it because I don'tr think I've learned any of this stuff.
@allenlswain i think you just have to google most of the stuff
i don't even know what to google.
@RitvarsZ check in private
@emamador Calling a setTimeout in a for() loop usually doesn't work unless you make it an immediately-evoked function expression, implement promises, or use some sort of callback counting mechanism. For example, try this code as a simplified version of yours:
for(var i = 10; i >= 0; i--) {
setTimeout(function() {
console.log(i);
}, 1000)
}This does not count down from 10 to 0, instead you get -1 output 11 times. This Stack Overflow question may help explain in more detail: http://stackoverflow.com/questions/5226285/settimeout-in-for-loop-does-not-print-consecutive-values
@TylerMoeller oh my god!!! so that's the problem!? thank you!!! this has been driving me crazy for days!! and i'm anxious to finish it already because it's the last project before getting the front-end certification. I've been forcing myself to figure it out before asking for help. I kind of wondered towards the end if it was the for loop but then i thought it wasn't the for loop. i was having doubts. Anyways, thanks.
emamador sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1213 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
:)
You're welcome :) I had to ask about this too when I worked on Simon. I ended up using jQuery .queue() which turned out to be a little too complicated, but I learned a lot in the end.
@TylerMoeller i heard about the queue but haven't used it yet. in the future maybe. what are you working on? i always see you here?
I'm slowly going through dataviz and backend certifications - this is just a lunch break now :)
@TylerMoeller oh nice. how long have you been coding?
i have a dought, might be a silly one, but it's making me curious!
Below is the link of my code in codepen.
First preview it in full-size, and then just add row in the class of div tag (in line-11 of the html code) which would be <div class=" row well well-lg"> . Now notice the changes that takes place
..So i am curious to know that what css property of .div class made that possible
i wasted and hour in digging and finding out but failed.. if anyone can help me out then i will really appreciate it
http://codepen.io/neel111/pen/dOBjOj?editors=1000
And also it seems fine(with .row class) in small and extra-small size view as if the .row class is already being added
i have a dought, might be a silly one, but it's making me curious!
Below is the link of my code in codepen.
First preview it in full-size, and then just add row in the class of div tag (in line-11 of the html code) which would be <div class=" row well well-lg"> . Now notice the changes that takes place
..So i am curious to know that what css property of .div class made that possible
i wasted and hour in digging and finding out but failed.. if anyone can help me out then i will really appreciate it
http://codepen.io/neel111/pen/dOBjOj?editors=1000
And also it seems fine(with .row class) in small and extra-small size view as if the .row class is already being added
Below is the link of my code in codepen.
First preview it in full-size, and then just add row in the class of div tag (in line-11 of the html code) which would be <div class=" row well well-lg"> . Now notice the changes that takes place
..So i am curious to know that what css property of .div class made that possible
i wasted and hour in digging and finding out but failed.. if anyone can help me out then i will really appreciate it
http://codepen.io/neel111/pen/dOBjOj?editors=1000
And also it seems fine(with .row class) in small and extra-small size view as if the .row class is already being added
@emamador Just over a year now, but did a lot of scripting before that
Not sure if scripting = coding lol
@TylerMoeller oh cool. I started 3.5 months ago. On September 15 to be exact. I'm a novice. Good luck on your projects.
@NeelDVirus Right-click the element and choose "inspect" - you can see more of what's going on. This is how the grid works in bootstrap: http://getbootstrap.com/css/#grid
To dig in to all the CSS behind the scenes, review the main bootstrap css file at: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css
To dig in to all the CSS behind the scenes, review the main bootstrap css file at: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css
@emamador Good luck to you too!
@TylerMoeller Nice to see you again!
well yeah i tried to inspect but i cudn't find out the roll of .row from there
well yeah i tried to inspect but i cudn't find out the roll of .row from there
and the link you sent me doesn't throw the light explicitly about why this happened
Guys, I need some help. Why is flexbox not vertically centering my elements? If I specify my body with height: 1000px it works, but using 100% does not.
https://paulotokimatu.github.io/simon.html
https://paulotokimatu.github.io/simon.css
hey guys, check my latest efforts:
oops, bad link, here u are: http://codepen.io/GyckaZ/full/Gqzxaw
hey guys what can I use to get the user's location from coordinates? I noticed that the google maps api uses https so it won't work with codepen
can i get some help with javascript
Can someone help me ? How can i make the menu bar follow when i scroll down the page?
@sziko I think if you make it fixed it'll do that. I'm not completely sure but I think in the CSS you put position: fixed;
@moi238 lol. It worked. Didn't think it was so simple, thanks!
sziko sends brownie points to @moi238 :sparkles: :thumbsup: :sparkles:
:cookie: 226 | @moi238 |http://www.freecodecamp.com/moi238
,
So im at the part where I'm supposed to build a tribute page. My mind went totally blank when I was told not to look at the code for the example page. What should I do?
hey all - could use some help with the Javascript Calculator challenge, but some CSS part. I’m trying to create a ‘C’ button next to the ‘results screen’ at the top left corner, but for whatever reason I can’t seem to resize it properly. I’ve tripled checked my selectors and that the <div> in which is is housed (the #top div) is properly set too. Any thoughts?
the problem code is at the bottom of the CSS tab
Hi everyone! I'm trying to set the background of the content area in my weather app, but it's not working. Been trying for about 30mins and still nothing. For some reason it works in ocdepen loading the background but not on my local machine http://codepen.io/lettda/pen/vyqapb
Also the background when it loads in codepen takes up the wrong space
Hey, maybe some of you can help me with my webpack-sass-related problem: http://stackoverflow.com/questions/41368263/how-to-import-external-scss-properly-with-webpack-and-vue-js
Hey does someone know how I can make it so that the whole
<li> element is clickable with the link of the <a> tag within it http://codepen.io/mixu1308/pen/oYxPQO
a {
display: block;
}
something like that probably?
at least that's what I've seen in horizontal menus
I already have that but that doesn't seem to make the whole element clickable
only the horizontal part of the a tag
maybe that helps?
Well, what about wrapping all of the li's contents into an a tag? @mixu1308
so change it to something like this
"<a href=" + data[3][i] + "><h6>" + data[1][i] + "</h6><li><p>" + data[2][i] + "</p></li></a>" I've tried it but it screws up the whole styling
@sk22 nevermind that works !
okay, awesome!
@sk22 thanks!
:warning: Theuserinstance is not valid. Details:usernameis not unique (value: "sk22");usernameUser already exists (value: "sk22").
mixu1308 sends brownie points to @sk22 :sparkles: :thumbsup: :sparkles:
no problem ;)
By the way, "Search" is spelled with an h at the end ^^ @mixu1308
oh yeah, I probably deleted to get the CSS to update, for some reason it only changes with a change in html or js but not css
Aaand, using jQuery that way is kinda obsolete these days. You might wanna use React or something similar like Vue.js instead. @mixu1308
why whats the problem with jquery? do you mean changing the DOM or the JSON request @sk22
i need help
building my portfolio page
i need help with adding function to my navbar
im hella stuck
I mean that you generate the HTML by string concatenation @mixu1308
@GohnJohn you mean... adding the links?
oh okay I'll check that out. thanks! @sk22
mixu1308 sends brownie points to @sk22 :sparkles: :thumbsup: :sparkles:
:warning: Theuserinstance is not valid. Details:usernameUser already exists (value: "sk22");usernameis not unique (value: "sk22").
:)
@GohnJohn Or you mean a dropdown feature?
Gotta go. Bye!
dropdown feature
@GohnJohn There's a template with sample code for a navbar with a dropdown menu at: https://getbootstrap.com/components/#navbar-default, with some different examples at: https://getbootstrap.com/examples/navbar-fixed-top/
That should help you get started on the right path.
That should help you get started on the right path.
@Rallph codepen works great with HTTPS. You can get the user's location from coordinates with the Google Maps API. https://developers.google.com/maps/documentation/javascript/examples/geocoding-reverse
Here's an example of it in use: https://codepen.io/TylerMoeller/pen/ZBBEGq
Here's an example of it in use: https://codepen.io/TylerMoeller/pen/ZBBEGq
(Line 70)
@Makzin Your "C" button is in a <span> element. <span> elements are inline elements and don't have a height/width unless you use
float or display css properties to modify them. To resize it, use display: inline-block in your .clear class.
hi all! I'm working on the random quote generator project and was wondering if anyone could me get my API working https://codepen.io/dwquach/pen/XNwoYL
@dwquach First error is that the first line should have parentheses around document:
$(document).ready(function() {Second error is that you need an API key for the quote api you have chosen
{"message":"Missing Mashape application key. Go to http:\/\/docs.mashape.com\/api-keys to learn how to get your API application key."}
@TylerMoeller I've included the API key using beforesend:. is that incorrect?
@dwquach I haven't used that API before, but I think the key needs to go in
headers: not beforesend:
hmm okay i'll give it a try and get back to you
thanks @TylerMoeller !
dwquach sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1214 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@dwquach Actually, nevermind! Your code works great if you change
beforesend to beforeSend (note the capital 'S')
You'll just have to figure out how to parse the JSON, but add
console.log(json) to the first line of your success function and you'll see the quote text logged to the console
Does anyone have experience using Mobx React
oh wow. that fixed it!! i can't believe i missed such simple mistakes. i've been looking at this code for hours. thanks again @TylerMoeller !
dwquach sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: dwquach already gave tylermoeller points
@idahogurl You might want to try in the Mobx React Room: https://gitter.im/mobxjs/mobx
Thanks @TylerMoeller
:star2: 1215 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
idahogurl sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
Can someone please help me on Increment a Number with JavaScript? Here is my code:
var myVar = 87;
// Only change code below this line
myVar = myVar++ + 1;Here is the link: https://www.freecodecamp.com/challenges/increment-a-number-with-javascript