FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Ashish Patel

@ashishpatelcs

read the temparature values at data.main.temp;

Prakash Shiwakoti

@pshiwakoti1

i did

Ken Haduch

@khaduch

@pshiwakoti1 - it looks like you are getting some help, so I don't want to confuse the issue, and I have to get offline for a while anyway... good luck~

Prakash Shiwakoti

@pshiwakoti1

the question is when I call celciusToFarenheit() function from my button, do I have to pass anything there?

Larry Hawkins

@HawkinsLJ

hi all, quick question. Just compoleted tribute page assignment.

completed*

using codepen

iso

@iso1048

<div class="container-fluid">

<div class="row"> 
<div class="col-md-1 grey-background">
</div>
<div class="col-md-10 black-background">
<h1 class="text-center">- N A M E-</h1>

<div class="row">
<div class="col-md-4">
<h2 class="text-center">ABOUT</h2>
</div>
<div class="col-md-4">
<h2 class="text-center">PORTFOLIO</h2>
</div>
<div class="col-md-4">
<h2 class="text-center">CONTACT</h2>
</div>
</div> 
<div class="col-md-1 grey-background">
</div>

Larry Hawkins

@HawkinsLJ

how do I share the final rendered output? looks like its only letting me share the raw code

iso

@iso1048

Why does the column at the end not have a grey background?

Ashish Patel

@ashishpatelcs

@pshiwakoti1 , you need a different function for button onclick even then. Because the celciusToFarenheit function is called during the page load.

Prakash Shiwakoti

@pshiwakoti1

I see its working on my end

Ashish Patel

@ashishpatelcs

then clicking the button won't make any difference because the values are already set during page load

Prakash Shiwakoti

@pshiwakoti1

oh ok

then what do i do now

I got it thanks

Moisés Man

@moigithub

@HawkinsLJ on the uper right corner there a r a change view button

Ashish Patel

@ashishpatelcs

create a new function for button onclick event. remove the jquery selector for div temp7 from celciustofarenheit function, and add it to new function for button click

Gulsvi

@gulsvi

@gothamknight A div has 0px of height until you give it some content or min-height value in the CSS

iso

@iso1048

@SkyCoder01 but then why does the first column have a grey background?

Muhammad Hasham

@MuhammadHasham23

what is the advantage/use of using parent element position relative and child absolute.

Gulsvi

@gulsvi

@gothamknight Because it is in a row and the column next to it has height

iso

@iso1048

@SkyCoder01 But the last column is also next to the column that has height. I dont get it

Gulsvi

@gulsvi

Your last column that does not have grey wraps around below the other row and columns @gothamknight

@gothamknight Do this to see, change the HTML for that last column and give it a temporary class name:
<div class="col-md-1 testdiv grey-background"></div>

Now give that class name a border in your CSS:

.testdiv {
  border: 1px solid blue;
}

Lascu Gratian

@gratianl

My second project - http://codepen.io/gratianl/full/KaJQXG/ . What do you think? :)

Gulsvi

@gulsvi

You will see it's just a blue line @gothamknight

^^ See the blue line below the "About" text, that's your empty div with no height

jdl2017

@jdl2017

Is it possible to add to the invisible <body> tag in CodePen

Ashish Patel

@ashishpatelcs

@jdl2017 , yes through css or javascript

iso

@iso1048

@SkyCoder01 I see. so how do I make the column grey?

Gulsvi

@gulsvi

@gothamknight I'm guessing you want grey on both sides of the black box?

jdl2017

@jdl2017

How would I add that line?

iso

@iso1048

@SkyCoder01 Yes

Gulsvi

@gulsvi

@gothamknight close your col-md-10 div before your last col-md-1 div

<div class="container-fluid">
  <div class="row">
    <!--PARENT DIV ELEMENT-->
    <div class="col-md-1 grey-background"></div>
    <div class="col-md-10 black-background">
      <h1 class="text-center heading-text">- N A M E-</h1>
      <!-- BUTTONS-->
      <div class="row">
        <div class="col-md-4">
          <h2 class="text-center">ABOUT</h2>
        </div>
        <div class="col-md-4">
          <h2 class="text-center">PORTFOLIO</h2>
        </div>
        <div class="col-md-4">
          <h2 class="text-center">CONTACT</h2>
        </div>
      </div>
    </div>
    <!-- FOR col-md-10 DIV ELEMENT-->
    <div class="col-md-1 grey-background"></div>
  </div>
  <!--PARENT DIV ELEMENT CLOSING TAG-->
</div>
<!-- FOR CONTAINER FLUID DIV ELEMENT-->

Ashish Patel

@ashishpatelcs

@jdl2017, $('body').attr(key, val)

$('body').attr('data-spy', 'scroll');

jdl2017

@jdl2017

@ashishpatelcs Ok got it. Thanks

CamperBot

@camperbot

jdl2017 sends brownie points to @ashishpatelcs :sparkles: :thumbsup: :sparkles:

:cookie: 304 | @ashishpatelcs |http://www.freecodecamp.com/ashishpatelcs

Gulsvi

@gulsvi

@jdl2017 Here's a scroll spy example I made if it helps http://codepen.io/skycoder/pen/KaYQoQ

iso

@iso1048

@SkyCoder01 The following is my full code (i didnt copy/paste the last div's):

</div>
</div>

@SkyCoder01 have i not already closed by col-md-10 before my last col-md-1?

jdl2017

@jdl2017

@SkyCoder01 That's very helpful

Gulsvi

@gulsvi

@gothamknight No, your col-md-10 is closed after your last col-md-1

Where communities thrive

People

Repo info

Activity