Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 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
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
sparklie3
@sparklie3
i don't think i'm doing this right because now, my second function has to wait for the ajax call to complete before I can do anything
how should i approach this problem?
Michael Karpinski
@karpimpski
@sparklie3 use Ajax's built in method success
it will run whatever code is in the success function after you get the response from the server
$.ajax ({
//does a ajax call
    url: 'www.example/com',
    success: function(data){
        //will execute code in here after data is received
    }
});
Tyler Moeller
@TylerMoeller
@miriam-z Not sure how to help without seeing your code :/
@karpimpski @sparklie3 The new way of doing it though is with jQuery's newer deferred callbacks rather than using success. http://stackoverflow.com/a/14754681/5253639
var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });

// Perform other work here ...

// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second complete" );
});
Michael Karpinski
@karpimpski
@TylerMoeller yep, should've mentioned that. sorry, I tend to shy away from jQuery and prefer vanilla JS. thanks for the correction!
CamperBot
@camperbot
karpimpski sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1156 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
The success callback still works great for that purpose - still a good suggestion!
William Cross
@williamtech814

I'm attempting to make a collapsible navbar for the portfolio project. Not sure what I'm doing wrong, my navbar won't collapse: <!-- nav bar -->

<nav style="background-color:#ffaa00" class="navbar navbar-light navbar-static-top">
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-brand">Portfolio Site</a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navigation"><span class="glyphicon glyphicon-menu-hamburger"></span></button>
</div>

<div class="collapse navbar-collapse navigation">
<ul class="nav navbar-nav navbar-right" >
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</nav>

miriam-z
@miriam-z
@TylerMoeller this is a code pen http://codepen.io/miriam-z/pen/WoYojX
Tyler Moeller
@TylerMoeller
@williamtech814 Your navbar collapses fine for me - do you have bootstrap added to your project along with jQuery and bootstrap.min.js?
blob
@miriam-z I don't see where you have added a left-border to your navbar link items in that codepen
It also appears you are using bootstrap 4, which isn't ready for production yet. The example I showed you earlier was using Bootstrap 3.7
William Cross
@williamtech814
I don't think I imported the jQuery
miriam-z
@miriam-z
I am aware that it is not ready for production its just that the syntax is much more simplified in bootstrap 4
and the features are better :)
I might try to use bootstrap 3 to see if I am producing a similar result
miriam-z
@miriam-z
@TylerMoeller is it still possible to achieve this using images as such in the nabber?
navbar?
Tyler Moeller
@TylerMoeller
@miriam-z Yes, it should still be possible using images as your links instead of text
miriam-z
@miriam-z
thanks
thanks @TylerMoeller
CamperBot
@camperbot
:star2: 1157 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
miriam-z sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
Igor Amidzic
@igoramidzic
Can I have some critiques so far? Thanks
http://www.codewithigor.com/
Michael Karpinski
@karpimpski
@amidzicigor it seems like you're just barely started, but so far it seems good. it has a nice design. I'd be careful about being too vanilla, though. it just seems like you used a bunch of Bootstrap classes so far and haven't done much custom styling, which looks nice but may not be what a recruiter is looking for
Igor Amidzic
@igoramidzic
@karpimpski Yeah I just started learning bootstrap today so not really sure how to customize just yet. Thanks for the tip :)
Michael Karpinski
@karpimpski
I just completed this vanilla JS clock! you can click it to go from analog to digital and the other way around! I'd really appreciate some help with the digital clock design, I don't like it much. please let me know what you think :)
https://preview.c9users.io/karpimpski/javascript-30/Mike30/02_clock/index.html?_c9_id=livepreview0&_c9_host=https://ide.c9.io
CamperBot
@camperbot
amidzicigor sends brownie points to @karpimpski :sparkles: :thumbsup: :sparkles:
:cookie: 404 | @karpimpski |http://www.freecodecamp.com/karpimpski
Michael Karpinski
@karpimpski
@amidzicigor no problem! definitely check out flex-box for responsiveness. it's much better and, in my opinion, much easier than Bootstrap
Igor Amidzic
@igoramidzic
@karpimpski Will do man
Michael Karpinski
@karpimpski
@amidzicigor are you experienced in back-end development? I noticed that you're using server code in your repo
Dylan-Clelland
@Dylan-Clelland
Can someone help me, if I put anymore of the 300x300 panels it messes them all up, can someone help please? http://codepen.io/DylanClelland/pen/ENOaGp
Igor Amidzic
@igoramidzic
@karpimpski I'm familiar with nodejs, yes. Not experienced
Dylan-Clelland
@Dylan-Clelland
And I can't get the top one to fall in place like the others, it's a bit off and too close to the second one, when you look at it in mobile view.
Igor Amidzic
@igoramidzic
@Dylan-Clelland can you update your codepen with the problem?
Dylan-Clelland
@Dylan-Clelland
What do you mean? @amidzicigor \
vengal
@vengal4327
Can some one help me with this: http://codepen.io/vengal-learn/pen/QGJdze
Is it possible to make header content to display in one single row at any point of time with reduced screen size and instead get a scroll bar when screen size is reduced.
Tom
@moT01
@vengal4327 look into @media
or css media queries
vengal
@vengal4327
@moT01 I will check that. Thanks!
CamperBot
@camperbot
vengal4327 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 364 | @mot01 |http://www.freecodecamp.com/mot01
Sundeep
@pidugusundeep
hey can someone help me with the sticky footer