FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

MaxLAB

@Max-LAB

@adamgithub92 nicee :+1:

mazury

@mazury

@RitvarsZ thx

CamperBot

@camperbot

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

:cookie: 285 | @ritvarsz |http://www.freecodecamp.com/ritvarsz

mazury

@mazury

Now i can't figure out how can i animate up movement of the div which contains h1 and form, can you help me @Max-LAB ? http://codepen.io/Adam92/pen/RKROPw

of course animation as an answer to search button click

MaxLAB

@Max-LAB

@adamgithub92 give me a minute

playingwithinfinity

@playingwithinfinity

$(document).ready(function(){
$("#click").on("click",function(){
$("
});
});

lol

MaxLAB

@Max-LAB

@adamgithub92

success: function(data) {
            $('.open').animate({top:'20px'}, 500);
....

Ajay Tanwar

@ajayt365

@khaduch it's more of scss than sass. i might need pure sass no braces and stuff

Sorin Ruse

@sorinr

@jdtdesigns yep. i've seen after he was using wunderground. i had some other pens opened and i looked at somebody else's pen

mazury

@mazury

Thx a lot @Max-LAB , i think i forgot about dot in (.open), and could find any info bout it in console log

CamperBot

@camperbot

adamgithub92 sends brownie points to @max-lab :sparkles: :thumbsup: :sparkles:

:warning: adamgithub92 already gave max-lab points

MaxLAB

@Max-LAB

@adamgithub92 :+1: just keep on coding this is really beautiful design

mazury

@mazury

Thx @Max-LAB, another question: if I don't have anything inside document.ready.function(), because function which starts when I click search button is outside, then do I still need it?

CamperBot

@camperbot

adamgithub92 sends brownie points to @max-lab :sparkles: :thumbsup: :sparkles:

:warning: adamgithub92 already gave max-lab points

Muhammad Hasham

@MuhammadHasham23

@khaduch any idea?

MaxLAB

@Max-LAB

@adamgithub92 no, you dont need to keep doc.ready function. You can remove it

Ken Haduch

@khaduch

@MohammadHasham - well, I'm a little confused about what is going on at this point, and unfortunately I have to leave the computer for a couple hours. I could try to give it a look a little later if you are still in need? At this point, I'm pondering the way that you are setting arr1 values in the button click handlers and how the compareArrays function is using that?
But I would need more time to get a better idea of what is going on. Sorry that I cannot spend another half hour or so right now to get a handle on things?
One thing that I don't see anywhere in the code is use of a timer function like setInterval? Did I just miss it? For automatic playback of the sequences, it seems that you would need something like that? I'll try to check in later...

Muhammad Hasham

@MuhammadHasham23

@khaduch Thanks for spending your time i hope you will look when free and i have used setinterval as well

CamperBot

@camperbot

mohammadhasham sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:

:star2: 2289 | @khaduch |http://www.freecodecamp.com/khaduch

mazury

@mazury

Any idea why I can't get the ajax response on my tablet or phone in this? http://codepen.io/Adam92/pen/GrjzYQ?editors=1010

Ken Haduch

@khaduch

@MohammadHasham - I don't set setInterval in the version that I'm looking at? Should I?

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

Where communities thrive

People

Repo info

Activity