FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

redixhumayun

@redixhumayun

http://codepen.io/redixhumayun/pen/JKryAZ/?editors=0011

Hey, I know this is asking a lot, but I'm having a lot of trouble with my Simon Game. It works fine, except when it hits the third iteration, and then it goes haywire, calling the same function twice without iterating over any of the variables I've set up as a counter. Can anybody help me out here?

kirbyedy

@kirbyedy

This message was deleted

Tyler Moeller

@TylerMoeller

@damianpcollier Not sure why this would fail in webmatrix. MS recommends using Visual Studio Code nowadays anyway - have you tried with that IDE and their HTML Previewer plugin?

Ajay Tanwar

@ajayt365

hello people . i am experiencing a problem with this http://codepen.io/ajayt365/pen/RRYOdk . i set my divs "class=box" height 5%. but it's not displaying the div with background color :red but when i do height:100px , the divs are shown . what is the reason for this ? also there is vertical scroll when i set margin:0 on body . why? please help

Damian Collier

@damianpcollier

@TylerMoeller I haven't tried Visual Studio. I do use that for SQL development. Is that what you use?

Tyler Moeller

@TylerMoeller

@damianpcollier I have switched to Atom because of better linting support - could not get Visual Studio Code to fix on save with eslint, jshint, or jscs.

Sorin Ruse

@sorinr

@ajayt365 just make it <div class="box" id="first">first</div>, ecc for all divs to see whats happening

Damian Collier

@damianpcollier

@TylerMoeller I am wondering whether it's the sites that I am looking at. Just looked at somewhere called forismatic and that seems to work. Tried a number of other sites with no real success

Luke

@lukenetti3

Hey guys, probably a simple answer, but how come after I type in a search in my twitch.tv project I can’t then click the buttons to show all or online or offline? Is there some clearing I need to do at the end of my search? Heres my code. http://codepen.io/lukenetti3/pen/yJxWaB?editors=0010

Darth Skywalker

@adityaparab

@lukenetti3 : Luke! My Son! :sweat_smile:

Ajay Tanwar

@ajayt365

@sorinr i did that , height:10% has no effect over divs . do you know why ? when i set height to 100px , the height of the divs increase .

Octo the Coder

@octopinky

I need help with record collection

function updateRecords(id, prop, value) {

  if(collection[id].hasOwnProperty(prop)){
    if(collection[id][prop]===""){
      delete collection[id][prop];
    }
    else{
      collection[id][prop].push([value]);
    }

  }
  collection[id][prop]=value;
  return collection;
}

Sorin Ruse

@sorinr

@ajayt365 if you want your divs having a certain height you should try min-height: 100px; max-height: like 300px; and if you want to scroll that regionadd overflow

Ajay Tanwar

@ajayt365

yeah i know that @sorinr but i wanted why % are not working in this case ?

Sorin Ruse

@sorinr

@ajayt365 because the parent of that boxes have no hight. try add to css this class: .content{ height: 800px;} to see what happens and let the box class as you defined it

Dustin

@Key-Banger

I'm having a bootstrap modal issue. Any help is appreciated. Basically trying to show a win/lose modal. For some reason the pick a side modal shows fine, but the win/lose modal doesnt show up right.

http://codepen.io/Key-Banger/pen/grNKoo?editors=0110

Ajay Tanwar

@ajayt365

@sorinr yeah it worked mate . can u help me with scrollbar as well ? the height of the div is not greater than body then why do i have vertical scrollbar there ?

why body have space at the top ? please do inspect element @sorinr

Sorin Ruse

@sorinr

@ajayt365 add this to html, body in the css: padding: 0px, margin: 0px; overflow: hidden;

Muhammad Hasham

@MuhammadHasham23

need help with 'sorted uniob

Ajay Tanwar

@ajayt365

@sorinr i know it will remove the scrollbar but wanted to know what's causing that vertical scrollbar ?

there is also white space above body even after doing overflow:hidden . why so ?

Sorin Ruse

@sorinr

@ajayt365 remove the hight: 100% from your body to see the effect

Sorin Ruse

@sorinr

@ajayt365

html{
  width:100%;
}
body{
  min-height: 100%;
  margin:0;
  padding:0;
}

Reggie

@Reggie01

@Key-Banger you need to add a z-index property to .modal-win. You can read about z-index at w3schools.

// css
.modal-win{
    position: relative;
}
// js
$('.modal-win').modal('show');
$('.modal-win').css("zIndex", 1); // insert

I did that wrong. The dialog box is not on top. I'll edit it once I fix it.

Dustin

@Key-Banger

@Reggie01 yea, that brings it in front of the game board still behind modal backdrop

Sorin Ruse

@sorinr

@Key-Banger make it z-index: 9999; the highest level

Ajay Tanwar

@ajayt365

@sorinr did that still white space above body

Dustin

@Key-Banger

That works. Thanks, any reason why 10, 100 or 1000 wont work and 9999 will?

@sorinr @Reggie01 thanks

CamperBot

@camperbot

key-banger sends brownie points to @sorinr and @reggie01 :sparkles: :thumbsup: :sparkles:

:cookie: 356 | @reggie01 |http://www.freecodecamp.com/reggie01

:cookie: 589 | @sorinr |http://www.freecodecamp.com/sorinr

Dustin

@Key-Banger

Never mind I found the z index on the backdrop.

Sorin Ruse

@sorinr

@Key-Banger welcome. the idea is this: if you have the overlayer at z-index: 1000 for example, you should make your modal z-index: 1001 to be above overlayer and anything behind overlayer its unclickable but the modal

@ajayt365 not for me: look here: http://codepen.io/sorinr/pen/rLkgbr

José

@zelite

was all happy with my first version of the weather app.. and now.. since I'm using github pages, I need a api that sends me things over https =(

Ajay Tanwar

@ajayt365

@sorinr it shows the space abive in ur codepen link as well bro.

above body

Sorin Ruse

@sorinr

@ajayt365 what browser are you testing on?

Ajay Tanwar

@ajayt365

chrome

Sorin Ruse

@sorinr

me too

Ajay Tanwar

@ajayt365

still , how can i screenshot here that would be mire clear i guess?

send*

@sorinr any tool to send screenshot here?

Sorin Ruse

@sorinr

@ajayt365 no need. i;ve change the color background for html tag and body tagand i;ve seen what u mean

Ajay Tanwar

@ajayt365

so what's causing that space above ?

since margin:0 html and body should completely overlop

overlap*

Where communities thrive

People

Repo info

Activity