FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Muhammad Hasham

@MuhammadHasham23

actually i am using fadeIn and fadeOut instead of setting intervals
@khaduch

Sorin Ruse

@sorinr

@adamgithub92 normally you will have to see on tablet or phone the html as you defined it keeping in mind the bootstrap grid you have used

Ken Haduch

@khaduch

@MohammadHasham - oh, I'll have to look at that more closely then... I don't know if that will work very well, I would think that you would have to use the completeoption in some way to make sure that the flashing sequenced in some reasonable way? Not sure because I haven't really tried this type of thing. It did seem that the flashing of the different colors went rather quickly? Like multiple buttons flashed at once.

mazury

@mazury

@sorinr I don't understand, what does it mean?

Muhammad Hasham

@MuhammadHasham23

@khaduch yeah actually i need to set the milliseconds precisely

to avoid that

Clifton Hackett

@KingRedeye

anyone available to assist me with understanding one of the challenges?

Make Object Properties Private this challenge to be exact.

Sorin Ruse

@sorinr

@adamgithub92 if u used the bootstrap grid in a correct manner you should expect to see the page on tablet or mobile the way you want otherwise you should recheck your grid

mazury

@mazury

@sorinr I didn't use any grid elements...

MaxLAB

@Max-LAB

@KingRedeye sure, what have you done so far?

Sorin Ruse

@sorinr

@adamgithub92 then why in your pen settings->css part you have loaded bootstrap?

mazury

@mazury

hmmm... so far I've done it for defult fonts I guess

Sorin Ruse

@sorinr

@adamgithub92 almost any element on your page has a stiling dictated by bootstrap. so if you want something on your own you should ether get rid of bootstrap or override it

mazury

@mazury

@sorinr so I should put these elements inside grid elements like span, etc ?

Muhammad Hasham

@MuhammadHasham23

@khaduch any idea?

Sorin Ruse

@sorinr

@adamgithub92 just read the http://getbootstrap.com/ documentaion and decide for yourself what you want from the framework and what you need to override

Ken Haduch

@khaduch

I think that I would try to devise a loop using setInterval and a count to control it. I think that trying to time this with jquery is fraught with pitfalls...

abhijith shenoy

@shenoyabhijith

https://codepen.io/xmorpheus/pen/QdNgpG

css break-down

icon duplicate

Sorin Ruse

@sorinr

@shenoyabhijith witch icon is duplicated?

mazury

@mazury

@sorinr ok, thx

CamperBot

@camperbot

adamgithub92 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:

:star2: 1094 | @sorinr |http://www.freecodecamp.com/sorinr

playingwithinfinity

@playingwithinfinity

Somebody please tell me what's wrong with my code? Nothing is changing on button click

http://codepen.io/jimpix/pen/apmPrr?editors=1111

Sorin Ruse

@sorinr

@playingwithinfinity you have to define an event to take care of your button clik like: example

Reggie

@Reggie01

@playingwithinfinity Also, your click event should wrap around your ajax call.

// sorinr's example 
$('#click').on('click', function(){
alert('click btn was cliked');
  // insert ajax here
});

abhijith shenoy

@shenoyabhijith

background image change not working

https://codepen.io/xmorpheus/pen/QdNgpG?editors=0010

Addison Dalton

@Addison-Dalton

Hopefully someone can help me with this. I've been searching a few hours and can't find a solution. I'm working on the weather app and I want a weather icon to change based on the current weather condition. The following code is without checking for the current weather condition, as I can't get my JS to change the icon even on page load.I can get the class to work if I add it directly in my HTML, so I believe I'm doing something wrong in JS. Thanks!

HTML:

<div class="weather-icon wi">
  <i id="#weather-icon"class=""></i>
</div>

JS:

$("#weather-icon").removeClass().addClass("wi-day-sunny");

Reggie

@Reggie01

@shenoyabhijith background image is currently on html and body elment. Change to just body element.

body {
  background-image:url("https://s27.postimg.org/c1ifb47f7/pexels_photo.jpg");
}

Addison Dalton

@Addison-Dalton

I found my problem, nevermind!

Reggie

@Reggie01

@Addison-Dalton do you have a link to codepen page for the project?

@Addison-Dalton nvm

glad you found your problem

Addison Dalton

@Addison-Dalton

I accidentally included a "#" in my id name in the HTML. Hours of searching just for that, lol!

Reggie

@Reggie01

Yeah, it happens to everyone. :smile:

Sorin Ruse

@sorinr

@Addison-Dalton are u using openweather api for retrieving weather data?

Addison Dalton

@Addison-Dalton

@sorinr Yes.

Sorin Ruse

@sorinr

@Addison-Dalton weather icons library have special mappings for this lib. read here: https://erikflowers.github.io/weather-icons/api-list.html. so you can use the weather code in rder to compose your icon

Addison Dalton

@Addison-Dalton

@sorinr I got my icons working now, though. It was a typo error. Thanks nonetheless.

CamperBot

@camperbot

:star2: 1095 | @sorinr |http://www.freecodecamp.com/sorinr

addison-dalton sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:

Sorin Ruse

@sorinr

@Addison-Dalton :+1:

Stoica Valentin

@stoicavali91

Hi! I am trying to do the TwitchTcv Json API and i don't know how to make the name of the game to appear near the ok user. Can someone please help me? http://codepen.io/stoicavali91/pen/ZLONPb

Stoica Valentin

@stoicavali91

if only an user is active, the result is good(because is a single answear), but if there are many users online, the code will display the name of the games in the same place, not for every user. Can someone give me a hint or something?

http://codepen.io/stoicavali91/pen/ZLONPb

Ken Haduch

@khaduch

@stoicavali91 - probably a closure problem. Look up the javascriptissexy.com article about closures and look for the "pitfalls" section

Where communities thrive

People

Repo info

Activity