FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

CamperBot

@camperbot

saketk21 sends brownie points to @hemangsk :sparkles: :thumbsup: :sparkles:

:cookie: 348 | @hemangsk |http://www.freecodecamp.org/hemangsk

Tiago Correia

@tiagocorreiaalmeida

https://codefights.com/tournaments/E7uMa4iTSLpJeJYL6

Jessie Cryer

@j-cryer

Hey does anyone have an idea as to why jQuery.get won't work for me?

$.get('myurl', { data: data}, function(data){});

I get $.get isn't a function?

Kuda Bux

@kudabux

Call .get on a DOM element. Like if you had a list of <div> elements as children to a <body> element you'd use it like this

<body>
    <div>something</div>
    <div>else</div>
</body>

console.log($('body').get(0)) returns <div>something</div>

@j-cryer

Kuda Bux

@kudabux

"is not a function" is actually one of the better errors thrown by JS. It's telling you that whatever you've tried calling .get on doesn't have that function in it's wheelhouse. In this case you're calling .get on the jQuery library itself. So you're saying .get 'myurl from jQuery

zootechdrum

@zootechdrum

Hello everyone and happy easter

Stephen James

@sjames1958gm

@zootechdrum Hey

DarkxPunk

@DarkxPunk

Anyone online who is talented with Grid?

Alex Porobe

@Zappy555

                <nav class="navbar navbar-inverse" id="my-navbar">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse menu" id="navbar-collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="company.html">Company</a></li>
                            <li><a href="portfolio.html">Portfolio</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </div>

                </nav><!--end nav-->

Please I need help with the above. The navbar is not toggle my list even if it changes to the responsive icons on smaller screens.

Matej Bošnjak

@mbosnjak01

@DarkxPunk just ask question, if anyone knows the answer i'm sure you'll get it

DarkxPunk

@DarkxPunk

Well I want to see someone convert my flex design to grid

boul35

@boul35

How to you get a job with only FreeCodeCamp and no degree? Is it possible?

DarkxPunk

@DarkxPunk

@boul35 Depends on the job

Nate Mallison

@NJM8

@j-cryer Are you using jQuery slim? It doesn't have .get

https://stackoverflow.com/questions/1956719/jquery-get-is-not-a-function

second answer

Liam Docherty

@ldocherty1

Does anyone have a codepen link to this type of animation delay as demonstrated in this portfolio http://www.kkasbarian.com. When the user scroll downs the effect animation happens when they get to that specific point.

I'm using https://daneden.github.io/animate.css/ for this. However, when I launch my page all the animations take place upon when I launch the page not when the user scrolls down to that specific point.

Moisés Man

@moigithub

if u check devtools network tab u can find which "plugins" that page uses.. for that anymation.. wow.js @ldocherty1

German Gamboa Gonzalez

@germangamboa95

hey guys can I get some feedback on my project? https://germangamboa95.github.io/pokemonbattles.io/

Nikolai A Leeds

@nic9075

hello can I ask a question about one of the challenges here?

Dhaval Vira

@dhavalveera

Hello

I want to know that to make a page where client scroll the page down then that part should be load

Please help me in this

kerafyrm02

@kerafyrm02

Hello all. Anyone need help?

Dhaval Vira

@dhavalveera

@kerafyrm02 I've typed my question just above to your message

kerafyrm02

@kerafyrm02

What backend language are you using

Sorin Ruse

@sorinr

@dhavalveera search for lazy loading

Ken Haduch

@khaduch

@germangamboa95 :point_up: March 31, 2018 10:40 PM - nice little game project~ I like the background 8-bit look. A little crazy when I shrink the window how the card blow up to a huge size. A little bit of animation would make it a little more fun, but it's a good little project for the day.

phao5814

@phao5814

Hi everyone, been having issues generating my index.html files in Webpack. Would appreciate if someone could help me out here https://stackoverflow.com/questions/49595284/using-html-webpack-plugin-to-generate-an-index-html-file-in-webpack-project-usi

Nazar

@IsaakNazar

@phao5814 there is good step by step guide on webpack website

Dimitris Nik.

@dimitrissnk

Hello guys, can somebody tell me how can I place the quote div beneath main in the media querry I created? https://codepen.io/dimitris51/full/GxOVbX/

Sorin Ruse

@sorinr

@Dimitrios51 you don't need that margin-top:90vw and you may use font-size: 1.4em; to make the text bigger enough

Dimitris Nik.

@dimitrissnk

@sorinr yeah, but I want the quote to be under the displayed image in main, how could I possibly do that? margin-top: 90vw; was just a testing I was doing...

Pat

@PatrickMoumiet

Hi everyone, just a very random question why this is true : 1001 > 858 and this is false [1001] > [858] ??

Stephen James

@sjames1958gm

@PatrickMoumiet Probably hard to know, but if those both get interpreted as NaN then NaN > NaN is also false.

@Dimitrios51 Why would your margin-top be set to vw and not to vh ? Seems odd using width for margin-top and not height
Not sure if that will solve your issue

Pat

@PatrickMoumiet

@sjames1958gm if I write [858] > [1001] it is true...^^. It is not possible to compare values of two arrays ? ( the numbers inside them)

Stephen James

@sjames1958gm

@PatrickMoumiet Well that shoots down my theory :(

@PatrickMoumiet I don't believe you can directly compare arrays that way. You would need to extract the numbers. Not sure what is happening internally in the browser

Pat

@PatrickMoumiet

@sjames1958gm hm ok thank you

CamperBot

@camperbot

patrickmoumiet sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:

:star2: 9154 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm

Ken Haduch

@khaduch

@PatrickMoumiet - Good day. I would think that one way that this comparison would be happening would be to compare the reference (like the memory address) of the array objects, since you are comparing the array instances themselves? But it's a good question, for sure? I am trying an experiment and the only thing that makes sense is that if I create an array variable like var arr1 = [1001]; and then var arr2 = arr1; is that those compare as equal using ===. I can believe that is true because in that case both variables are assigned to point to the same array.

Ken Haduch

@khaduch

@PatrickMoumiet - this article has a treatment of comparison of objects - it does show that the case similar to what I mentioned about assigning the values, but doesn't really dwell on the > or < aspect, so it doesn't really answer that part of the question. I guess it depends on the implementation of the javascript engine, at least it might.

Kingsley

@Kingwindie

can someone help me with this js error,i ran the debugger and it says "document is not defined" here is my code ``
function showMenu() {
var dropMenu = document.getElementsByClassName("dropMenu");
dropMenu.style.display = "block";
}

function hideMenu() {
var dropMenu = document.getElementsByClassName("dropMenu");
dropMenu.style.display = "none";
}

var dropBtn = document.getElementById("dropBtn");
dropBtn.addEventListener("mouseover", showMenu);

dropBtn = document.getElementById("dropBtn");
dropBtn.addEventListener("mouseout", hideMenu);```

``function showMenu() {
var dropMenu = document.getElementsByClassName("dropMenu");
dropMenu.style.display = "block";
}

function hideMenu() {
var dropMenu = document.getElementsByClassName("dropMenu");
dropMenu.style.display = "none";
}

var dropBtn = document.getElementById("dropBtn");
dropBtn.addEventListener("mouseover", showMenu);

dropBtn = document.getElementById("dropBtn");
dropBtn.addEventListener("mouseout", hideMenu);``

Where communities thrive

People

Repo info

Activity