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
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
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);``

```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);
```

i can't remember how to format the markdown thing
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);
Markus Kiili
@Masd925
@Kingwindie One problem that I saw is that getElementsByClassName returns an array-like HTMLCollection, and you are using its style property:
Kingsley
@Kingwindie
so it say's document is not defined
Markus Kiili
@Masd925
var dropMenu = document.getElementsByClassName("dropMenu");
dropMenu.style.display = "none";
DOM elements are elements of that array-like object.
Kingsley
@Kingwindie
  <li id="dropBtn">
                <a href="kco_3_buying.htm">Buying Tips &#9662</a>
                <ul class="dropMenu">
                    <li>
                        <a href="#tip1">First time buyers</a>
                    </li>
                    <li>
                        <a href="#tip2">The Size Of Your Wallet</a>
                    </li>
                    <li>
                        <a href="#tip3">Your Terrain Preference</a>
                    </li>
                    <li>
                        <a href="#tip4">Gearing Up To Ride</a>
                    </li>
                    <li>
                        <a href="#tip5">Size Matters</a>
                    </li>
                    <li>
                        <a href="#tip6">Materials That Matter</a>
                    </li>
                    <li>
                        <a href="#tip7">The Best Brands</a>
                    </li>
                    <li>
                        <a href="#tip8">Test It</a>
                    </li>
                </ul>


            </li>
Ian
@toianw
@PatrickMoumiet [858] > [1001] will become "858" > "1001" which is true. The javascript engine will first try to convert the arrays to primitives. It seems that first it tries with the valueOf() method and if that doesn't return a primitive it uses the toString() method. If you want to (just for fun :smile: ) you could make it work how you expect by defining a custom valueOf() method for arrays.
const arr1 = [858];
const arr2 = [1001];

console.log(arr1 + arr2); // "8581001"
console.log(typeof(arr1 + arr2));  // 'string'
console.log(arr1 > arr2); // true (string comparison)

// Define a custom valueOf method for arrays:
Array.prototype.valueOf = function() {
  if (this.length === 1) {
    return this[0];
  }
};

console.log(arr1 + arr2);  // 1859
console.log(typeof(arr1 + arr2)); // "number"
console.log(arr1 > arr2);  // false
It's easier to see what's happening with the + operator than the > operator
Amit Patel
@AmitP88
hey guys, I'm trying to get my (+) button to increment faster on click & hold by implementing this solution https://stackoverflow.com/questions/79816/need-javascript-code-for-button-press-and-hold but for some reason it won't work. There aren't any errors in dev console that indicate that something is wrong with the function, and I've read over the solution (and my implementation of it) over a few times, and I still can't figure out what I'm doing wrong. Please help
https://codepen.io/AmitP88/pen/ZxWRmx?editors=0010