These are chat archives for FreeCodeCamp/Help

1st
Sep 2016
Paul F. Aponte
@DrAponte
Sep 01 2016 00:00
@mlhamoudi thanks
CamperBot
@camperbot
Sep 01 2016 00:00
draponte sends brownie points to @mlhamoudi :sparkles: :thumbsup: :sparkles:
:cookie: 29 | @mlhamoudi |http://www.freecodecamp.com/mlhamoudi
Lamine
@mlhamoudi
Sep 01 2016 00:00
@DrAponte U'ere welcome!
Paweł
@pawelrus91
Sep 01 2016 00:03
Hi, I'am project my first websides for freecodecamp, and i first time code in codepan
I don't have idea, why my project in codepan don't work good
I try run his, on independent server
and everything works fine
but in codepen i have many problems
Somebody can help me?
Boris
@Boris1011
Sep 01 2016 00:09
@pawelrus91 are you talking about the footer with the 'web created by.....'????
Paweł
@pawelrus91
Sep 01 2016 00:10
Yes, and i use a another font-style
Boris
@Boris1011
Sep 01 2016 00:11
@pawelrus91 did you wanted that centered????
Paweł
@pawelrus91
Sep 01 2016 00:11
only foother
Harshit Garg
@theharshitgarg
Sep 01 2016 00:12
@pawelrus91 u can use <center></center> for that or use style='text-align:center' in footer tag.
Boris
@Boris1011
Sep 01 2016 00:13
ok, cause in codepen / CSS, you'll need to put in something like text-align:center; in the style bit or something like that, otherwise it won't center @pawelrus91
Paweł
@pawelrus91
Sep 01 2016 00:14
@Boris1011 ok i try
Boris
@Boris1011
Sep 01 2016 00:14
:+1: alright!!! :smile:
Lamine
@mlhamoudi
Sep 01 2016 00:15
This message was deleted
CamperBot
@camperbot
Sep 01 2016 00:15
:bulb: to format code use backticks! ``` more info
chunnali
@chunnali
Sep 01 2016 00:15
can anyone take a look at this? my side border moves when i scroll
and doesnt go to the bottom
Lamine
@mlhamoudi
Sep 01 2016 00:16

@pawelrus91 You can use the text-align propertie in CSS

.center {
    text-align: center;
}

Hope this helps!

@pawelrus91 Change the .center selector by your footer id
#footer-id{
    text-align: center;
}
Patrick Lippert
@mayhawstudios
Sep 01 2016 00:19
How do I get the Open Weather API to run on codepen?
Paul F. Aponte
@DrAponte
Sep 01 2016 00:19
How do I set my <style> so it should have a pink-text CSS class with its color set to pink?
billpzt
@billpzt
Sep 01 2016 00:20
@mayhawstudios My question is: how to get ANY API to run hahaha
Patrick Lippert
@mayhawstudios
Sep 01 2016 00:20
@DrAponte
.pink-text{
color:pink;
}
set your p or span class to .pink-text.
Paweł
@pawelrus91
Sep 01 2016 00:21
@mlhamoudi @Boris1011 unfortunately "text-align: center;" and ID didn't work
Lamine
@mlhamoudi
Sep 01 2016 00:23
@pawelrus91 But I see that the footer text is aligned now.
@pawelrus91 Could you recheck ?
Paul F. Aponte
@DrAponte
Sep 01 2016 00:23
@mayhawstudios It worked! Thanks a lot.
CamperBot
@camperbot
Sep 01 2016 00:23
draponte sends brownie points to @mayhawstudios :sparkles: :thumbsup: :sparkles:
:cookie: 268 | @mayhawstudios |http://www.freecodecamp.com/mayhawstudios
Harshit Garg
@theharshitgarg
Sep 01 2016 00:23
@pawelrus91 <footer class="webpage-footer" style='text-align:center'> should work can u check
billpzt
@billpzt
Sep 01 2016 00:24
Can anyone figure out why this doesn't work?
$(document).ready(function() {
  $('#newQuoteButton').on('click', function() {
    var url="http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1";
$.getJSON(url, function(data){
  $('#blockquote').html(data);
  console.log(data);
});
  });
});
chunnali
@chunnali
Sep 01 2016 00:24
is anyone able to help me? lol
Al
@gobees
Sep 01 2016 00:25
is there an emoji for "lost and confused" ? i need it. in the meantime, chrome keeps throwing this error "uncaught referenceError: $ is not defined" and points toward this line of code: "$(document).ready(function() {" I thought I needed this statement in my JS... ?
Harshit Garg
@theharshitgarg
Sep 01 2016 00:25
@chunnali yes, please tell the problem.
i cant get my side border to adjust to page properly
Paweł
@pawelrus91
Sep 01 2016 00:25
@theharshitgarg style='text-align:center'? No style="text-align:center"?
Harshit Garg
@theharshitgarg
Sep 01 2016 00:26
Lamine
@mlhamoudi
Sep 01 2016 00:26
@pawelrus91 Both of them work!
Harshit Garg
@theharshitgarg
Sep 01 2016 00:27
@pawelrus91 single and double quotes really do not matter in this case.
@chunnali I do not get ur problem The code works fine.
chunnali
@chunnali
Sep 01 2016 00:28
if you view the code in full view, the right border doesn’t fill all the way to the right
Paweł
@pawelrus91
Sep 01 2016 00:29
@mlhamoudi really? Maybe i show you my print screen?
Lamine
@mlhamoudi
Sep 01 2016 00:30
blob
Paweł
@pawelrus91
Sep 01 2016 00:31
@mlhamoudi Eh, what you webbroser use?
Lamine
@mlhamoudi
Sep 01 2016 00:31
@pawelrus91 Chrome
@pawelrus91 Which one do you use ?
Paweł
@pawelrus91
Sep 01 2016 00:32
@mlhamoudi firefox on linux
Lamine
@mlhamoudi
Sep 01 2016 00:33
@pawelrus91 Do you have chrome installed, try to use it, and see. may be its your web browser version.
Paweł
@pawelrus91
Sep 01 2016 00:35
@mlhamoudi I show you what i have, but a must first upload a screen
Lamine
@mlhamoudi
Sep 01 2016 00:35
@pawelrus91 OK.
Paweł
@pawelrus91
Sep 01 2016 00:36
Lamine
@mlhamoudi
Sep 01 2016 00:36
@pawelrus91 Try to empty your web browser cache. and reload the page again.
Paweł
@pawelrus91
Sep 01 2016 00:37
@mlhamoudi I forgot about this
i try
one moment
Lamine
@mlhamoudi
Sep 01 2016 00:37
@pawelrus91 OK.
Patrick Lippert
@mayhawstudios
Sep 01 2016 00:38
Where do I put the API key for the weather app project in codepen and how do I start pulling data so I can see if it's working or not?
Margaret
@Margaret2
Sep 01 2016 00:38
@chunnali I guess you changed it now, but a minute ago before you changed it I tried position:fixed instead of absolute and it worked
chunnali
@chunnali
Sep 01 2016 00:39
@Margaret2 yea im trying something on it. thank you!!
CamperBot
@camperbot
Sep 01 2016 00:39
chunnali sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 362 | @margaret2 |http://www.freecodecamp.com/margaret2
John Koob
@DrFill89
Sep 01 2016 00:40

Can anyone tell me why "make sure to select button id="target4" with JQuery doesn't work here?

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4") .html("<em>#target4</em>");
});
</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>

Lamine
@mlhamoudi
Sep 01 2016 00:41
@pawelrus91 Any luck with that ?
Paweł
@pawelrus91
Sep 01 2016 00:41
@mlhamoudi strange, is not it
@mlhamoudi I check this side on windows
Lamine
@mlhamoudi
Sep 01 2016 00:42
@pawelrus91 Strange, Yes try wndows with Chrome to see for your self.
Paweł
@pawelrus91
Sep 01 2016 00:42
Mayby is difference between lunux firefox and windows firefox
@mlhamoudi thanks for the help
CamperBot
@camperbot
Sep 01 2016 00:43
pawelrus91 sends brownie points to @mlhamoudi :sparkles: :thumbsup: :sparkles:
:cookie: 30 | @mlhamoudi |http://www.freecodecamp.com/mlhamoudi
Lamine
@mlhamoudi
Sep 01 2016 00:43
@pawelrus91 U'ere welcome mate, anytime :)
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 00:48
hey everyone!
Lamine
@mlhamoudi
Sep 01 2016 00:54
@pawelrus91 I think I found the bug. May be its because your are putting your <footer> element out of the container.
@pawelrus91 Try to put your footer before the container closing tag </div>
Paweł
@pawelrus91
Sep 01 2016 00:56
@mlhamoudi I do this because i want have a full horizontal foother, the another way this didn't work
cpenka
@cpenka
Sep 01 2016 00:57
@ahmedtarek2134 Hello!!
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 00:57
what is the problem? maybe I could help! @pawelrus91
Mike Mathew
@m2mathew
Sep 01 2016 00:57
This message was deleted
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 00:58
@m2mathew is your zoom on 100%?
Mike Mathew
@m2mathew
Sep 01 2016 00:58
Surely the FCC web app supports a scrolling page?
Paweł
@pawelrus91
Sep 01 2016 00:58
@mlhamoudi I dont understant why everything is work fine on outdore server here http://elonmusk.c0.pl/
@ahmedtarek2134 I have a many problem with codepan
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 00:59
@pawelrus91 in codepen, you don't add <!DOCTYPE html> or head
codepen starts with the body tag
Mike Mathew
@m2mathew
Sep 01 2016 01:00
Got it figured out…Only the left-nav scrolls. Not the best UI, couldn’t see that. @ahmedtarek2134
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:00
if you want to add stuff in your head, go to the html settings @pawelrus91
Paweł
@pawelrus91
Sep 01 2016 01:00
@ahmedtarek2134 ok i try
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:01
don't even put the body tag
just write your code
Lamine
@mlhamoudi
Sep 01 2016 01:02
@pawelrus91 I already tried, didn't work.
@pawelrus91 Strange !!!
Paweł
@pawelrus91
Sep 01 2016 01:02
@ahmedtarek2134 I fix this, and didn't work
@mlhamoudi I know, it is very strange
Norvin Burrus
@ndburrus
Sep 01 2016 01:03
@DrFill89 :sparkles:
  • target4 should be #target4
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:03
ok what is the problem exactly, I see that the footer is not taking the full width, is that the only problem?
oh wait now I see
Paweł
@pawelrus91
Sep 01 2016 01:03
@mlhamoudi I think the code is correct
@ahmedtarek2134 And i use a diferent font style
Lamine
@mlhamoudi
Sep 01 2016 01:04
@pawelrus91 Yes, I think so. Sometimes something this simple takes too much time, this is code lol
Norvin Burrus
@ndburrus
Sep 01 2016 01:05
@DrFill89 resolved?
Lamine
@mlhamoudi
Sep 01 2016 01:05
@pawelrus91 Good luck anyway
Paweł
@pawelrus91
Sep 01 2016 01:05
@mlhamoudi thanks
CamperBot
@camperbot
Sep 01 2016 01:05
pawelrus91 sends brownie points to @mlhamoudi :sparkles: :thumbsup: :sparkles:
:warning: pawelrus91 already gave mlhamoudi points
Lamine
@mlhamoudi
Sep 01 2016 01:06
@pawelrus91 U'ere welcome
Jose Valadez
@camarorz28
Sep 01 2016 01:06
Hi All. I have a quick question regarding CSS id attributes. I need to add id attribute to my form element but can't figure it out.
Margaret
@Margaret2
Sep 01 2016 01:06
@camarorz28 what have you tried so far
Joseph Riley
@roejiley
Sep 01 2016 01:06
whats the question?
Jose Valadez
@camarorz28
Sep 01 2016 01:07
I have added the following in my style element
v
v

cat-photo-element {background-color: green;}

Your form element should have the background-color of green.
<form action="/submit-cat-photo" id="cat-photo-form">
Paweł
@pawelrus91
Sep 01 2016 01:08
@camarorz28 mayby you forgot aboyt "."
in your cSS
Margaret
@Margaret2
Sep 01 2016 01:08
@camarorz28 the class should be named #cat-photo-form
Paweł
@pawelrus91
Sep 01 2016 01:08
about # sorry
CamperBot
@camperbot
Sep 01 2016 01:08
you need to ask about @someone!
ScriptKiddie19
@ScriptKiddie19
Sep 01 2016 01:08
im stumped how do you nest your text field in a form element
?
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:08
@ScriptKiddie19 <form><input></form>
@pawelrus91 your code is very messy
ScriptKiddie19
@ScriptKiddie19
Sep 01 2016 01:08

<form action="/submit-cat-photo"

</form>

<input type="text" placeholder="cat photo URL">

oh
lol cool gonna try it now
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:08
try writing in sublime and copy it to codepen @pawelrus91
Norvin Burrus
@ndburrus
Sep 01 2016 01:09
@ScriptKiddie19 :sparkles:
  • place the input element in the form element
Paweł
@pawelrus91
Sep 01 2016 01:09
@ScriptKiddie19 input should be between from tag
Jose Valadez
@camarorz28
Sep 01 2016 01:09
I have to do the following;Try giving your form, which now has the id attribute of cat-photo-form, a green background.
jayden0x
@jayden0x
Sep 01 2016 01:10

<script $(document).ready(function(){});></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>Create a script element making sure it is valid and has a closing tag.

help pls
CamperBot
@camperbot
Sep 01 2016 01:10
no wiki entry for: pls
Paweł
@pawelrus91
Sep 01 2016 01:10
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL"></form>
jayden0x
@jayden0x
Sep 01 2016 01:10
help please
CamperBot
@camperbot
Sep 01 2016 01:10
no wiki entry for: please
Julian Garcia
@Juliangar
Sep 01 2016 01:10
What does it mean to nest all HTML in a div element with the class container-fluid?
Paweł
@pawelrus91
Sep 01 2016 01:10

@jayden0x <form action="/submit-cat-photo">

<input type="text" placeholder="cat photo URL"></form>

Margaret
@Margaret2
Sep 01 2016 01:10
@jayden0x the $(document) function should be between the script tags, not inside one
jayden0x
@jayden0x
Sep 01 2016 01:10
ok thanks
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:11
@Juliangar all your html has to be inside a div with the class of container-fluid
@Juliangar but not the style tag or the link tag
ScriptKiddie19
@ScriptKiddie19
Sep 01 2016 01:12
@pawelrus91 thanks man!
CamperBot
@camperbot
Sep 01 2016 01:12
scriptkiddie19 sends brownie points to @pawelrus91 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for pawelrus91
Norvin Burrus
@ndburrus
Sep 01 2016 01:12
@Juliangar :sparkles:
  • wrap all other html code inside a div with class container-fluid
ScriptKiddie19
@ScriptKiddie19
Sep 01 2016 01:12
and everyone else lol
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:16
Ω≈ç√∫∫˜µ≤¬˚¥ø¥´˙ˆ∂†©å®ƒçƒåœ´∞¶ª¶¡
playing around with my keyboard, sorry guys
:smile:
Julian Garcia
@Juliangar
Sep 01 2016 01:16
I was able to create the class, but I am having trouble understanding where to put my <div> tags. Sorry, fairly new to it all.
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:16
@Juliangar show your code
Julian Garcia
@Juliangar
Sep 01 2016 01:18

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

<div class="container-fluid">

Margaret
@Margaret2
Sep 01 2016 01:19
@Juliangar <div class="container-fluid"> should be between style and h2, then make sure you have a closing </div> at the very end
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:21
@Juliangar after your style tag put this <div class="container-fluid"> and at the end of the document put this </div>
Margaret
@Margaret2
Sep 01 2016 01:21
@ahmedtarek2134 wait are you really in egypt? and is it really 3 am for you right now?
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:23
@Margaret2 yeh
3:24am
Margaret
@Margaret2
Sep 01 2016 01:23
dude why...
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:24
my sleeping schedule is messed up, I slept at 8 pm and woke up 12 pm
so that's why
Margaret
@Margaret2
Sep 01 2016 01:24
oh ok
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:25
where are you from?
Margaret
@Margaret2
Sep 01 2016 01:26
USA, recently moved to Texas, so 8.30pm right now
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:27
aha
nice to meet you
Margaret
@Margaret2
Sep 01 2016 01:27
you too :)
not much happening in chat tonight, i guess nobody likes to code on wednesdays :expressionless:
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:28
haha, or maybe most of them are sleeping
like @diomed
Margaret
@Margaret2
Sep 01 2016 01:29
shh don't wake him up lol
El khayari Abderrazzak
@elkhayari
Sep 01 2016 01:29
hello
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:29
he won't, dogs won't wake up if they don't want to hehe
@elkhayari hey!
he has the same time zone as me so he is surely sleeping
El khayari Abderrazzak
@elkhayari
Sep 01 2016 01:30
i have one question about inherit Styles from the body element
Margaret
@Margaret2
Sep 01 2016 01:31
@ahmedtarek2134 yeah i saw earlier he already said good night once and came back anyway :)
@elkhayari what's your question
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:31
@elkhayari what is the specific problem?
what is unchecked?
@Margaret2 :smile:
El khayari Abderrazzak
@elkhayari
Sep 01 2016 01:33
how we can give the h1 element inherit body color
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:33
:sleeping:
El khayari Abderrazzak
@elkhayari
Sep 01 2016 01:33
i'm sorry :)
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:33
@elkhayari add the color property to your body in the style tag and it should work
Margaret
@Margaret2
Sep 01 2016 01:34
@elkhayari put color:green; in the body class, and it will automatically inherit
the body class affects basically all the elements
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:34
@Margaret2 are you a girl or a boy, your profile picture looks girly
@Margaret2 but if the h1 has it's own style, it will use that instead
El khayari Abderrazzak
@elkhayari
Sep 01 2016 01:35
body class or selector
Margaret
@Margaret2
Sep 01 2016 01:35
lol, I'm a girl! Margaret is a girl's name! and yes i know @ahmedtarek2134
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:35
@elkhayari selector, it is already writtem
@Margaret2 ha, didn't even try to read it before answering, I am dumb
Manish Giri
@Manish-Giri
Sep 01 2016 01:37
@Margaret2 lemme guess.. Dallas?
El khayari Abderrazzak
@elkhayari
Sep 01 2016 01:37
ahmed i think @Margaret2 she is from mexico
thank you very much
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:38
:laughing: :laughing: :laughing: just found this tweet and I am dead "How can we expect world peace when smart developers can't even agree on semicolons."
Margaret
@Margaret2
Sep 01 2016 01:38
@Manish-Giri yeah... how'd you know
@ahmedtarek2134 or tabs vs spaces
Manish Giri
@Manish-Giri
Sep 01 2016 01:38
@Margaret2 lucky guess!
Margaret
@Margaret2
Sep 01 2016 01:39
i don't actually live right in Dallas but very close
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:41
github should add a dab emoji, so when you accomplish something you would write :dab: Booooii we made it :dab:
Manish Giri
@Manish-Giri
Sep 01 2016 01:41
@Margaret2 probably either of Irving, Plano, Arlington
Margaret
@Margaret2
Sep 01 2016 01:41
@Manish-Giri haha nope nice try
Manish Giri
@Manish-Giri
Sep 01 2016 01:42
@Margaret2 okay, cool. I give up!
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:42
I will guess it and I will get it right
Margaret
@Margaret2
Sep 01 2016 01:42
haha you will never guess
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:42
Earth

Boom

Win
:smile:
Manish Giri
@Manish-Giri
Sep 01 2016 01:43
lame
Margaret
@Margaret2
Sep 01 2016 01:43
oh come on...
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:43
hahaha
sorry
Manish Giri
@Manish-Giri
Sep 01 2016 01:43
lol
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:44
guys since we are lonely in this chat, let's guess what could happen in a party full of programmers
Manish Giri
@Manish-Giri
Sep 01 2016 01:45
diomed crashes the party and everyone runs for cover?
Norvin Burrus
@ndburrus
Sep 01 2016 01:45
This message was deleted
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:45
haha
I would say to the owner of the house, try to justify the window in the center and add a blue border of about 2 rems around it
Margaret
@Margaret2
Sep 01 2016 01:47
:)
christopher d douglas
@chrisddoug
Sep 01 2016 01:47
for a css where do i insert <style>
.smaller-image {
width: 100px;
}
</style>
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:48
@chrisddoug what is the challenge?
Margaret
@Margaret2
Sep 01 2016 01:49
@chrisddoug what is the name of the challenge you are working on
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:52
guys, I will start filling up my amazon cart for school, any suggestions?
Margaret
@Margaret2
Sep 01 2016 01:52
wireless bluetooth keyboard for ipad
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:53
hmmm, ok another
Margaret
@Margaret2
Sep 01 2016 01:54
idk man... what do you need
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:54
some tech stuff :smile:
Margaret
@Margaret2
Sep 01 2016 01:55
yeah that does look nice, you might find some cool random stuff on amazon.com/stream
:smile:
Margaret
@Margaret2
Sep 01 2016 01:57
surely you must need these for something
https://www.amazon.com/dp/B0039RHF18/
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 01:58
omg they are so cute haha
Margaret
@Margaret2
Sep 01 2016 01:58
that sticker lol
abdiprime
@abdiprime
Sep 01 2016 01:58
Hey does anyone know how to keep the background silver on my div element
Margaret
@Margaret2
Sep 01 2016 01:59
class="silver" in opening div tag @abdiprime
@ahmedtarek2134 aww so cute
abdiprime
@abdiprime
Sep 01 2016 01:59
In CSS
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:00
background-color: silver;
abdiprime
@abdiprime
Sep 01 2016 02:00
@Margaret2
Margaret
@Margaret2
Sep 01 2016 02:00
div {
background-color:silver;
}
check the instructions to see what the name of your class should be @abdiprime
christopher d douglas
@chrisddoug
Sep 01 2016 02:01
sorry,
size your images
<style>
.smaller-image {
width: 100px;
}
</style>
jayden0x
@jayden0x
Sep 01 2016 02:02

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");

$("target3").addClass("animated fadeOut")
</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>Target the element with the id target3 and use the jQuery addClass() function to give it the class fadeOut Help Please

abdiprime
@abdiprime
Sep 01 2016 02:02
@Margaret2 the div class is supposed to be silver-background
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:02
@chrisddoug assign the class to the img tag
class="smaller-image"
@abdiprime class="silver-background"
and in your css
Margaret
@Margaret2
Sep 01 2016 02:02
then name it .silver-background instead of div @abdiprime
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:02
.silver-background{
background-color: silver;
}
jayden0x
@jayden0x
Sep 01 2016 02:02

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");

$("target3").addClass("animated fadeOut")
</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>Target the element with the id target3 and use the jQuery addClass() function to give it the class fadeOut Help Please

?
Margaret
@Margaret2
Sep 01 2016 02:03
@jayden0x need a # before target3: $("#target3")
jayden0x
@jayden0x
Sep 01 2016 02:03
help
still doesnt work @Margaret2
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:03
@jayden0x add the semi colon
jayden0x
@jayden0x
Sep 01 2016 02:04
where
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:04
like you did above
jayden0x
@jayden0x
Sep 01 2016 02:04
where @CovertSofa
Margaret
@Margaret2
Sep 01 2016 02:04
at the end of the statement, just like all the other ones
abdiprime
@abdiprime
Sep 01 2016 02:04
@ahmedtarek2134 I did that exactly but it still won't let me
jayden0x
@jayden0x
Sep 01 2016 02:04
didnt work again
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:05
@abdiprime show your code
@jayden0x show your current code after all we said
jayden0x
@jayden0x
Sep 01 2016 02:05

@Margaret2 @ahmedtarek2134

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");

$("#target3").addClass("animated fadeOut");
</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>

Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:06
@jayden0x what is unchecked?
Margaret
@Margaret2
Sep 01 2016 02:06
@jayden0x check the instructions, are you supposed to be adding the class "animated"?
@abdiprime can you show us your code
jayden0x
@jayden0x
Sep 01 2016 02:07
no but it still wont work with out animated @Margaret2
wheres unchecked @ahmedtarek2134
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:07
the under instructions
what still has an X
wrong
abdiprime
@abdiprime
Sep 01 2016 02:07
@ahmedtarek2134 I have .silver-background {background-color: silver; }
Margaret
@Margaret2
Sep 01 2016 02:08
OH put in the bracket after your last statement @jayden0x
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:08
@abdiprime did you assign it to the div
jayden0x
@jayden0x
Sep 01 2016 02:08
? @Margaret2 example pls
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:08
class="silver-background"
abdiprime
@abdiprime
Sep 01 2016 02:08
Yeah
Margaret
@Margaret2
Sep 01 2016 02:09
 $("#target3").addClass("animated fadeOut");

  });
@jayden0x
abdiprime
@abdiprime
Sep 01 2016 02:09
So I have
jayden0x
@jayden0x
Sep 01 2016 02:09
thanks @Margaret2 that worked
CamperBot
@camperbot
Sep 01 2016 02:09
jayden0x sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 363 | @margaret2 |http://www.freecodecamp.com/margaret2
abdiprime
@abdiprime
Sep 01 2016 02:10
@ahmedtarek2134 div .silver-background {background-color: silver;}
Margaret
@Margaret2
Sep 01 2016 02:10
This message was deleted
Simplyycandace
@Simplyycandace
Sep 01 2016 02:10
i cant make my form with my text input element
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:10
@abdiprime remove the div so it is only .silver-background
Margaret
@Margaret2
Sep 01 2016 02:10
<form><input></form> @Simplyycandace
abdiprime
@abdiprime
Sep 01 2016 02:11
@ahmedtarek2134 I did that and it still isn't working
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:11
show your code then, the full
abdiprime
@abdiprime
Sep 01 2016 02:11
It's the Give a Background Color to a Div Element challenge. @ahmedtarek2134
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:12
show your full code
Margaret
@Margaret2
Sep 01 2016 02:12
can you paste in your whole code
abdiprime
@abdiprime
Sep 01 2016 02:12
How do I paste just that specific part
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:12
copy and paste
abdiprime
@abdiprime
Sep 01 2016 02:12
Loool
Edy Cruz
@edyto0122
Sep 01 2016 02:13
Hi! I need help creating a class to resize an image
abdiprime
@abdiprime
Sep 01 2016 02:13
Hold on
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:13

Logic

Margaret
@Margaret2
Sep 01 2016 02:13
just paste the whole thing @abdiprime
@edycruz follow the example given in the instructions:
  .larger-image {
    width: 500px;
  }
  • your class should be named .smaller-image
  • and it should have a width of 100px
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:15
@Margaret2 you were saying no one is coding on Wednesday ha? :smile:
Margaret
@Margaret2
Sep 01 2016 02:16
coding on wednesdays is only allowed between 9-10 pm, didn't know that did you?
Jlixerkun
@jlixerkun
Sep 01 2016 02:16
Code every day
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:16
hahaha
Margaret
@Margaret2
Sep 01 2016 02:16
Central time, that is
Jlixerkun
@jlixerkun
Sep 01 2016 02:16
between 9 -10 pm
Ha
Central Time
Edy Cruz
@edyto0122
Sep 01 2016 02:17
Where should I type it? @Margaret2
Margaret
@Margaret2
Sep 01 2016 02:17
it should go between your <style></style> tags
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:17
@edycruz in the chat
hehe
Margaret
@Margaret2
Sep 01 2016 02:18
?
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:18
nothing
Nicholas Vorraso
@nickeyvee
Sep 01 2016 02:18
hey guys, I'm trying to access information about free code camp's twitch channel from a JSON object and display it in html on my page.
Edy Cruz
@edyto0122
Sep 01 2016 02:18
.larger-image {
width: 500px;
}
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:18
@nickeyvee the javascript help room
Margaret
@Margaret2
Sep 01 2016 02:19
@nickeyvee yeah, you might get more help there
Jlixerkun
@jlixerkun
Sep 01 2016 02:19
@edycruz Everyhing you type within the <style></style> tags is css, that talks to the other html tags... the ones without
abdiprime
@abdiprime
Sep 01 2016 02:19
.silver-background {background-color: silver;} @ahmedtarek2134 this is what i have exactly
Nicholas Vorraso
@nickeyvee
Sep 01 2016 02:19
ok
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:19
can you plz paste all your code?
Margaret
@Margaret2
Sep 01 2016 02:19
@edycruz see my above comment, your class should have a different name and width :up:
abdiprime
@abdiprime
Sep 01 2016 02:20
@ahmedtarek2134 fine

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
.silver-background {background-color: silver;}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:21
where is your div?
Margaret
@Margaret2
Sep 01 2016 02:21
haha just what i was about to say
Edy Cruz
@edyto0122
Sep 01 2016 02:21
Yes I know it should be called smaller- image and have a width of 100px but I don't know where to create the class
abdiprime
@abdiprime
Sep 01 2016 02:21

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
.silver-background {background-color: silver;}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

Margaret
@Margaret2
Sep 01 2016 02:22
@abdiprime your <div> tag should have class="silver-background" inside it
@edycruz it should be within your style tags
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:23
@Margaret2 btw did you check what I made? it is a buttons library https://ahmedtarek2134.github.io/Butns/

ad

Margaret
@Margaret2
Sep 01 2016 02:23
<style>
class goes here
</style>
@edycruz
abdiprime
@abdiprime
Sep 01 2016 02:23
@Margaret2 thanks it worked
CamperBot
@camperbot
Sep 01 2016 02:23
abdiprime sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 364 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Sep 01 2016 02:24
@ahmedtarek2134 i will look at after i finish helping @edycruz
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:24
@Margaret2 :+1:
Katie
@brynnkat
Sep 01 2016 02:24
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> how do I add two classes to the img?
Margaret
@Margaret2
Sep 01 2016 02:24
@edycruz after you put the class in your style tags...you need to add class="smaller-image" to your <img> tag
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:25
@itskatieb separate them with a space
class="class1 class2"
Margaret
@Margaret2
Sep 01 2016 02:25
<img class="smaller-image">
like this @edycruz
Katie
@brynnkat
Sep 01 2016 02:26
Where would I put say "thick-green-border" class?
Margaret
@Margaret2
Sep 01 2016 02:26
class="smaller-image nextclasshere" @itskatieb
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:26
you already have class="smaller-image"
so just a space and thick-green-border
class="smaller-image thick-green-border"
Margaret
@Margaret2
Sep 01 2016 02:27
@ahmedtarek2134 nice btns
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:27
thx
Margaret
@Margaret2
Sep 01 2016 02:28
following you on github
Edy Cruz
@edyto0122
Sep 01 2016 02:28
Thank you!! @Margaret2
CamperBot
@camperbot
Sep 01 2016 02:28
edycruz sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 365 | @margaret2 |http://www.freecodecamp.com/margaret2
Jason Chen
@chcjp
Sep 01 2016 02:28
In Link to External Pages with Anchor Elements, I set "<p>Here's a <a href="http://freecodecamp.cn">cat photos</a> for you to follow.</p>" ,but error
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:28
OMG!
Margaret
@Margaret2
Sep 01 2016 02:29
.com @chcjp
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:29
thank you so mcht meow
Katie
@brynnkat
Sep 01 2016 02:29
I got it, thank you!
Margaret
@Margaret2
Sep 01 2016 02:29
good job @itskatieb
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:30
Margaret
@Margaret2
Sep 01 2016 02:30
@chcjp no, href has to be "http://freecatphotoapp.com"
according to the instructions
@ahmedtarek2134 sometimes i am also a cat
Jason Chen
@chcjp
Sep 01 2016 02:31
oh, I see
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:31
@Margaret2 cats > dogs anyday for me
I use her as my profile pic sometimes
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:32
:smile:
the white cat is mine
Margaret
@Margaret2
Sep 01 2016 02:33
aww, your actual cat?
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:33
yeh
Bonbon
Margaret
@Margaret2
Sep 01 2016 02:33
:heart_eyes:
djcrisco
@djcrisco
Sep 01 2016 02:33
first timer here
advice from experienced coders that ran through the lessons?
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:33
@Margaret2 when I take her with me anywhere people keep stopping me to touch her and such :smile:
Margaret
@Margaret2
Sep 01 2016 02:33
what
jayden0x
@jayden0x
Sep 01 2016 02:34

<script>
$(document).ready(function() {

}); $("button").addClass("btn-primary shake animated")});
$("#target1").addClass("btn-primary shake animated")});
$(".btn").addClass("btn-primary shake animatedd")})
</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>
Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary help pleas

Javier Mendoza
@jm3ndoza2812
Sep 01 2016 02:35
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " class=".smaller-image"> Can someone help me i can't get the image to show smaller.
Darshan
@Dave1089
Sep 01 2016 02:35
@tastefuldankmemes remove "." (dot)
Manish Giri
@Manish-Giri
Sep 01 2016 02:35
@tastefuldankmemes
class="smaller-image"
LPR-309
@LPR-309
Sep 01 2016 02:35
@tastefuldankmemes Remove the d- Yeah
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:35
@djcrisco read documentation and don't rush to the help room, stay atleast 15 mins trying to figure it out yourself
Jason Chen
@chcjp
Sep 01 2016 02:35
I modify to "<p><a href="http://freecatphotoapp.com">cat photos</a></p>
"
Margaret
@Margaret2
Sep 01 2016 02:35
$("#target1").addClass("btn-primary");
you actually have to do this three times, each time changing the class name @jayden0x
Crsitian Camilo Garcia
@lordmacu
Sep 01 2016 02:35
what is the attibute for zoom browser?
jayden0x
@jayden0x
Sep 01 2016 02:36
whats the class name @Margaret2
Darshan
@Dave1089
Sep 01 2016 02:36
@lordmacu zoom:100% in CSS
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:36
@lordmacu is your actual browser zoom
Margaret
@Margaret2
Sep 01 2016 02:36
@lordmacu you don't have to code it, it's just your browser settings
Javier Mendoza
@jm3ndoza2812
Sep 01 2016 02:36
@Manish-Giri @Dave1089 @LPR-309 Thx for the help guys it worked!
CamperBot
@camperbot
Sep 01 2016 02:36
tastefuldankmemes sends brownie points to @manish-giri and @dave1089 and @lpr-309 :sparkles: :thumbsup: :sparkles:
:cookie: 305 | @lpr-309 |http://www.freecodecamp.com/lpr-309
:cookie: 467 | @dave1089 |http://www.freecodecamp.com/dave1089
:star2: 1686 | @manish-giri |http://www.freecodecamp.com/manish-giri
Margaret
@Margaret2
Sep 01 2016 02:36
@jayden0x what the instructions say, once for btn-primary, once for animated, once for shake
Crsitian Camilo Garcia
@lordmacu
Sep 01 2016 02:36
i put this
.smaller-image{
width:100%;
zoom:100%
}
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:37
@Margaret2 do you have any pets?
LPR-309
@LPR-309
Sep 01 2016 02:37
@jayden0x Your jquery should be inside the document ready function also, it's outside
Crsitian Camilo Garcia
@lordmacu
Sep 01 2016 02:37
but dont work
what is wrong?
.smaller-image{
width:100%;
zoom:100%
}
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:37
@lordmacu no, if you are in chrome you should see three dots at the right top click it and check the zoom
Margaret
@Margaret2
Sep 01 2016 02:37
you do not need zoom in your code @lordmacu
Darshan
@Dave1089
Sep 01 2016 02:38
@lordmacu u don't have to assign explicaitly zoom , just make sure your browser is at 100% zoom
Harshit Garg
@theharshitgarg
Sep 01 2016 02:38
@lordmacu also there is no semil-colon;
LPR-309
@LPR-309
Sep 01 2016 02:38
<script>
$(document).ready(function() {
 $("button").addClass("btn-primary shake animated");
$("#target1").addClass("btn-primary shake animated");

});
</script>
@
Harshit Garg
@theharshitgarg
Sep 01 2016 02:38
@LPR-309 challenge name plz.
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:38
guys I will go to sleep now
LPR-309
@LPR-309
Sep 01 2016 02:38
@jayden0x Like that, but only one class name per jquery statement
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:38
cya
4:40 am
Crsitian Camilo Garcia
@lordmacu
Sep 01 2016 02:39
is strange i put this
.smaller-image{
width:100%;
}
LPR-309
@LPR-309
Sep 01 2016 02:39
@theharshitgarg Oh, that's for someone else
Harshit Garg
@theharshitgarg
Sep 01 2016 02:39
@LPR-309 fine
Crsitian Camilo Garcia
@lordmacu
Sep 01 2016 02:39
but the interpreter say is wrong
Darshan
@Dave1089
Sep 01 2016 02:39
@lordmacu width is 100px not 100% :)
Crsitian Camilo Garcia
@lordmacu
Sep 01 2016 02:39
oooo
jajaj
thanks
Margaret
@Margaret2
Sep 01 2016 02:39
@jayden0x right, you forgot the }); at the end again
@ahmedtarek2134 good night!
or good morning actually
:P
Ahmed Tarek
@ahmedtarek2134
Sep 01 2016 02:40
haha
Harshit Garg
@theharshitgarg
Sep 01 2016 02:40
@lordmacu is ur problem resolved???
jayden0x
@jayden0x
Sep 01 2016 02:40
@LPR-309 can u give me an example of 1
Lala
@Lula27
Sep 01 2016 02:42
Hi guys, quick question. I'm trying to change the width size for an image. This is the code I used right under the image link but it doesn't seem to be working: <style>
.smaller-image {
width: 100px;
}
</style>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<style>
.smaller-image {
width: 100px;
}
</style>

Anyone have an idea what went wrong?
abdiprime
@abdiprime
Sep 01 2016 02:43
so i tried giving my forum element an id but it didnt work
Darshan
@Dave1089
Sep 01 2016 02:43
@Lula27 u need to assign that class to actual img and you shouldn't have same class defined twice
abdiprime
@abdiprime
Sep 01 2016 02:43
<form id="cat-photo-app" action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
LPR-309
@LPR-309
Sep 01 2016 02:43
@jayden0x Sure
<script>  // Opening script tag
$(document).ready(function() {        // Here is your document ready function
  $("button").addClass("animated");            // One line adding the 'animated' class for all button elements
});
</script>
Margaret
@Margaret2
Sep 01 2016 02:43
@Lula27 no, the .smaller-image has to be within your main style tags, not in separate style tags
Harshit Garg
@theharshitgarg
Sep 01 2016 02:43
@Lula27 use the class smaller-image in ur img tag
Margaret
@Margaret2
Sep 01 2016 02:43
then, within the img tag, you put class="smaller-image" @Lula27
LPR-309
@LPR-309
Sep 01 2016 02:44
@jayden0x So just check the lesson, see which class you need to add for which element, and adjust the three lines accordingly
Jason Chen
@chcjp
Sep 01 2016 02:44
@Margaret2 '''<h2 class="red-text">CatPhotoApp</h2>
<a href="http://freecatphotoapp.com">cat photos</a>
<img class="smaller-image thick-green-border" src="/images/relaxing-cat.jpg">'''
CamperBot
@camperbot
Sep 01 2016 02:44
:bulb: to format code use backticks! ``` more info
Darshan
@Dave1089
Sep 01 2016 02:44
@abdiprime its cat-photo-form
LPR-309
@LPR-309
Sep 01 2016 02:45
@jayden0x Also remember you need to add a '.' for class names - $(".btn") for button class, for example - and a '#' for ID names when you're referencing in jquery, just like CSS
Margaret
@Margaret2
Sep 01 2016 02:45
@chcjp doesn't your a need to be within a p element
abdiprime
@abdiprime
Sep 01 2016 02:45
so you have to put the hashtag?
Darshan
@Dave1089
Sep 01 2016 02:45
@abdiprime its cat-photo-form
Lala
@Lula27
Sep 01 2016 02:49
Great! It worked. Thanks @Margaret2!!
CamperBot
@camperbot
Sep 01 2016 02:49
lula27 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 366 | @margaret2 |http://www.freecodecamp.com/margaret2
Edy Cruz
@edyto0122
Sep 01 2016 02:51
I'm having trouble creating the thick-green-border class. So sorry to bother you guys so often, I'm new at this
Harshit Garg
@theharshitgarg
Sep 01 2016 02:51
@edycruz never mind plz name the challegne
Edy Cruz
@edyto0122
Sep 01 2016 02:52
So I did everything they told me to do and it isn't working
Harshit Garg
@theharshitgarg
Sep 01 2016 02:53
@edycruz plz. mention challenge name
Katie
@brynnkat
Sep 01 2016 02:54
<p>Cat Photos <a href="http://freecatphotoapp.com"></a> </p> I can't anchor text the "cat photos" any help?
Edy Cruz
@edyto0122
Sep 01 2016 02:54
I don't know what you mean by challenge @theharshitgarg
Harshit Garg
@theharshitgarg
Sep 01 2016 02:54
@itskatieb challenge name plz.
@edycruz each problem that u solve in FCC is given a name u need to tell that
Edy Cruz
@edyto0122
Sep 01 2016 02:55
Add borders around your elements?? I guess?
Kim
@iamkimmyp
Sep 01 2016 02:55
hi
Harshit Garg
@theharshitgarg
Sep 01 2016 02:56
This message was deleted
Nicholas Baggarley
@NicholasBaggarley
Sep 01 2016 02:56
hey guys, I cant figure out how to change the browser zoom to 100%
Harshit Garg
@theharshitgarg
Sep 01 2016 02:56
@edycruz u need to decalre a class .thick-green-border { border-color: green; border-width: 10px; border-style: solid; }
Norvin Burrus
@ndburrus
Sep 01 2016 02:57
@NicholasBaggarley which browser?
Nicholas Baggarley
@NicholasBaggarley
Sep 01 2016 02:57
@ndburrus crome
chrome
Harshit Garg
@theharshitgarg
Sep 01 2016 02:58
@NicholasBaggarley u can use Ctrl +
Norvin Burrus
@ndburrus
Sep 01 2016 02:58

