FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Henrique Salguero

@kikosalguero

Everytime i refresh de page i get a different result in the Status (Online/Offline) of the channel. Anyone have an idea why is that happening? http://codepen.io/kikosalguero/pen/bZxJRa

vieira83

@vieira83

How do people get banned?

is it the language?

greg

@wearenotgroot

@vieira83 if they are being a general a male repoductive organ(being a D**K)

vieira83

@vieira83

@wearenotgroot ???

didn’t understand

what you said

greg

@wearenotgroot

@vieira83 people get ban if they repeatedly use insults and harassing other community member

@vieira83 they will get a few warning before it happens
also if they keep spamming the chat they get a time out

vieira83

@vieira83

Juan Moraza

@Morazajuan

lol he meant being a jerk @wearenotgroot

@wearenotgroot do you think you could take a look at my code. Im having trouble with the toggle method

Tyler Moeller

@TylerMoeller

@kikosalguero You're getting the data back as it is returned from the API, so it won't always return in the same order as the users listed in your array.

greg

@wearenotgroot

@Morazajuan sure link your pen or fiddle

Juan Moraza

@Morazajuan

http://codepen.io/morazajuan/pen/ZOrzyp

here

this is what i have in mind for my toggle method

 $(window).load(function(){
    $('.tempf').hide();
});
$('.tempf,.tempc').click(function(){
    $('.tempf,.tempc').toggle();
});

greg

@wearenotgroot

@Morazajuan how about adding an id to the temp button then toggle the class instead

Chris Wang

@sound2gd

guys,when i set header element a css style of background-color,it doesn't seem to work ,this drives me crazy,can someone help me?thanks a lot;

``` bash

banner {

background-color: #722872 !important;
height: 80px;
border-color: #592059;

}

#banner {
    background-color: #722872 !important;
    height: 80px;
    border-color: #592059;
}

did someone have the same problem as me ?

Gary Siu

@GarySiu

css looks ok. What’s the html like?

Juan Moraza

@Morazajuan

@wearenotgroot Ok im gonna do that thank

CamperBot

@camperbot

morazajuan sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:

:star2: 1267 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot

greg

@wearenotgroot

@Morazajuan you can also add a callback function to the toggle method if you want to do some animation on the button or if you want something simple just an if statement and addClass/removeClass

Beth Qiang

@bethqiang

anyone know why when you click the "online" button and then the "all" button on my twitch viewer, the "offline" shows up for a split second before the "online" section does? ideally, i'd like a smooth transition without the offline users coming up briefly before the online...

http://codepen.io/bethqiang/pen/xOzJGr

Chris Rutherford

@cjrutherford

can I ask for an opinion on the design of a project I'm working on outside FCC?

https://github.com/cjrutherford/kb

Ken Haduch

@khaduch

@bethqiang - I don't know if this would help, I was experimenting with your project but had to reload and lost my changes. Any time your use a jQuery selector like $('#online'), it will search the DOM to find the element or elements that it corresponds to. I don't know enough detail about how jquery works to know if it does multi-threading, searching for both of those at the same time and perhaps sometime returning the "offline" first? I tried making a class "allUsers" and using that selector.

The other thing I was trying, when I had to reload and lost it, was to cache the results of the jquery selector and the use that - var allUsers = $("#online #offline"); I think would cache the results, not sure about the order, though? I'll try it and see, perhaps fork it so I can save it in case I need to reload.

Beth Qiang

@bethqiang

@khaduch if you do try it, let me know! i do actually have a container that contains all 3 of them ("streamers") but i've run into issues with trying to batch fadein/hide that--streamers is just the container that contains the online, offline, and closed containers, and so when you press "offline" then "all" it'll still only return the offline ones because the jquery isn't going through to get the info for the online ones when you press "all". does that make sense?

@khaduch it appears, though, if you wait a long enough time (not sure if there's a set time or not?), it'll fade in normally without the offline interfering with the online

does that mean that it's attached to the fadein? hm. (thinking out loud at this point.)

Ken Haduch

@khaduch

@bethqiang - just looking through jQuery documentation, and it appears to be the case that the ordering of elements is determined by their order in the DOM, so I'm trying to understand some possible solutions that they are hinting at...

Mariya

@mariyadiminsky

Has anyone does testing with react-enzyme-mocha? I'm noticing when I'm using expect(wrapper.find('SomeComponent').length).toEqual(1) I get 0 only if the component is being returned inside of brackets {}.
You know how when you're rendering an array and you loop through in the return() but to use JavaScript in React you need to use {}? I'm returning a component inside of each iteration, but my test can't find it. Is there a reason for this and how can I find it?

pipzpadilla

@pipzpadilla

how i can make this kind of header navbar

with the brandname is at the center of the page

William Cross

@williamtech814

I'm trying to do lesson "Style Text Inputs as Form Controls" and I'm not sure what it means by "Give the text input in your form the class form-control." Advice anyone?

greg

@wearenotgroot

@williamtech814 form-control is a bootstrap class

William Cross

@williamtech814

That worked, thanks!! Love the community here.

greg

@wearenotgroot

:+1:

Juan Moraza

@Morazajuan

@wearenotgroot you still there?

Chris Cullen

@123xylem

function makeFriendlyDates(arr) {
  var arr0 =arr.pop();
 arr0= arr0.split(/-/);
  for(i=0;i<arr0.length;i++){
 switch (arr0[1]) {
    case 01:
        arr0[1] = "Janurary";
        break;
    case 02:
        arr0[1] = "February";
        break;
    case 03:
        arr0[1] = "March";
        break;

}}

  return arr0;
}
  makeFriendlyDates(['2016-01-01', '2016-02-04']);

Hello FIrends Im back!.. In this problem Ive seperated the date format and am gonna try using switch statements to convert the numbers to words.. It says "Octal literals are not allowed in strict mode." When i do this though... Is this workable or have I made a mistake somewhere??
thanks

Ken Haduch

@khaduch

@bethqiang - I cannot get anything that works up to this point - and I have to check out for tonight... Maybe you'll figure it out, maybe I'll try to look into it more tomorrow?

William Cross

@williamtech814

thanks @wearenotgroot

CamperBot

@camperbot

williamtech814 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:

Where communities thrive

People

Repo info

Activity

banner {