Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Jun 19 2020 20:09
    @krisb1220 banned @Gastony
  • May 14 2020 22:39
    @bjorno43 banned @minitechtips_twitter
  • May 14 2020 22:38
    @bjorno43 banned @real-action
  • Feb 01 2020 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 2020 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 2019 17:13
    @mstellaluna banned @cmal
  • Jan 08 2019 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
Gulsvi
@gulsvi
<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 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">- 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> <!-- 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-->

@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
If you turn on the "Match Brackets" setting in codepen, it makes it easier to see:
image.png
It should be in the "Editor Options" section of your codepen settings: https://codepen.io/gothamknight/settings/editor
iso
@iso1048
@SkyCoder01 yes it did make it easier to see and i corrected it. Thank you very much.
CamperBot
@camperbot
gothamknight sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 284 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Marco Mazzeo
@Doko85
hey guys, I need a bit of help with jQuery, is anybody available?
Tom
@moT01
@Doko85 whats up
Marco Mazzeo
@Doko85
I haven't been playing with jQuery in a while so even a basic stuff like the following one made me lose the whole day trying to make it work
I have my navbar and I want to show the input form for login only when clicking on a "login" link
so I have to refer to parent and then select the form
Tom
@moT01
dont feel bad, i just spent an hour to find a missing semi-colon
Marco Mazzeo
@Doko85
but it's not working at all....
Tom
@moT01
have any code to show?
Marco Mazzeo
@Doko85
$(document).ready(function () { 
    $('#login').on('click', function() {
        $(this).parent().find('#hidden_form').show();
    });
});
Tom
@moT01
whats the relationship of the hidden form and the parent
Marco Mazzeo
@Doko85
<ul class="nav navbar-nav navbar-right">
           <form id="hidden_form" class="navbar-form navbar-left">
               <div class="form-group">
                <input type="text" class="form-control" placeholder="Username" name="Username" required="required" autocomplete="on">
                    <input type="text" class="form-control" placeholder="Password" name="Password" required="required" autocomplete="on">
            </div>
                   <button type="submit" class="btn btn-default">Vai</button>
    </form>
                        <li><a id="login" href="#">Login</a></li>
            <li><a href="#">Register</a></li>
</ul>
poorly formatted here but that's the code snippet
Tom
@moT01
ha
looks like its the half brothers uncle
Marco Mazzeo
@Doko85
so how could I refer to that in the right way?
Tom
@moT01
looks like its a sibling
<ul class="nav navbar-nav navbar-right"> 
    <form id="hidden_form" class="navbar-form navbar-left">
        <div class="form-group"> 
            <input type="text" class="form-control" placeholder="Username" name="Username" required="required" autocomplete="on"> 
            <input type="text" class="form-control" placeholder="Password" name="Password" required="required" autocomplete="on"> 
        </div>
        <button type="submit" class="btn btn-default">Vai</button> 
    </form> 
    <li><a id="login" href="#">Login</a></li> 
    <li><a href="#">Register</a></li> 
</ul>
Marco Mazzeo
@Doko85
so prev() ?
Tom
@moT01
shouldn't need to do it like that i dont think
should be able to just go...
$(document).ready(function () { 
    $('#login').on('click', function() {
        $('#hidden_form').show();
    });
});
Marco Mazzeo
@Doko85
damn, that was easy...
is it also possible to make it hide on another click?
Tom
@moT01
i would think so
probly a way to just toggle it as well
Marco Mazzeo
@Doko85
toggleClass ?
or just toggle the element?
Tom
@moT01
toggle the hid/show
if you want them both on the login click i suppose
Marco Mazzeo
@Doko85
I don't even know if that should be required tho
I mean, if you click on "Login" it means you want to login... why would you make it hide again?
Tom
@moT01
maybe make it hide after you actually login