@NicholasBaggarley :sparkles:

Zoom in or out on your current page
Use the zoom options to make everything on a webpage larger or smaller.
On your computer, open Chrome.
At the top right, click Menu Menu.
Next to "Zoom," choose the zoom options you want:
Make everything larger: Click Zoom in Zoom in.
Make everything smaller: Click Zoom out Zoom out.
Use full-screen mode: Click Full screen Full screen.

Edy Cruz
@edyto0122
Sep 01 2016 02:58
I did all of that @theharshitgarg and it still isn't working
Harshit Garg
@theharshitgarg
Sep 01 2016 02:58
@edycruz do a reset.
LPR-309
@LPR-309
Sep 01 2016 02:58
@itskatieb You have to put the text inside the <a> element, or the link will be invisible (since there's nothing to click). So like this : <p> Whatever goes here <a href="http://freecatphotoapp.com">Cat Photos</a></p>. Adjust as necessary for that lesson
Edy Cruz
@edyto0122
Sep 01 2016 02:58
Done @theharshitgarg
Katie
@brynnkat
Sep 01 2016 02:58
I'm stuck on the "Link to external pages with anchor elements"
Norvin Burrus
@ndburrus
Sep 01 2016 02:59
@itskatieb :sparkles:
  • we can follow the format/syntax of the example code, here:
    <p>Here's a <a href="http://freecodecamp.com"> link to Free Code Camp</a> for you to follow.</p>
Harshit Garg
@theharshitgarg
Sep 01 2016 03:00
@edycruz then add the classs
Edy Cruz
@edyto0122
Sep 01 2016 03:00
Between the style tags correct?
Harshit Garg
@theharshitgarg
Sep 01 2016 03:01
@edycruz yes
@edycruz after u declare ur class, just include it in ur img tag like this <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Norvin Burrus
@ndburrus
Sep 01 2016 03:01
@itskatieb :sparkles:
  • make sense? or, clear as mud?
Mark Delos Reyes
@MAKIZ
Sep 01 2016 03:02
Hi i need help i just start the challenges this afternoon when i resume back i started again to 1
Katie
@brynnkat
Sep 01 2016 03:02
I'm still so confused
Harshit Garg
@theharshitgarg
Sep 01 2016 03:02
@itskatieb u need to ensure proper nesting of elements.
Norvin Burrus
@ndburrus
Sep 01 2016 03:03
@itskatieb what does your p element (with anchor) look like now?
Katie
@brynnkat
Sep 01 2016 03:03
When I make it, the link is clickable, it just won't let me move on
Edy Cruz
@edyto0122
Sep 01 2016 03:03
Oh that's what I needed to do. Thank you! @theharshitgarg
CamperBot
@camperbot
Sep 01 2016 03:03
edycruz sends brownie points to @theharshitgarg :sparkles: :thumbsup: :sparkles:
:cookie: 401 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
Norvin Burrus
@ndburrus
Sep 01 2016 03:03
@itskatieb '''
  • can you post?
CamperBot
@camperbot
Sep 01 2016 03:03
:bulb: to format code use backticks! ``` more info
Harshit Garg
@theharshitgarg
Sep 01 2016 03:03
@edycruz good to see u progress, u are welcome.
ratafobico
@ratafobico
Sep 01 2016 03:03
cant add a font-size to p element
Harshit Garg
@theharshitgarg
Sep 01 2016 03:03
@ratafobico ur code plz.
Christian
@xtian777
Sep 01 2016 03:03
@MAKIZ How much did you get done? When I started I only did the first 12 intro slides and it made me start again.
ratafobico
@ratafobico
Sep 01 2016 03:03

<style>
.red-text {
color: red;
p {
font-size: 30px
}

}

Harshit Garg
@theharshitgarg
Sep 01 2016 03:04
@ratafobico u forget to add a semi-colon ;
ratafobico
@ratafobico
Sep 01 2016 03:04
oh
thx
Norvin Burrus
@ndburrus
Sep 01 2016 03:04
@ratafobico :sparkles:
  • here:
    .red-text {
    color: red;
    need a }, after red;
ratafobico
@ratafobico
Sep 01 2016 03:04
@theharshitgarg
Katie
@brynnkat
Sep 01 2016 03:04
<p> <a href="http://freecatphotoapp.com"> cat photos </a </p>
Mark Delos Reyes
@MAKIZ
Sep 01 2016 03:04
@xtian777 i think im in 20 challenges already
LPR-309
@LPR-309
Sep 01 2016 03:04
@itskatieb Missing a > on your closing </a>
Harshit Garg
@theharshitgarg
Sep 01 2016 03:04
@ratafobico u forgot to mention my handle in tanks msg.????
@itskatieb correct is this <p> <a href="http://freecatphotoapp.com"> cat photos </a ></p> a typo at ur ned
Norvin Burrus
@ndburrus
Sep 01 2016 03:05
@itskatieb :sparkles:
  • need text between these: <p> <a
  • remove space - after, here: </a (and no space between a & p closing tags)
Harshit Garg
@theharshitgarg
Sep 01 2016 03:06
@ratafobico are u there
Mark Delos Reyes
@MAKIZ
Sep 01 2016 03:06
do i have to start again?
Harshit Garg
@theharshitgarg
Sep 01 2016 03:06
@itskatieb can u name the challenge name
Mark Delos Reyes
@MAKIZ
Sep 01 2016 03:07
im already done 20 challenges
Katie
@brynnkat
Sep 01 2016 03:07
Link to external pages with anchor elements
and it's still wrong
i'll figure it out eventually
LPR-309
@LPR-309
Sep 01 2016 03:09
@itskatieb Okay. Just let us know / post code if you need help. I think you also needed "Click for" in before the link like ndburrus said, it should be there at lesson start
Norvin Burrus
@ndburrus
Sep 01 2016 03:09
@itskatieb :sparkles:
Harshit Garg
@theharshitgarg
Sep 01 2016 03:09
@itskatieb jsut do a reset. then try with the code <a href='http://freecatphotoapp.com'>cat photos</a> u need not use <p>
@itskatieb is ur problem resolved???
Katie
@brynnkat
Sep 01 2016 03:10
<p> Here's this <a href="http://freecatphotoapp.com"> cat photos </a></p> Still wrong lol gosh
Harshit Garg
@theharshitgarg
Sep 01 2016 03:11
@itskatieb do a reset.
@itskatieb just this is required <a href="http://freecatphotoapp.com">cat photos</a>
Norvin Burrus
@ndburrus
Sep 01 2016 03:12
@itskatieb :sparkles:
  • replace Here's this with Here are some
Katie
@brynnkat
Sep 01 2016 03:12
Not letting me :/
krischtopher
@krischtopher
Sep 01 2016 03:12
hi all!
LPR-309
@LPR-309
Sep 01 2016 03:12
@itskatieb Try clicking back to another lesson on the map, then go back to that one
krischtopher
@krischtopher
Sep 01 2016 03:12
can you please remind me how to comment out?
on html 5
Harshit Garg
@theharshitgarg
Sep 01 2016 03:12
@itskatieb it is <!-- -->
Christian
@xtian777
Sep 01 2016 03:12
@MAKIZ Oh no! This is probably a dumb question but did it keep you signed in? If it doesn't restore the spot where you were before you can just skip challenges by pressing map in the navbar and select where you left off.
LPR-309
@LPR-309
Sep 01 2016 03:13
Harshit Garg's right though, you only need the <a> on that part, no <p>
Norvin Burrus
@ndburrus
Sep 01 2016 03:13
@krischtopher these may be helpful: :sparkles:
krischtopher
@krischtopher
Sep 01 2016 03:13
thank you ver much @ndburrus !
CamperBot
@camperbot
Sep 01 2016 03:13
krischtopher sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 2032 | @ndburrus |http://www.freecodecamp.com/ndburrus
Trevor
@electrostaticfleece
Sep 01 2016 03:13
Has anyone here used Yeoman before?
Katie
@brynnkat
Sep 01 2016 03:13
<p>Here are some<a href="http://freecatphotoapp.com">Cat Photos</a> </p> Worked!
Norvin Burrus
@ndburrus
Sep 01 2016 03:13
@krischtopher you're welcome! enjoy! :palm_tree:
Harshit Garg
@theharshitgarg
Sep 01 2016 03:14
@itskatieb great.
Norvin Burrus
@ndburrus
Sep 01 2016 03:14
@itskatieb nice work! :+1:
Mark Delos Reyes
@MAKIZ
Sep 01 2016 03:14
@xtian777 i dont know what happen but when i signed in with my desktop the challenges is there but when i move to my laptop i started again to start
i guess their is no other option but to skip the challenges i did
Harshit Garg
@theharshitgarg
Sep 01 2016 03:15
@ratafobico are u there.
EastPhenix
@EastPhenix
Sep 01 2016 03:16
I am stuck in nesting section. Could anyone take a look at my code?
Harshit Garg
@theharshitgarg
Sep 01 2016 03:16
@EastPhenix yes please. go and share ur code.

<h2 class="red-text">CatPhotoApp</h2>

<p> View more
<a href="http://www.freecatphotoapp.com">cat photos</a></p>

<a href="http://www.freecatphotoapp.com">cat photos</a>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

Jason Chen
@chcjp
Sep 01 2016 03:16
use '<p>Here are some<a href="http://freecatphotoapp.com">Cat Photos</a> </p>' But not ok.
LPR-309
@LPR-309
Sep 01 2016 03:18
@EastPhenix Looks okay semantically. You don't need that second <a> though, delete that
Harshit Garg
@theharshitgarg
Sep 01 2016 03:18
@EastPhenix try with this <p> ' View more '
Christian
@xtian777
Sep 01 2016 03:18
@EastPhenix I think the code looks alright. I got stuck there too. It wouldn't let me progress. I refreshed my browser and it worked after that. I think it's just a bug.
Jason Chen
@chcjp
Sep 01 2016 03:19
'<a href="http://freecatphotoapp.com">cat photos</a>' is OK
Norvin Burrus
@ndburrus
Sep 01 2016 03:19
@EastPhenix :sparkles:
  • remove this <a href="http://www.freecatphotoapp.com">cat photos</a>(duplicate without </p>)
LPR-309
@LPR-309
Sep 01 2016 03:19
^ the second one, yeah
EastPhenix
@EastPhenix
Sep 01 2016 03:19
ok. I will remove
and refresh my browser
Norvin Burrus
@ndburrus
Sep 01 2016 03:19
@EastPhenix :)
Javier Mendoza
@jm3ndoza2812
Sep 01 2016 03:21
<p>Click here for <a # ="http://www.freecatphotoapp.com">cat photos</a>.</p> whats wrong with this line of code help plz
Norvin Burrus
@ndburrus
Sep 01 2016 03:22
@tastefuldankmemes :sparkles:
  • a dead link is <a href="#">
  • so, remove this: "http://www.freecatphotoapp.com"
LPR-309
@LPR-309
Sep 01 2016 03:22
@tastefuldankmemes You replaced the href with #. To make a dead link, you have to do <a href="#">link</a>. So replace the address with the #
Edy Cruz
@edyto0122
Sep 01 2016 03:23
Need help making dead link using hash symbols
Javier Mendoza
@jm3ndoza2812
Sep 01 2016 03:24
@ndburrus @LPR-309 Thanks for the help it worked ;)
CamperBot
@camperbot
Sep 01 2016 03:24
tastefuldankmemes sends brownie points to @ndburrus and @lpr-309 :sparkles: :thumbsup: :sparkles:
:warning: tastefuldankmemes already gave lpr-309 points
:star2: 2033 | @ndburrus |http://www.freecodecamp.com/ndburrus
Harshit Garg
@theharshitgarg
Sep 01 2016 03:24
@edycruz yes plz. can u please tell challenge name \
Norvin Burrus
@ndburrus
Sep 01 2016 03:24
@edycruz see :point_up: this :sparkles:
@tastefuldankmemes you're welcome! excellent job! :palm_tree:
Katie
@brynnkat
Sep 01 2016 03:25
<p>View more cat photos<a href="http://www.freecatphotoapp.com"> cat photos </a></p> It's saying I don't have a p closing tag but I do?
EastPhenix
@EastPhenix
Sep 01 2016 03:25
I refreshed the browser. Now I am through. Thank all of you. Your guys are awesome. Thanks @ndburrus, @xtian777 , @theharshitgarg , and @chcjp
CamperBot
@camperbot
Sep 01 2016 03:25
eastphenix sends brownie points to @ndburrus and @xtian777 and @theharshitgarg and @chcjp :sparkles: :thumbsup: :sparkles:
:cookie: 75 | @xtian777 |http://www.freecodecamp.com/xtian777
:warning: could not find receiver for chcjp
:cookie: 403 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
:star2: 2034 | @ndburrus |http://www.freecodecamp.com/ndburrus
Harshit Garg
@theharshitgarg
Sep 01 2016 03:26
@edycruz u need to replace the href='...' with this href='#'
Norvin Burrus
@ndburrus
Sep 01 2016 03:26
@itskatieb :sparkles:
  • we have duplicate cat photos - remove 1st one.
  • may need to remove spaces at both ends of: cat photos (remaining one)
LPR-309
@LPR-309
Sep 01 2016 03:26
@itskatieb Might be a bug in that lesson. Try removing "cat photos" from the View more cat photos part
Harshit Garg
@theharshitgarg
Sep 01 2016 03:28
@itskatieb are u still fighting with the problem???
Katie
@brynnkat
Sep 01 2016 03:29
<p>View more<a href="http://www.freecatphotoapp.com"> cat photos </a></p>
Norvin Burrus
@ndburrus
Sep 01 2016 03:29
@EastPhenix you're very welcome! great job! :+1:
Katie
@brynnkat
Sep 01 2016 03:29
I have an incorrect p closing
Harshit Garg
@theharshitgarg
Sep 01 2016 03:29
@itskatieb perhaps u need to add a more space after View more
Norvin Burrus
@ndburrus
Sep 01 2016 03:30
@itskatieb did we try :point_up: this ?
Katie
@brynnkat
Sep 01 2016 03:30
It's nesting
Harshit Garg
@theharshitgarg
Sep 01 2016 03:31
@itskatieb challenge name pz.
Norvin Burrus
@ndburrus
Sep 01 2016 03:31
@itskatieb can you post, please?
Katie
@brynnkat
Sep 01 2016 03:31
Nest an anchor element in a paragraph
within a paragraph
Justin Murray
@jmurray305
Sep 01 2016 03:32

hi all how do i Nest a text input element within a form element? i have

<input type="text" placeholder="cat photo URL">
<form action="/submit-cat-photo"> </form>

Harshit Garg
@theharshitgarg
Sep 01 2016 03:32
@itskatieb i suggest a reset and try afresh with the code <p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
PaWN1257
@PaWN1257
Sep 01 2016 03:33

@jmurray305

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

Boris
@Boris1011
Sep 01 2016 03:33
@jmurray305
<element>
<nested element>
</element>
Katie
@brynnkat
Sep 01 2016 03:34
that worked @theharshitgarg what did I do wrong?
Harshit Garg
@theharshitgarg
Sep 01 2016 03:34
This message was deleted
Justin Murray
@jmurray305
Sep 01 2016 03:34
thank you @PaWN1257 and @Boris1011
CamperBot
@camperbot
Sep 01 2016 03:34
:cookie: 39 | @pawn1257 |http://www.freecodecamp.com/pawn1257
:cookie: 277 | @boris1011 |http://www.freecodecamp.com/boris1011
jmurray305 sends brownie points to @pawn1257 and @boris1011 :sparkles: :thumbsup: :sparkles:
Katie
@brynnkat
Sep 01 2016 03:34
Don't hang around more?
Boris
@Boris1011
Sep 01 2016 03:34
@jmurray305 :+1: :clap:
PaWN1257
@PaWN1257
Sep 01 2016 03:35
no prob
Harshit Garg
@theharshitgarg
Sep 01 2016 03:38
@itskatieb I think u were doing a typo. At times , we need to do a reset. and start afresh even with our same code. I simply was concerned that u should not take more time. I hope u understand. Remember reading code is a skill. try developing this skill
LPR-309
@LPR-309
Sep 01 2016 03:39
@itskatieb It was probably the lack of a space here "View more " . FCC is really finicky about some lessons since it assumes other things aren't altered as you work. So even a slight "mistake" can cause it to fail sometimes
Harshit Garg
@theharshitgarg
Sep 01 2016 03:40
@itskatieb are u there.
@edycruz are u over with the problem??????????????
Alex Shnik
@AlexSigner
Sep 01 2016 03:47
This message was deleted
Baran Mavzer
@horuseth
Sep 01 2016 03:48
This message was deleted
This message was deleted
Alex Shnik
@AlexSigner
Sep 01 2016 03:49
hey I'm doing lesson Change Text Inside an Element Using jQuery
and I'm having difficulty trying to find what I'm doing wrong in my code $("#target1").html(id="target4");
Anderson Meireles
@anderson-omj
Sep 01 2016 03:49
how do I create a form element
?
Harshit Garg
@theharshitgarg
Sep 01 2016 03:50
@AlexSigner that is not correct. u need to do this $("#target4").html("<em>#target4</em>");
Anderson Meireles
@anderson-omj
Sep 01 2016 03:50
I'm stucked here <input type="text" placeholder="cat photo URL">
Harshit Garg
@theharshitgarg
Sep 01 2016 03:50
@anderson-omj can u name the challenge
Jerry tone
@Toystreets
Sep 01 2016 03:51
"Target the same element with multiple jQuery Selectors " help
Harshit Garg
@theharshitgarg
Sep 01 2016 03:51
@Toystreets yes please
Jerry tone
@Toystreets
Sep 01 2016 03:51
Only add one class with each of your three selectors.
$(document).ready(function() {
$("button").addClass("animated ");
$(".btn").addClass("animated");
$("#target1").addClass("animated");
});
Edy Cruz
@edyto0122
Sep 01 2016 03:51
I need help turning an image into a link
Anderson Meireles
@anderson-omj
Sep 01 2016 03:52
@theharshitgarg Create a Form Element
Norvin Burrus
@ndburrus
Sep 01 2016 03:52
@Toystreets :sparkles:
  • need to add different classes.
Jerry tone
@Toystreets
Sep 01 2016 03:52
<form></form> @anderson-omj
Harshit Garg
@theharshitgarg
Sep 01 2016 03:52
@Toystreets u need to add more classes like this $('#target1').addClass('btn-primary').addClass('animated');
Anderson Meireles
@anderson-omj
Sep 01 2016 03:52
but where should I put it?
Norvin Burrus
@ndburrus
Sep 01 2016 03:53
@edycruz :sparkles:
  • we can reference the example code format/syntax, here:
    <a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
Anderson Meireles
@anderson-omj
Sep 01 2016 03:53
in another line?
Hammad Amin
@hammad-amin
Sep 01 2016 03:54
http://codepen.io/hammad-amin/pen/GjRKXG
can someone help me with the white stripes running on the left and right side, I need to make it disappear and expand the width of the actual content. It seems like a margin but i cant figure it out.
Harshit Garg
@theharshitgarg
Sep 01 2016 03:54
@anderson-omj u need to add <form action=''> </form> and add <input> </input> inside it
Edy Cruz
@edyto0122
Sep 01 2016 03:55
I did it but it keeps telling me I need to nest the existing img within an a element
@ndburrus
Alex Shnik
@AlexSigner
Sep 01 2016 03:55
@theharshitgarg thank you
CamperBot
@camperbot
Sep 01 2016 03:55
alexsigner sends brownie points to @theharshitgarg :sparkles: :thumbsup: :sparkles:
:cookie: 404 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
Norvin Burrus
@ndburrus
Sep 01 2016 03:55
@edycruz'''
  • can you post?
CamperBot
@camperbot
Sep 01 2016 03:55
:bulb: to format code use backticks! ``` more info
Harshit Garg
@theharshitgarg
Sep 01 2016 03:55
@anderson-omj like this <form action=''> <input type="text" placeholder="cat photo URL"> </form>
Anderson Meireles
@anderson-omj
Sep 01 2016 03:56
oh, i did it, thx
Edy Cruz
@edyto0122
Sep 01 2016 03:56
Nah @ndburrus
Harshit Garg
@theharshitgarg
Sep 01 2016 03:56
@edycruz challenge name please
Edy Cruz
@edyto0122
Sep 01 2016 03:56
turning an image into a link
Norvin Burrus
@ndburrus
Sep 01 2016 03:57
@edycruz can you post your code?
@anderson-omj nice work! :+1:
Edy Cruz
@edyto0122
Sep 01 2016 03:57
<p>Click here for <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">cat photos</a></p>
Harshit Garg
@theharshitgarg
Sep 01 2016 03:58
@edycruz u need to do is this <a href="#"><img ></a>
Jerry tone
@Toystreets
Sep 01 2016 03:58
I Finish it"$("#target1").addClass("animated").addClass("shake").addClass("btn-primary");" Thx
Harshit Garg
@theharshitgarg
Sep 01 2016 03:58
@Toystreets great. hope u progress more. all the best
Jerry tone
@Toystreets
Sep 01 2016 03:59
Only add one class with each of your three selectors. what does "one" mean in this sentence?
Anderson Meireles
@anderson-omj
Sep 01 2016 03:59
<form action="/submit-cat-photo">
what is this for?
Harshit Garg
@theharshitgarg
Sep 01 2016 03:59
@Toystreets this means u cannot write all the class names inside one single quote.
Norvin Burrus
@ndburrus
Sep 01 2016 04:00
@edycruz :sparkles:
  • before <img, here: <a href="#"><img, need cat photos
Anderson Meireles
@anderson-omj
Sep 01 2016 04:00
if I change action="" what happens?
Harshit Garg
@theharshitgarg
Sep 01 2016 04:00
@Toystreets u need to do this .addClass('class1').addClass('class2');
Norvin Burrus
@ndburrus
Sep 01 2016 04:00
@Toystreets nice work! :sparkles:
Jerry tone
@Toystreets
Sep 01 2016 04:01
another question
Harshit Garg
@theharshitgarg
Sep 01 2016 04:01
@anderson-omj this means that there is a form whose data will be process by the script of that url
@Toystreets yes plz.
Edy Cruz
@edyto0122
Sep 01 2016 04:02
Like this?? @ndburrus <p>Click here for <a href="#">cat photos<img src= "https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>.</p>
Harshit Garg
@theharshitgarg
Sep 01 2016 04:02
@anderson-omj nothing wrong in removing that but the code to pass, u need to write that.
Anderson Meireles
@anderson-omj
Sep 01 2016 04:02
ok thx
i dont know how to give you brownies :p
i dont even know if i have brownies
Julian Garcia
@Juliangar
Sep 01 2016 04:03
Just say thank you and tag the person :) @anderson-omj
CamperBot
@camperbot
Sep 01 2016 04:03
juliangar sends brownie points to @anderson-omj :sparkles: :thumbsup: :sparkles:
:cookie: 37 | @anderson-omj |http://www.freecodecamp.com/anderson-omj
Anderson Meireles
@anderson-omj
Sep 01 2016 04:04
thank you @theharshitgarg
CamperBot
@camperbot
Sep 01 2016 04:04
anderson-omj sends brownie points to @theharshitgarg :sparkles: :thumbsup: :sparkles:
:cookie: 405 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
Anderson Meireles
@anderson-omj
Sep 01 2016 04:04
oh
thanks @Juliangar
CamperBot
@camperbot
Sep 01 2016 04:04
anderson-omj sends brownie points to @juliangar :sparkles: :thumbsup: :sparkles:
:cookie: 73 | @juliangar |http://www.freecodecamp.com/juliangar
Jerry tone
@Toystreets
Sep 01 2016 04:04
class="btn btn-default target" how these class be involved in these files.
Julian Garcia
@Juliangar
Sep 01 2016 04:05
Help someone! I need to put elements side-by-side using the <div> tag.
CamperBot
@camperbot
Sep 01 2016 04:05
no wiki entry for: someone i need to put elements side-by-side using the div tag
Fbraga
@Fbraga
Sep 01 2016 04:05
Can I ask questions on here that pertain to languages other than those covered by FCC?
Julian Garcia
@Juliangar
Sep 01 2016 04:06
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
risheak
@risheak
Sep 01 2016 04:06
Give your button element with the id target1 the text #target1
Julian Garcia
@Juliangar
Sep 01 2016 04:07
Using the <div class="row"> and <div class="col-xs-4"
Norvin Burrus
@ndburrus
Sep 01 2016 04:07
@Fbraga this may be helpful: :sparkles:
@jayden0x @Toystreets @Juliangar @risheak lesson name?
Fbraga
@Fbraga
Sep 01 2016 04:08
thanks @ndburrus !
CamperBot
@camperbot
Sep 01 2016 04:08
fbraga sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 2038 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Sep 01 2016 04:08
@Fbraga you're welcome! enjoy! :palm_tree:
jayden0x
@jayden0x
Sep 01 2016 04:10

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>.text</em>");

});
</script>
Emphasize the text in your target4 button by adding HTML tags.
Make sure the text is otherwise unchanged. help please

Norvin Burrus
@ndburrus
Sep 01 2016 04:10
@anderson-omj :sparkles:
about @anderson-omj
CamperBot
@camperbot
Sep 01 2016 04:10
:cookie: 37 | @anderson-omj |http://www.freecodecamp.com/anderson-omj
jayden0x
@jayden0x
Sep 01 2016 04:11

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>.text</em>");

});
</script>
Emphasize the text in your target4 button by adding HTML tags.
Make sure the text is otherwise unchanged. help please

Norvin Burrus
@ndburrus
Sep 01 2016 04:11
@jayden0x :sparkles:
  • .text should be #target4
jayden0x
@jayden0x
Sep 01 2016 04:12
its still didnt work @ndburrus
Norvin Burrus
@ndburrus
Sep 01 2016 04:12
@edycruz :sparkles:
  • need classes (2) in img tag.
  • smaller-image & thick-green-border
@jayden0x lesson name?
Harshit Garg
@theharshitgarg
Sep 01 2016 04:12
@jayden0x u need to do this $("#target4").html("<em>#target4</em>");
Julian Garcia
@Juliangar
Sep 01 2016 04:13
Use the Bootstrap Grid to put Elements Side By Side @ndburrus
Bryan Jennings
@bryanjenningz
Sep 01 2016 04:14
@jayden0x so all you're trying to do is make it so the tag with id="target4" is wrapped in an <em> tag and all the other stuff in the tag with id="target4" is the same
jayden0x
@jayden0x
Sep 01 2016 04:14

$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove("remove");

});se jQuery to remove your target4 element from your page help please

Norvin Burrus
@ndburrus
Sep 01 2016 04:14
@Juliangar :sparkles:
  • need to wrap each button with:
    <div class="row">
      <div class="col-xs-4">
    per the instructions, here:
    Put the Like, Info and Delete buttons side-by-side by nesting all three of them within one <div class="row"> element, then each of them within a <div class="col-xs-4"> element.
Jerry tone
@Toystreets
Sep 01 2016 04:14
Add Elements within your Bootstrap Wells ,i never defined a class as"well"
but how could i use it?
Harshit Garg
@theharshitgarg
Sep 01 2016 04:15
@Toystreets that is already done by FCC
Bryan Jennings
@bryanjenningz
Sep 01 2016 04:16
@jayden0x This will wrap it with an <em> tag
$('#target4").html("<em>" + $('#target4").html() + "</em>")
Jerry tone
@Toystreets
Sep 01 2016 04:16
what is the "FCC the background statement "?
LPR-309
@LPR-309
Sep 01 2016 04:16
@jayden0x From what I remember .remove() doesn't take arguments, so it would just be .remove(), I think
Harshit Garg
@theharshitgarg
Sep 01 2016 04:16
@jayden0x u need to write ("remove"); this is sufficient $('#target4').remove();
Norvin Burrus
@ndburrus
Sep 01 2016 04:16
@Toystreets :sparkles:
  • there is a well class (for the div). use it.
This message was deleted
Jerry tone
@Toystreets
Sep 01 2016 04:17
where is the "well" defined
Vemba
@vemba
Sep 01 2016 04:18
@Toystreets well class defined in bootstrap css file
Norvin Burrus
@ndburrus
Sep 01 2016 04:18

@Toystreets :sparkles:

  • review/check the Create Bootstrap Wells lesson.

    Bootstrap has a class called well that can create a visual sense of depth for your columns.

these may be helpful:

Jerry tone
@Toystreets
Sep 01 2016 04:19
can not find bootstrap file as my role?
ko
ok
Norvin Burrus
@ndburrus
Sep 01 2016 04:20
@edycruz @Juliangar how are we doing?
@jayden0x lesson name?
Julian Garcia
@Juliangar
Sep 01 2016 04:23
It says I have not closed off all my tags for the <div> element.
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
@ndburrus
Norvin Burrus
@ndburrus
Sep 01 2016 04:24
@Juliangar :sparkles:
  • well, sure! we need to close the div's
  • the row (div) wraps all 3 buttons, while the col-xs-4 wraps each button.
ratafobico
@ratafobico
Sep 01 2016 04:24
<indoor><input type="radio" name="indoor-outdoor">
indoor</indoor>
<outdoor><input type="radio" name="indoor-outdoor">
outdoor</outdoor>
help
pls
Julian Garcia
@Juliangar
Sep 01 2016 04:27
Confused on what I need and don't need to close off.. @ndburrus
Norvin Burrus
@ndburrus
Sep 01 2016 04:27
@ratafobico :sparkles:
  • <indoor> should be <label>, and
  • </indoor> should be </label>
@Juliangar :sparkles:
  • the 1st button would look like this:
    <div class="row">
      <div class="col-xs-4">
        <button class="btn btn-block btn-primary">Like</button>
      </div>
    every opening div should have a closing div
Jerry tone
@Toystreets
Sep 01 2016 04:28
Bootstrap is an open labrary?
ratafobico
@ratafobico
Sep 01 2016 04:29
@ndburrus uh thanks
CamperBot
@camperbot
Sep 01 2016 04:29
ratafobico sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 2039 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Sep 01 2016 04:29
@ratafobico you're welcome! nice job! :palm_tree:
Jerry tone
@Toystreets
Sep 01 2016 04:31
thx
Norvin Burrus
@ndburrus
Sep 01 2016 04:31
@Toystreets yes. :sparkles:
these may be useful:
@Toystreets :)
@Juliangar make sense?
Julian Garcia
@Juliangar
Sep 01 2016 04:32
Makes sense, but do we do close every button with the </div> tag?
Norvin Burrus
@ndburrus
Sep 01 2016 04:33
@jayden0x resolved?
@Juliangar :sparkles:
  • each button is wrapped in a div (class col-xs-4), and
  • all 3 button are wrapped in a div (class row)
Julian Garcia
@Juliangar
Sep 01 2016 04:43
This is what I have:
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div> @ndburrus
Norvin Burrus
@ndburrus
Sep 01 2016 04:48
@Juliangar :sparkles:
  • remove the extra div class row's
  • a singlediv (class row) wraps the 3 buttons.
Andrew
@andrewcavazos
Sep 01 2016 04:49
Need a little help...currently on "Override Class Declarations W/ Inline Styles"
jayden0x
@jayden0x
Sep 01 2016 04:49

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("background-color", "red");
$("#right-well").children().css("color", "orange");
$("#left-well").children().css("color", "green");
$(".target:nth-child(2)").addClass("animated bounce");
$(".target:even").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>

Add the classes animated and hinge to your body element.
help please

Andrew
@andrewcavazos
Sep 01 2016 04:50
I've inserted the "in-line style". Text is white. Still getting an error "Your h1 element should be white"
Norvin Burrus
@ndburrus
Sep 01 2016 04:50
@andrewcavazos '''
can you post?
CamperBot
@camperbot
Sep 01 2016 04:50
:bulb: to format code use backticks! ``` more info
Norvin Burrus
@ndburrus
Sep 01 2016 04:51
@jayden0x lesson name?
jayden0x
@jayden0x
Sep 01 2016 04:51
use jQuery to modify the entire page
@ndburrus
Andrew
@andrewcavazos
Sep 01 2016 04:52

@ndburrus ``<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}

orange-text {

color: orange;

}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
</style>

<h1 id="orange-text" class="pink-text blue-text"><h1 style="color: white">Hello World!</h1>```

jayden0x
@jayden0x
Sep 01 2016 04:52
@ndburrus u there
Norvin Burrus
@ndburrus
Sep 01 2016 04:53
@jayden0x :sparkles:
  • we don't have anything for the body.
  • see instructiosn, here:
    Here's how we would make the entire body fade out: $("body").addClass("animated fadeOut");
jayden0x
@jayden0x
Sep 01 2016 04:54
so what do i do
Kiriga Puro
@Kirigapuro
Sep 01 2016 04:54
guys any help on how to prevent some contents of my heading section of the personal portfolio hiding under the navigation bar? I have tried different margin but it does not work. thanks
jayden0x
@jayden0x
Sep 01 2016 04:54
@ndburrus
what do i do then @ndburrus
Norvin Burrus
@ndburrus
Sep 01 2016 04:54
@jayden0x what do you have for the body?
@andrewcavazos lesson name?
jayden0x
@jayden0x
Sep 01 2016 04:55

@ndburrus <script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("background-color", "red");
$("#right-well").children().css("color", "orange");
$("#left-well").children().css("color", "green");
$(".target:nth-child(2)").addClass("animated bounce");
$(".target:even").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>

Andrew
@andrewcavazos
Sep 01 2016 04:55
@ndburrus "Override Class Declarations W/ Inline Styles"
jayden0x
@jayden0x
Sep 01 2016 04:56
@ndburrus
what do i do @ndburrus
Norvin Burrus
@ndburrus
Sep 01 2016 04:57

@andrewcavazos :sparkles:

  • here:

    orange-text {
    color: orange;
    }

    orange-text should be #orange-text

  • remove this: ><h1,
    here: <h1 id="orange-text" class="pink-text blue-text"><h1 style="color: white">Hello World!</h1>

jayden0x
@jayden0x
Sep 01 2016 04:57
what do i do @ndburrus
Norvin Burrus
@ndburrus
Sep 01 2016 04:58
@jayden0x carefully re-read the instructions. :)
Andrew
@andrewcavazos
Sep 01 2016 04:59
@ndburrus I do have a "#" in front of the orange-text. The text on the right is white.
jayden0x
@jayden0x
Sep 01 2016 05:00
@ndburrus please help me
Norvin Burrus
@ndburrus
Sep 01 2016 05:00
@andrewcavazos i don't see it in your post. is the removal handled?
Andrew
@andrewcavazos
Sep 01 2016 05:00
@ndburrus nvm...THANK YOU
Norvin Burrus
@ndburrus
Sep 01 2016 05:00
@andrewcavazos you're welcome! nice work! :+1:
jayden0x
@jayden0x
Sep 01 2016 05:00
why dont u copy and paste urs in @ndburrus for that lesson
Andrew
@andrewcavazos
Sep 01 2016 05:01
@ndburrus many thanks!! I needed to remove ><h1 as you stated
CamperBot
@camperbot
Sep 01 2016 05:01
andrewcavazos sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 2041 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Sep 01 2016 05:02
@andrewcavazos great job! way to go! enjoy! :+1:
jayden0x
@jayden0x
Sep 01 2016 05:13

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("background-color", "red");
$("#right-well").children().css("color", "orange");
$("#left-well").children().css("color", "green");
$(".target:nth-child(2)").addClass("animated bounce");
$(".target:even").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>
Add the classes animated and hinge to your body element.
help please

please
someone
Abhishek Baliyan
@abhishekdevinfo
Sep 01 2016 05:46
need help
Bhushan Patil
@mrpatil007
Sep 01 2016 05:49
@abhishekdevinfo ask ur question
Abhishek Baliyan
@abhishekdevinfo
Sep 01 2016 05:50
my weather app project is working in webstome ide but not in codepen...
AmericanPi
@AmericanPi
Sep 01 2016 05:50

ok so in the kitty app i put

<form> action="submit-cat-photo">

is that the code that sends the info in the text field to the database or wherever? i get it but shouldn't "submit-cat-photo" be a wbsite or something instead?

ZZPot
@ZZPot
Sep 01 2016 05:53
how make a "flash" animation?
raise to specific state and than get out of it.
@AmericanPi <form action="bla">
r2d2
@UsamaHameed
Sep 01 2016 05:58
@abhishekdevinfo that is because you are using the geolocation API. That works only on https://
Abhishek Baliyan
@abhishekdevinfo
Sep 01 2016 05:59
i done that also but no change
@UsamaHameed
r2d2
@UsamaHameed
Sep 01 2016 06:00
@abhishekdevinfo on https:// your geolocation would work but not the openweathermap API
It only works on http
Yaqub Hassan
@Yaqubcode
Sep 01 2016 06:00
<script>
$(document).ready(function() {
$("button").addclass("animated")

});
</script>

Using .addClass(), add only one class at a time to the same element, three different ways:

Add the animated class to all elements with type button.

can someone help with the following
Picshulo
@Picshulo
Sep 01 2016 06:01
@Yaqubcode Class*
Yaqub Hassan
@Yaqubcode
Sep 01 2016 06:02
@Picshulo THANK YOU SIR
CamperBot
@camperbot
Sep 01 2016 06:02
yaqubcode sends brownie points to @picshulo :sparkles: :thumbsup: :sparkles:
:cookie: 323 | @picshulo |http://www.freecodecamp.com/picshulo
Abhishek Baliyan
@abhishekdevinfo
Sep 01 2016 06:02
@UsamaHameed yes its not working
Picshulo
@Picshulo
Sep 01 2016 06:02
:+1:
Abhishek Baliyan
@abhishekdevinfo
Sep 01 2016 06:02
@UsamaHameed so what should i do
AzLuv
@AzLuv
Sep 01 2016 06:02
hello help me out with the kitty app
<h2 style="color:blue">CatPhotoApp</h2>
r2d2
@UsamaHameed
Sep 01 2016 06:03
@abhishekdevinfo now you gotta find another way. You would have to change either API. I suggest using a differrent geolocation API.
Abhishek Baliyan
@abhishekdevinfo
Sep 01 2016 06:03
@UsamaHameed so why its working in ide
Picshulo
@Picshulo
Sep 01 2016 06:03
@AzLuv And challenge name is?
I think you should change text on red, not blue.. read the instructions
AzLuv
@AzLuv
Sep 01 2016 06:04
i got stuck
r2d2
@UsamaHameed
Sep 01 2016 06:05
@abhishekdevinfo The problem here is the CORS that is Cross Origin Resource Sharing. If you are running a web page on http:// you can not access https:// APIs. I don't know what the IDE does/
AzLuv
@AzLuv
Sep 01 2016 06:05
@Picshulo that is what i did but still not goin
Picshulo
@Picshulo
Sep 01 2016 06:06
@AzLuv You are trying to style it on blue, not red
AzLuv
@AzLuv
Sep 01 2016 06:07
@Picshulo sorry how do I do that pls ?
Abhishek Baliyan
@abhishekdevinfo
Sep 01 2016 06:07
@UsamaHameed ok
r2d2
@UsamaHameed
Sep 01 2016 06:07
@abhishekdevinfo try the browser console to look at the errors
Abhishek Baliyan
@abhishekdevinfo
Sep 01 2016 06:07
its says same thing
Picshulo
@Picshulo
Sep 01 2016 06:07
@AzLuv <h2 style="color:blue">CatPhotoApp</h2> that's how you change color of <h2> element on blue.. so the red one will be?
Darth Skywalker
@adityaparab
Sep 01 2016 06:08
@UsamaHameed : R2 Program the nav computer!
AzLuv
@AzLuv
Sep 01 2016 06:08
@Picshulo ok thank you
CamperBot
@camperbot
Sep 01 2016 06:08
azluv sends brownie points to @picshulo :sparkles: :thumbsup: :sparkles:
:cookie: 324 | @picshulo |http://www.freecodecamp.com/picshulo
Picshulo
@Picshulo
Sep 01 2016 06:08
:+1:
ScriptKiddie19
@ScriptKiddie19
Sep 01 2016 06:09
im stumped what does it mean when
Give your radio buttons the name attribute of indoor-outdoor.
here's my code
Picshulo
@Picshulo
Sep 01 2016 06:10
name="indoor-outdoor"
ScriptKiddie19
@ScriptKiddie19
Sep 01 2016 06:10
<label><input type="radio" name="indoor">Indoor
</label>
<label><input type="radio" name="outdoor">outdoor </label>
which one though?
Picshulo
@Picshulo
Sep 01 2016 06:10
both "indoor-outdoor"
ScriptKiddie19
@ScriptKiddie19
Sep 01 2016 06:10
oh lol
thanks man
Picshulo
@Picshulo
Sep 01 2016 06:11
No problemo
r2d2
@UsamaHameed
Sep 01 2016 06:11
@adityaparab I am loving the first season :P Though, I don't get a lot of time to watch it :P
AzLuv
@AzLuv
Sep 01 2016 06:11
@Picshulo stuck is not going to the next page
<h2 style="color:blue">CatPhotoApp</h2>
Picshulo
@Picshulo
Sep 01 2016 06:11
Can i use capslock guys? i think i'll need it here
@AzLuv not "blue", but "red"! Instructions say change color of your <h2> element on red
krischtopher
@krischtopher
Sep 01 2016 06:12
hi there
i'm trying to create a form element, can you please tell me what is wrong with this
<form action="/submit cat photo"<input type="text" placeholder="cat photo URL"></form>
Picshulo
@Picshulo
Sep 01 2016 06:13
missing > somewhere, try to find it :wink:
And hello to you too
krischtopher
@krischtopher
Sep 01 2016 06:13
is it after photo">?
Picshulo
@Picshulo
Sep 01 2016 06:14
Try it and you will see
krischtopher
@krischtopher
Sep 01 2016 06:14
yep! something is still wrong..
nvm sorted it
thanks!!
Yaqub Hassan
@Yaqubcode
Sep 01 2016 06:15
<script>
$(document).ready(function() {
$("button").addClass("animated")
$(".btn").addClass("shake")
$("#target1").addClas("btn primary")

});
</script>
Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
Picshulo
@Picshulo
Sep 01 2016 06:15
:+1:
@Yaqubcode You hate the word "Class" right? :D
r2d2
@UsamaHameed
Sep 01 2016 06:15
Obvio
Also, isn't it btn-primary?
Yaqub Hassan
@Yaqubcode
Sep 01 2016 06:16
hahahah...i think is past my bed men @Picshulo
Cordaro Mckinney
@Cdm23
Sep 01 2016 06:16
hey how do i nest my text input within a form element
Picshulo
@Picshulo
Sep 01 2016 06:17
@Yaqubcode Yes, also it's btn-primary as @UsamaHameed said.. give that robot a cookie
Yaqub Hassan
@Yaqubcode
Sep 01 2016 06:17
@Picshulo need to get in bed im done...thank you tho
Picshulo
@Picshulo
Sep 01 2016 06:18
@Yaqubcode I just woke up and already 3brownies, i think i can go sleep again.. my job is done here
Yaqub Hassan
@Yaqubcode
Sep 01 2016 06:18
@UsamaHameed thank you
CamperBot
@camperbot
Sep 01 2016 06:18
yaqubcode sends brownie points to @usamahameed :sparkles: :thumbsup: :sparkles:
:cookie: 517 | @usamahameed |http://www.freecodecamp.com/usamahameed
r2d2
@UsamaHameed
Sep 01 2016 06:19
lol
sharkantropo
@sharkantropo
Sep 01 2016 06:24
Hey guys. I don't see what's the problem here. I was asked to replace the href attribute with a hash symbol. I did that but can't pass the challenge. <p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
Darren
@DarrenfJ
Sep 01 2016 06:24
@sharkantropo it's actually the other way around.. replace teh part in the "" with the #
@UsamaHameed hey buddy!
sharkantropo
@sharkantropo
Sep 01 2016 06:24
Alright
Darren
@DarrenfJ
Sep 01 2016 06:25
@sharkantropo leave the href part
sharkantropo
@sharkantropo
Sep 01 2016 06:25
got it
thaks
r2d2
@UsamaHameed
Sep 01 2016 06:25
@DarrenfJ hi how are you doing?
Darren
@DarrenfJ
Sep 01 2016 06:26
@UsamaHameed burnt out.. testing a new tool at work.. testing always makes me crazy
how you doing?
r2d2
@UsamaHameed
Sep 01 2016 06:27
Doing the tic tac toe. :(
The AI part is making me go nuts
Darren
@DarrenfJ
Sep 01 2016 06:29
@UsamaHameed as a project in code? is it one of them? I'd be interested in seeing the AI. i imagine the combinations of options would be interesting/a nightmare
r2d2
@UsamaHameed
Sep 01 2016 06:29
It is one of the final front end projects. Though they don't require you to make an AI.
It is still under developemnt.
Zaryab Qureshi
@qzaryab
Sep 01 2016 06:30
i got a problem in the jquery 4 lesson , can anyone guide me to go through further
Darren
@DarrenfJ
Sep 01 2016 06:31
@qzaryab sure.. tons of people usually in here who can help out.. what's the issue?
@UsamaHameed you are going beyond the call of duty lol!
r2d2
@UsamaHameed
Sep 01 2016 06:32
I think I am going to save this progress and do it the simple way. Do the simon game, get the cert and then come back to it.
EssamAHamid
@EssamAHamid
Sep 01 2016 06:32
hi guys
I have an issue with Diff Two Arrays challenge.
Darren
@DarrenfJ
Sep 01 2016 06:33
@UsamaHameed that's always been my approach ha! Do what i need and worry about the rest later...
EssamAHamid
@EssamAHamid
Sep 01 2016 06:34
the code was tested against all points , but not pass the Ctrl+enter test
is it FCC issue
Darren
@DarrenfJ
Sep 01 2016 06:36
@sharkantropo how's it going? solved it?
MariaMariiia
@MariaMariiia
Sep 01 2016 06:36
Hi, I am doing this exercise: https://www.freecodecamp.com/challenges/learn-how-script-tags-and-document-ready-work I wonder what is wrong this my script?: $(document).ready(function(){
});
EssamAHamid
@EssamAHamid
Sep 01 2016 06:36

function diff(arr1, arr2) {
var newArr = arr1.concat(arr2);
diffArr = [];
for(var i = 0 ; i < newArr.length ; i++){
if(arr1.indexOf(newArr[i])=== -1 || arr2.indexOf(newArr[i])=== -1){
diffArr.push(newArr[i]);
}
}

return diffArr;
}

diff([1, 2, 3, 5], [1, 2, 3, 4, 5]);

r2d2
@UsamaHameed
Sep 01 2016 06:37
Lol. Then that's it @DarrenfJ
Darren
@DarrenfJ
Sep 01 2016 06:38
@MariaMariiia did you add the <script> $(doc... etc with the closing </script>?
MariaMariiia
@MariaMariiia
Sep 01 2016 06:39
@DarrenfJ I did not do that. Thanks. Now it's right.
CamperBot
@camperbot
Sep 01 2016 06:39
mariamariiia sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 757 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Sep 01 2016 06:39
@qzaryab do you still have questions?
@MariaMariiia schweet! virtual high five!
sharkantropo
@sharkantropo
Sep 01 2016 06:40
@DarrenfJ Yup. Right now I'm with unordered list. Thanks!
CamperBot
@camperbot
Sep 01 2016 06:40
sharkantropo sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 758 | @darrenfj |http://www.freecodecamp.com/darrenfj
MariaMariiia
@MariaMariiia
Sep 01 2016 06:41
@DarrenfJ :+1:
Darren
@DarrenfJ
Sep 01 2016 06:41
@sharkantropo right on! Also this is a cool article on other things you can do with href="#" http://help.typepad.com/anchor-tags.html
you can use it to link to stuff on the same page
iab
@itsabear
Sep 01 2016 06:43
help
r2d2
@UsamaHameed
Sep 01 2016 06:44
@itsabear what do you need help with?
Got Code?
sharkantropo
@sharkantropo
Sep 01 2016 06:45
@DarrenfJ Interesting. I always wondered how people managed to enable jumps to locations within their own content.
iab
@itsabear
Sep 01 2016 06:45
@UsamaHameed oh no. Sorry. I just testing the camperbot commands. Seems like the commands removed slowly.
Darren
@DarrenfJ
Sep 01 2016 06:47
@sharkantropo yah me too! I'm surprised FCC doesn't have an exercise on it though
Treylv
@Treylv
Sep 01 2016 06:47
Hello everyone, can anyone assist me on a simple code?
r2d2
@UsamaHameed
Sep 01 2016 06:47
Yes
Treylv
@Treylv
Sep 01 2016 06:48

include <iostream>

include <iomanip>

using namespace std;

const int STD_HRS = 40;
const float OVERTIME_MULT = 1.5;

int main()
{
cout << fixed << showpoint;
cout << setprecision(2);
float hours, rate;
cout << "Enter Regular Hours Worked: ";
cin >> hours;
cout << "Enter Rate of Pay: ";
cin >> rate;
float regular, overtime;
if ( hours <= STD_HRS )
{
regular = hours rate;
overtime = 0.0;
}
else
{
regular = STD_HRS
rate;
overtime = (hours - STD_HRS) rate OVERTIME_MULT;
}
float pay;
pay = regular + overtime;
cout << "Pay: $" << pay << endl;
return 0;
}

r2d2
@UsamaHameed
Sep 01 2016 06:48
This is C++ :P
Treylv
@Treylv
Sep 01 2016 06:49
I just need to include a tax rate of 28% (.28) in my code but I don't know where to put it or how to include that
aztec26
@eddy0206
Sep 01 2016 06:49
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. help
Darren
@DarrenfJ
Sep 01 2016 06:49
@eddy0206 what have you tried so far?
Darth Skywalker
@adityaparab
Sep 01 2016 06:50
@Treylv : Define another macro like TAX_RATE = 0.28
Darren
@DarrenfJ
Sep 01 2016 06:50
@adityaparab hey buddy!
Darth Skywalker
@adityaparab
Sep 01 2016 06:50
@DarrenfJ :Greetings mate! :)
Treylv
@Treylv
Sep 01 2016 06:51
I'll try that @adityaparab
aztec26
@eddy0206
Sep 01 2016 06:51
this is my syntax
Darth Skywalker
@adityaparab
Sep 01 2016 06:51
@Treylv : And then
pay = regular + overtime;
pay -= (pay * TAX_RATE);
aztec26
@eddy0206
Sep 01 2016 06:51

<style>
.red-text {
color: red;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Darren
@DarrenfJ
Sep 01 2016 06:52
@eddy0206 ok, so you have to add a font size of 16 to the p element...
do the CSS for font size between the <style></style. tags
aztec26
@eddy0206
Sep 01 2016 06:53
can you show me please
Darren
@DarrenfJ
Sep 01 2016 06:53
they give a style or syntax for doing it.. somthing like h1 {font-size:30px} or something
aztec26
@eddy0206
Sep 01 2016 06:53
oh I see let me try
Darren
@DarrenfJ
Sep 01 2016 06:54
@eddy0206 but do it for p instead of h1..
aztec26
@eddy0206
Sep 01 2016 06:54
yea
Darren
@DarrenfJ
Sep 01 2016 06:54
@eddy0206 from the exercise:
h1 {
  font-size: 30px;
}
for syntax
aztec26
@eddy0206
Sep 01 2016 06:54
just change to p
Darren
@DarrenfJ
Sep 01 2016 06:55
welp. not 'just'.. you also have to do it for a font-size of 16 px
so change that part too
then yer golden :D
aztec26
@eddy0206
Sep 01 2016 06:55
yea i did i need this thou
Browser and Text zoom should be at 100%.
and i did
p{
font-size:16px;
}
Darren
@DarrenfJ
Sep 01 2016 06:57
@eddy0206 that's just a reference to your browser being at 100%.. the test cases need it to ensure that it passes...
but if you haven't changed the browser zoom already then yer good
aztec26
@eddy0206
Sep 01 2016 06:57
oh!
let me try
Darren
@DarrenfJ
Sep 01 2016 06:58
cool.. tell me how it goes... :D
and i like yer icon
Treylv
@Treylv
Sep 01 2016 06:58
@adityaparab

include <iostream>

include <iomanip>

using namespace std;

const int STD_HRS = 40;
const float OVERTIME_MULT = 1.5;

int main()
{
cout << fixed << showpoint;
cout << setprecision(2);
float hours, rate; taxrate
cout << "Enter Regular Hours Worked: ";
cin >> hours;
cout << "Enter Rate of Pay: ";
cin >> rate;
float regular, overtime;
if ( hours <= STD_HRS )
{

  regular  = hours * rate;
  overtime = 0.0;
  taxrate = 0.28;

}
else
{
regular = STD_HRS rate;
overtime = (hours - STD_HRS)
rate OVERTIME_MULT;
}
float pay;
pay = regular + overtime;
pay -= (pay
taxrate);
cout << "Pay: $" << pay << endl;
return 0;
}

Luke Wright
@luketoboot
Sep 01 2016 06:59
I need help on the first bootstrap exercise on the front end development course
jpbnois
@jpbnois
Sep 01 2016 06:59
whats a good heading font type to use for my tribute page?
Darth Skywalker
@adityaparab
Sep 01 2016 06:59
#include <iostream>
#include <iomanip>
using namespace std;

const int   STD_HRS       = 40;
const float OVERTIME_MULT = 1.5;

int main()
{
   cout << fixed << showpoint;
   cout << setprecision(2);
   float hours, rate; taxrate
   cout << "Enter Regular Hours Worked: ";
   cin  >> hours;
   cout << "Enter Rate of Pay: ";
   cin  >> rate;
   float regular, overtime;
   if ( hours <= STD_HRS )
   {

      regular  = hours * rate;
      overtime = 0.0;
      taxrate = 0.28;
   }
   else
   {
      regular  = STD_HRS * rate;
      overtime = (hours - STD_HRS) * rate * OVERTIME_MULT;
   }
   float pay;
   pay = regular + overtime;
   pay -= (pay * taxrate);
   cout << "Pay: $" << pay << endl;
   return 0;
}
jpbnois
@jpbnois
Sep 01 2016 06:59
I know it's the smallest thing but I can't find one that looks right
aztec26
@eddy0206
Sep 01 2016 06:59
still don't

<style>
p{
font-text: 16px
}
.red-text {
color: red;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

thats my syntax
Luke Wright
@luketoboot
Sep 01 2016 06:59
I cant figure out how to nest the <div> properly to include all html
Darth Skywalker
@adityaparab
Sep 01 2016 07:00
@Treylv : It should be like
#include <iostream>
#include <iomanip>
using namespace std;

const int   STD_HRS       = 40;
const float OVERTIME_MULT = 1.5;
const float TAX_RATE = 0.28;

int main()
{
   cout << fixed << showpoint;
   cout << setprecision(2);
   float hours, rate;
   cout << "Enter Regular Hours Worked: ";
   cin  >> hours;
   cout << "Enter Rate of Pay: ";
   cin  >> rate;
   float regular, overtime;
   if ( hours <= STD_HRS )
   {

      regular  = hours * rate;
      overtime = 0.0;
   }
   else
   {
      regular  = STD_HRS * rate;
      overtime = (hours - STD_HRS) * rate * OVERTIME_MULT;
   }
   float pay;
   pay = regular + overtime;
   pay -= (pay * TAX_RATE);
   cout << "Pay: $" << pay << endl;
   return 0;
}
Luke Wright
@luketoboot
Sep 01 2016 07:01
blob
blob
Dajakester
@Dajakester
Sep 01 2016 07:02
How do we add text to a button again?
Darth Skywalker
@adityaparab
Sep 01 2016 07:02

@Treylv : You had 2 problems

Problem 1) Syntax Error here

float hours, rate; taxrate // unexptected token taxrate

It should have been

float hours, rate,taxrate;
Darren
@DarrenfJ
Sep 01 2016 07:02
@eddy0206 needs a ; at the end of 16px
aztec26
@eddy0206
Sep 01 2016 07:03
OMG still don't
Darth Skywalker
@adityaparab
Sep 01 2016 07:03

Problem 2) Semantic Error

taxrate was initialized to null. So what if hours <= STD_HRS is false?
Then your pay -= (pay * TAX_RATE); will fail.

Darren
@DarrenfJ
Sep 01 2016 07:03
@jpbnois i'm lately a fan of https://fonts.google.com/specimen/Raleway I have no real god reason for it

@eddy0206 this:

p{
font-text: 16px
}

should be

p{
font-size: 16px;
}
sorry.. should be 'size' as well
aztec26
@eddy0206
Sep 01 2016 07:05
yea i did that already

<style>
p{
font-text: 16px;
}
.red-text {
color: red;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

oh i see
Darren
@DarrenfJ
Sep 01 2016 07:06
@eddy0206 try font-size

from the exercise: "Font size is controlled by the font-size CSS property, like this:

h1 {
font-size: 30px;
}
"

Treylv
@Treylv
Sep 01 2016 07:06
@adityaparab Ahh I see, now my final problem is that I tried entering the amount of hours worked and the rate of pay, but the program won't give me a solution to it. Instead it exits the program by itself
Darren
@DarrenfJ
Sep 01 2016 07:06
should work then
aztec26
@eddy0206
Sep 01 2016 07:06
I did thank you soooooo much!!!!!!
Treylv
@Treylv
Sep 01 2016 07:07
Been working on this project for 9 hrs >.<
Darren
@DarrenfJ
Sep 01 2016 07:08
@eddy0206 got it? Schweet! virtual high five
@eddy0206 these kinds of typos are common when you start out...
and missing a ; or a : is common all the time
aztec26
@eddy0206
Sep 01 2016 07:10
@DarrenfJ virtual high five ,thanks again!
Darren
@DarrenfJ
Sep 01 2016 07:10
a second set of eyes often makes that kind of stuff pop out at someone new
aztec26
@eddy0206
Sep 01 2016 07:11
yea you're right
ahmeddildar
@ahmeddildar
Sep 01 2016 07:15
Hi everyone! anyone plz trace the mistake out of it: <button type="Submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
Ozzy
@Neno2
Sep 01 2016 07:17
Hello guys any one wanna help me in my journey in being my best at coding, if not its cool
aztec26
@eddy0206
Sep 01 2016 07:17
My first time here and already love this place :):)
Picshulo
@Picshulo
Sep 01 2016 07:17
@ahmeddildar should it be type= "Submit" or "submit"?
Ozzy
@Neno2
Sep 01 2016 07:17
aztec wanna be freinds?
aztec26
@eddy0206
Sep 01 2016 07:17
yeah
Ozzy
@Neno2
Sep 01 2016 07:18
@eddy0206 cool bro i appreciate you companionship
Mariya
@mariyadiminsky
Sep 01 2016 07:18

Anyone ever created a form in react and needed both the 'input' value and which 'select' option the user chose at the same time without using onSubmit? I know you can get values from input like so:

onChange={ (event) => this.handleInputChange(someParameter, event)

It seems I would I have to make an onChange for both the input and the select options separately but I need to acquire both at the same time. Any advice is super appreciated. :clap: :sparkles:

aztec26
@eddy0206
Sep 01 2016 07:19
I have to go for the night, I have school tomorrow, but i'll be here every day :)
Picshulo
@Picshulo
Sep 01 2016 07:19
@ahmeddildar What is the name of your challenge please?
Ozzy
@Neno2
Sep 01 2016 07:19
How can i add you @eddy0206
Darren
@DarrenfJ
Sep 01 2016 07:19
@eddy0206 have a good one!
aztec26
@eddy0206
Sep 01 2016 07:20
@DarrenfJ Thanks again for you help!
CamperBot
@camperbot
Sep 01 2016 07:20
eddy0206 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 759 | @darrenfj |http://www.freecodecamp.com/darrenfj
ahmeddildar
@ahmeddildar
Sep 01 2016 07:20
ok thanx working fine with "submit"... its challenge number 80
Darren
@DarrenfJ
Sep 01 2016 07:21
@Neno2 you can follow each other on gitHub.. or share twitter or facebook info.. I don't think FCC logins have any way to 'follow' each other
Ozzy
@Neno2
Sep 01 2016 07:21
Alright thanks @DarrenfJ
CamperBot
@camperbot
Sep 01 2016 07:21
neno2 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 760 | @darrenfj |http://www.freecodecamp.com/darrenfj
ahmeddildar
@ahmeddildar
Sep 01 2016 07:23
@Picshulo ok thanx working fine with "submit"... its challenge number 80
CamperBot
@camperbot
Sep 01 2016 07:23
ahmeddildar sends brownie points to @picshulo :sparkles: :thumbsup: :sparkles:
:cookie: 325 | @picshulo |http://www.freecodecamp.com/picshulo
Darren
@DarrenfJ
Sep 01 2016 07:23
@Neno2 . if you click on their icon then 'open profile' you get their gitHib page
Ryan Francis Bailey
@ryanbailey123
Sep 01 2016 07:24
on the challenge "use responsive design with bootstrap fluid containers" where is the div code it's referring to adding the container-fluid to?
Ozzy
@Neno2
Sep 01 2016 07:24
@DarrenfJ Thanks darren you are really helpful might even consider asking you for some help later in the future.
CamperBot
@camperbot
Sep 01 2016 07:24
neno2 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:warning: neno2 already gave darrenfj points
Picshulo
@Picshulo
Sep 01 2016 07:25
:+1: How you guys find what number of challenge is that? I seriously don't want to count it to 80 :D
Ryan Francis Bailey
@ryanbailey123
Sep 01 2016 07:25
@Picshulo you just type in the challenge name in the search box
Darren
@DarrenfJ
Sep 01 2016 07:25
@Neno2 I'm usually around here around 2 am EST to about 3:30 or 4 am EST
Ozzy
@Neno2
Sep 01 2016 07:26
nice i am from the pacific time
Darren
@DarrenfJ
Sep 01 2016 07:26
@Picshulo we go by name.. the search only uses name in the FCC map
Ryan Francis Bailey
@ryanbailey123
Sep 01 2016 07:26
@DarrenfJ know answer to above challenge question? i dont see one single <div> tag in that code

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

Darren
@DarrenfJ
Sep 01 2016 07:26
@Picshulo the numbers are your brownie points I think
Picshulo
@Picshulo
Sep 01 2016 07:26
@ryanbailey123 Yes, i know that.. but when i ask for challenge name and they tell me some number
@DarrenfJ Yes, i do think so too..
Darren
@DarrenfJ
Sep 01 2016 07:27
@ryanbailey123 let me go check the exercise.. but my guess is you add the div yourself
Ryan Francis Bailey
@ryanbailey123
Sep 01 2016 07:27
but it doesnt say to add a div - its telling me things to add to a div that is not there :)
Ozzy
@Neno2
Sep 01 2016 07:28
What do i do know?
Ryan Francis Bailey
@ryanbailey123
Sep 01 2016 07:28
@DarrenfJ nvm you're right - these are some shitty instructions but you're right :)
thanks!
Picshulo
@Picshulo
Sep 01 2016 07:28
@luketoboot not class: but class=
Darren
@DarrenfJ
Sep 01 2016 07:29
@Picshulo ah sorry.. thought you were asking about the numbers.
@ryanbailey123 agreed. the english can be a bit 'casual' and slangish...
@ryanbailey123 for instance it says this: "To get started, we should nest all of our HTML in a div element with the class container-fluid."
Ozzy
@Neno2
Sep 01 2016 07:30
i need help on know whats the next step
Luke Wright
@luketoboot
Sep 01 2016 07:30
lol thanks. that took way to long
Ozzy
@Neno2
Sep 01 2016 07:30
nvm i got it
Ryan Francis Bailey
@ryanbailey123
Sep 01 2016 07:30
right - and then under the actual instructions it doesnt say anything about creating one :D @DarrenfJ
Darren
@DarrenfJ
Sep 01 2016 07:30
i wouldn't interpret that as asking me to find an existing one and add to it but rather to create new one.... but you are right I can see how it's not clear
Picshulo
@Picshulo
Sep 01 2016 07:31
@DarrenfJ I asked one guy there what challenge is that and he told me number 80 :D So i wasn't sure if there isn't any list with number of challenges or something :D
Darren
@DarrenfJ
Sep 01 2016 07:32
@Picshulo yah comes up all the time.. people asking for help on a challenge number that's their brownie points...
Ryan Francis Bailey
@ryanbailey123
Sep 01 2016 07:32
plus it doesnt describe the purpose/point of having a container fluid and what it does
Darren
@DarrenfJ
Sep 01 2016 07:33
@ryanbailey123 yah they don't do a lot explaining the bootstrap stuff..
Ryan Francis Bailey
@ryanbailey123
Sep 01 2016 07:33
awesome - time to find some books :)
thanks @DarrenfJ