These are chat archives for FreeCodeCamp/HelpFrontEnd

13th
Apr 2017
Gulsvi
@gulsvi
Apr 13 2017 00:01
@jmariomejiap All you need are these three lines in your getJSON callback:
        var skycons = new Skycons();
        skycons.add(document.getElementById('skycon'), data.currently.icon);
        skycons.play();
The third line is optional - only if you want it animated
@Kenard0 I would recommend using a different Weather API - it will cause fewer headaches if you can use one that supports HTTPS. They need to update the challenge, it's a couple of years old now. Try Weather Underground, Apixu, or Dark Sky. Those are all free and support HTTPS
@derhallim setTimeout(autoWrite, 3000);
Roxroy
@roxroy
Apr 13 2017 00:03
@derhallim , don't call setInterval again, you are triggering it after 3s (3000). Remove that line for it to stop
Kenard Ellis
@Kenard0
Apr 13 2017 00:05
thanks @derhallim
CamperBot
@camperbot
Apr 13 2017 00:05
kenard0 sends brownie points to @derhallim :sparkles: :thumbsup: :sparkles:
:cookie: 187 | @derhallim |http://www.freecodecamp.com/derhallim
Mohamed Derhalli
@derhallim
Apr 13 2017 00:05
i got it to work :D thanks @SkyCoder01 @roxroy
CamperBot
@camperbot
Apr 13 2017 00:05
derhallim sends brownie points to @skycoder01 and @roxroy :sparkles: :thumbsup: :sparkles:
:cookie: 641 | @roxroy |http://www.freecodecamp.com/roxroy
:star2: 1017 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 13 2017 00:06
@derhallim :)
Cool idea - maybe use placeholder instead of value?
Mohamed Derhalli
@derhallim
Apr 13 2017 00:12
for a change :D @SkyCoder01
just to learn new stuff
aaaaaaaaaah ur right
ah it has same effect

@SkyCoder01 how can I make it, when u click on the textbox, to remove the function?

http://codepen.io/Derhallim/pen/pPoLJa?editors=1010

Mohamed Derhalli
@derhallim
Apr 13 2017 00:17
it's not picking up the onclick
Gulsvi
@gulsvi
Apr 13 2017 00:18
I would do something like this:
function autoWrite(element, string) {
  element.placeholder = '';
  const letters = string.split('');
  let counter = 0;

  const addText = () => {
    element.placeholder += letters[counter];
    counter++;
    if (counter === letters.length) {
      counter = 0;
      clearInterval(writer);
    }
  }

  const writer = setInterval(addText, 100);
}

document.getElementById('s').onclick = () => autoWrite(document.getElementById('s'), 'Search for anything');
autoWrite(document.getElementById('s'), 'Search for anything');
Not sure if that's what you were asking for?
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:19
@SkyCoder01 :wave:
Gulsvi
@gulsvi
Apr 13 2017 00:20
Hello @MathematicsCoding
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:22
I was asking for help but never mind...
I just have to research some methods from this challenge and I will ask for help if needed
Gulsvi
@gulsvi
Apr 13 2017 00:23
Sounds good
Mohamed Derhalli
@derhallim
Apr 13 2017 00:23
@SkyCoder01 but why are u executing the autowrite on click?
Gulsvi
@gulsvi
Apr 13 2017 00:23
My browser is open, just doing homework
Mohamed Derhalli
@derhallim
Apr 13 2017 00:23
:S
Gulsvi
@gulsvi
Apr 13 2017 00:24
Were you trying to stop autowrite onclick?
Mohamed Derhalli
@derhallim
Apr 13 2017 00:24
yea
i want to stop so the user can type :joy:
Gulsvi
@gulsvi
Apr 13 2017 00:24
If you use placeholder, it automatically stops
Mohamed Derhalli
@derhallim
Apr 13 2017 00:24
it didn't
Gulsvi
@gulsvi
Apr 13 2017 00:24
when they start typing anyway
Mohamed Derhalli
@derhallim
Apr 13 2017 00:24
it kept adding the place holder while am typing
let me verify
how do u use onclick and placeholder directly on elements
Gulsvi
@gulsvi
Apr 13 2017 00:25
I'll try it in another browser, works on Chrome though
document.getElementById('s').onclick = function() {}
Mohamed Derhalli
@derhallim
Apr 13 2017 00:25
dont u need add event listener?
and setAttribute(placeholder
how do u access these right away?
Gulsvi
@gulsvi
Apr 13 2017 00:26
You can also do it that way: document.getElementById('s').addEventListener('click', function() {});
Mohamed Derhalli
@derhallim
Apr 13 2017 00:26
but is document.getElementById('s').onclick .. this is ES6?
Gulsvi
@gulsvi
Apr 13 2017 00:26
placeholder is a property and document.getElementById('s') is an object
I'm not sure if it's ES6 or not, hmmm
Mohamed Derhalli
@derhallim
Apr 13 2017 00:27
first time to see accessing properties directly like that :joy:
feels like ruby or another alien language to me, gd 2 know
Gulsvi
@gulsvi
Apr 13 2017 00:27
lol, one day I did a console.log(document.getElementById('idName')) and then just started playing around with it
Lots of properties
Mohamed Derhalli
@derhallim
Apr 13 2017 00:28
ahaa
cool
Gulsvi
@gulsvi
Apr 13 2017 00:28
I think it's all ES5
Mohamed Derhalli
@derhallim
Apr 13 2017 00:28
aha
Gulsvi
@gulsvi
Apr 13 2017 00:28
The MDN page for it doesn't mention the ES6 spec or anything like the other ES6/ES7 stuff
Mohamed Derhalli
@derhallim
Apr 13 2017 00:28
why did u have the function accepts params instead of calculating stuff inside it?
Gulsvi
@gulsvi
Apr 13 2017 00:29
Then it's a reusable function - copy/paste into another app
Try to abstract all the code inside the function so it isn't specific to any text or element names
sounds so cool to say "abstract" and know what I'm saying lol
Mohamed Derhalli
@derhallim
Apr 13 2017 00:29
"functional programming"
am not able to think functional :joy:
Gulsvi
@gulsvi
Apr 13 2017 00:30
LOL
Pagnito
@Pagnito
Apr 13 2017 00:30
@SkyCoder01 for some reason i keep getting my nested ajax with all properties undefined
Mohamed Derhalli
@derhallim
Apr 13 2017 00:30
yea, lots of people tend to say abstract and bootstrap without knowing what is goin on
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:30
@derhallim lmao
Mohamed Derhalli
@derhallim
Apr 13 2017 00:31
u'll find people saying: u need to bootstrap ur project
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:31
Im going to create another weather app..
Old one is failure
Gulsvi
@gulsvi
Apr 13 2017 00:33
@Pagnito Did you use different variable names for both?
Pagnito
@Pagnito
Apr 13 2017 00:33
@SkyCoder01 for th data?
Gulsvi
@gulsvi
Apr 13 2017 00:33
Like streamData and channelData?
Yeah, for function(data) that needs to be different or one will overwrite the other I think - or maybe just be all undefined
Pagnito
@Pagnito
Apr 13 2017 00:34
@SkyCoder01 yea it does it either way
if i put url of the nested ajax api
Gulsvi
@gulsvi
Apr 13 2017 00:35
@Pagnito Looking at your pen again, the second ajax call is still outside of your first one
Pagnito
@Pagnito
Apr 13 2017 00:35
apiArray[2] or w/e number it works
@SkyCoder01 i dunno how that can be, my brackets all seem in the right place
jmariomejiap
@jmariomejiap
Apr 13 2017 00:36
@SkyCoder01 thank you sooooo much. I really appreciate the help and support you give us all the time.
CamperBot
@camperbot
Apr 13 2017 00:36
:star2: 1018 | @skycoder01 |http://www.freecodecamp.com/skycoder01
jmariomejiap sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
Gulsvi
@gulsvi
Apr 13 2017 00:36
@jmariomejiap Happy to help!
@Pagnito On line 155, your success function is closed
Something is wrong with my background color gray...
I cant find out why
Pagnito
@Pagnito
Apr 13 2017 00:38
@SkyCoder01 oh hold on i havent saved it
k look at it now
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:39
What is the hell is wrong my code
Pagnito
@Pagnito
Apr 13 2017 00:40
@MathematicsCoding I think because * gives all ur elements background of black
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:40
.. I thought * meant to be "body"
Well you are correct thanks @Pagnito
CamperBot
@camperbot
Apr 13 2017 00:40
mathematicscoding sends brownie points to @pagnito :sparkles: :thumbsup: :sparkles:
:cookie: 201 | @pagnito |http://www.freecodecamp.com/pagnito
Pagnito
@Pagnito
Apr 13 2017 00:40
@MathematicsCoding nah, it selects all element i believe
@MathematicsCoding np
Gulsvi
@gulsvi
Apr 13 2017 00:41
@Pagnito Change your for() loop to use let instead of var or use a loop with a callback, like forEach.
Pagnito
@Pagnito
Apr 13 2017 00:42
k hold on
whats the diffirence between let and var
Gulsvi
@gulsvi
Apr 13 2017 00:44
@Pagnito Read that link I sent - the last answer talks about let
Pagnito
@Pagnito
Apr 13 2017 00:44
k
@SkyCoder01 mannnnn...thanks again lol
CamperBot
@camperbot
Apr 13 2017 00:45
pagnito sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1019 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 13 2017 00:46
No problem!
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:47
@SkyCoder01 Hey
How do I get the image to be fit if they are too big?
in codepen
Rudy Hernandez
@rudolphh
Apr 13 2017 00:48
make it fit
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:48
...
Gulsvi
@gulsvi
Apr 13 2017 00:48
@MathematicsCoding A background image?
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:48
Yes
In css
Gulsvi
@gulsvi
Apr 13 2017 00:49
@MathematicsCoding This is a great article about full screen background images: https://css-tricks.com/perfect-full-page-background-image/
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:50
oh background-size: cover..
Gulsvi
@gulsvi
Apr 13 2017 00:50
It has a few different approaches and explains some of the issues with background-size: cover
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:50
Thanks @SkyCoder01
CamperBot
@camperbot
Apr 13 2017 00:50
mathematicscoding sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1020 | @skycoder01 |http://www.freecodecamp.com/skycoder01
What do you think
Gulsvi
@gulsvi
Apr 13 2017 00:51
I've seen a few people use that background image for their weather app :p
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:51
lol
So I dont have to change background image again and again..
Gulsvi
@gulsvi
Apr 13 2017 00:51
It's a good image for a weather app
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:51
Yeah thanks
Gulsvi
@gulsvi
Apr 13 2017 00:51
Make your screen smaller though, and you'll see it repeats
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:52
There is no-repeat right?
I forgot the code for that
Gulsvi
@gulsvi
Apr 13 2017 00:52
It's all in that article I sent you :)
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:52
Okay
Gulsvi
@gulsvi
Apr 13 2017 00:52
first chunk of code at the very top
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:53
Yeah then its blank..
taipo1
@taipo1
Apr 13 2017 00:54
Hey fokes can someone help me out
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:54
oh I had to delete just -image
i have 4 divs setup with the id of slot-1,slot-2 and so on i am trying 2 add random background images out of a array of 8 but for some reason the images wont add
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:56
"img/background-"+i+".jpg"
IS it really image from internet?
Just asking
taipo1
@taipo1
Apr 13 2017 00:57
what do you mean ?
i am building i locally atm
in the image map there are 8 jpgs with the name background-0, background-1 etc
@MathematicsCoding do you know whats wrong with the code tough ? :smile:
Saboor Malik
@MathematicsCoding
Apr 13 2017 00:59
Not really :(
Is this your last project for front end?
taipo1
@taipo1
Apr 13 2017 01:00
no why
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:01
Oh how are you already more experienced with JavaScript?
Pagnito
@Pagnito
Apr 13 2017 01:01
@SkyCoder01 dude getting over this part feels like i was constipated for a whole week and just took a the biggest shit just now
taipo1
@taipo1
Apr 13 2017 01:01
just keep building stuff
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:01
..
No seriously lol
about @taipo1
CamperBot
@camperbot
Apr 13 2017 01:01
:cookie: 220 | @taipo1 |http://www.freecodecamp.com/taipo1
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:02
Hm...
Gulsvi
@gulsvi
Apr 13 2017 01:02
Uhh, glad you are relieved @Pagnito :poop:
taipo1
@taipo1
Apr 13 2017 01:02
about @MathematicsCoding
CamperBot
@camperbot
Apr 13 2017 01:02
:cookie: 308 | @mathematicscoding |http://www.freecodecamp.com/mathematicscoding
taipo1
@taipo1
Apr 13 2017 01:02
@SkyCoder01 do you know whats wrong with my code
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:02
:( my information is leaked
Roxroy
@roxroy
Apr 13 2017 01:02
@taipo1 , you should host the images on a public site so that you can access them from your js script. Upload the image then incorporate the url and update the index to get the appropriate one
Pagnito
@Pagnito
Apr 13 2017 01:02
@SkyCoder01 haha
Gulsvi
@gulsvi
Apr 13 2017 01:02
@taipo1 It's a bit hard to follow without a live demo, I can take a look and see if anything jumps out though
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:03
@SkyCoder01 Remember that image I added?
I added it to my desktop lol
taipo1
@taipo1
Apr 13 2017 01:03
i initialy get that @roxroy thing is i am building the website localy and replacing image url with hard coded url would make the whole script useless
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:03
I was trying to find best background for my desktop..
Gulsvi
@gulsvi
Apr 13 2017 01:04
You could push it to github @taipo1 then we could debug it from there. Your relative paths don't have to change
taipo1
@taipo1
Apr 13 2017 01:04
got a minute ?
Gulsvi
@gulsvi
Apr 13 2017 01:04
Yeah, just making dinner
taipo1
@taipo1
Apr 13 2017 01:05
never done github before tough
Roxroy
@roxroy
Apr 13 2017 01:06
@taipo1 , a public url is accessible both privately and publicly and will work regardless. The benefit it that I can test the code and provide meaningful help to you.
Gulsvi
@gulsvi
Apr 13 2017 01:08
lol @MathematicsCoding I didn't see that you added it to your dektop
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:08
@derhallim Nice
Gulsvi
@gulsvi
Apr 13 2017 01:08
@derhallim Nice! A bit mesmerizing, keeps telling me to search :)
Mohamed Derhalli
@derhallim
Apr 13 2017 01:08
:joy: yea
Gulsvi
@gulsvi
Apr 13 2017 01:09
Search for something
you know you want to
Mohamed Derhalli
@derhallim
Apr 13 2017 01:09
I've seen stuff like this on some sites
Gulsvi
@gulsvi
Apr 13 2017 01:09
go ahead, do it
Mohamed Derhalli
@derhallim
Apr 13 2017 01:09
but would be different style
but same idea :joy:
udemy used something like this for a while for their videos
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:09
@SkyCoder01 I still cant fi
Jeez... So that was the problem
For some reasons I couldnt even type all words like keyboard glitch but it was caused by @derhallim codepen
I closed it...
Collapsed*
Mohamed Derhalli
@derhallim
Apr 13 2017 01:10
wow, cross pens effect :joy:
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:11
:(
Mohamed Derhalli
@derhallim
Apr 13 2017 01:11
let me change the title to : super advanced search box
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:11
@SkyCoder01 ok.. I still cant figure out how to make "box" smaller
You know what im talking about lol
The width more smaller
taipo1
@taipo1
Apr 13 2017 01:14
how do i upload it to get
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:14
@taipo1 Codepen?
taipo1
@taipo1
Apr 13 2017 01:15
github*
Gulsvi
@gulsvi
Apr 13 2017 01:16
@taipo1 create a repo called taipo1.github.io, then you'll see a button that says "upload files", just drag and drop your project there. I think that's how it works, but have only uploaded individual files. Github has a desktop app that syncs your local folder with the repository - which may be easier.
Probably will take some time to figure it out if it doesn't work the first time, but probably a good thing to learn - will help others help you in the future
@MathematicsCoding something like this will center a div and make it 50% narrower:
  width: 50%;
  margin: 0 auto;
Not sure what box you're talking about though
I created my github.io site manually, just use it for file hosting. https://skycoder01.github.io/cat.mp4
Everything you upload can be accessed that way
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:20
@SkyCoder01 why 0 auto?
Gulsvi
@gulsvi
Apr 13 2017 01:20
That centers block elements, like <div>s
automatically take up all space on the left and right
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:20
Well I tried it without 0 seems working
Gulsvi
@gulsvi
Apr 13 2017 01:21
The 0 is for top/bottom, the auto is for left/right
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:21
Oh make sense
Why wont the button update?
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:23
It worked in my old codepen but still
I even added jquery to JS setting
Gulsvi
@gulsvi
Apr 13 2017 01:25
@MathematicsCoding Your html comment at the end is messing things up
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:25
...
Gulsvi
@gulsvi
Apr 13 2017 01:26
You don't end the comment, so the browser can't find a closing </body> or </html> tag
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:26
Now that solved the problem
I added --> tho
Gulsvi
@gulsvi
Apr 13 2017 01:26
The one I saw only had <!-- not the closing part -->
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:27
Yeah like I said I added :)
Gulsvi
@gulsvi
Apr 13 2017 01:27
Oh, I thought you meant it was there before and still not working
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:27
oh lol
taipo1
@taipo1
Apr 13 2017 01:27
@SkyCoder01
Gulsvi
@gulsvi
Apr 13 2017 01:29
@taipo1 That's a gist, you need a create a repository that has all your files and folders in it. Like css/style.css
taipo1
@taipo1
Apr 13 2017 01:29
wait i got it i think
Enter a name, click that checkbox to initialize it with a readme (important step!)
taipo1
@taipo1
Apr 13 2017 01:30
the readme part is what i did wrong the first time
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:30
What do you think
Full page seems cool
Gulsvi
@gulsvi
Apr 13 2017 01:31
@taipo1 Cool, now click the drop-down where it says "Branches: master" and enter gh-pages to create a gh-pages site
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:31
Alright bye I will come back to work on it later
Gulsvi
@gulsvi
Apr 13 2017 01:32
Then we'll be able to get to it via: https://taipo1.github.io/background
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:32
Hold on Can I make the background image lighter like background color?
taipo1
@taipo1
Apr 13 2017 01:32
you can change the opacity
Gulsvi
@gulsvi
Apr 13 2017 01:32
Yeah, looks nice @MathematicsCoding make your body element height: 100vh though to get rid of the white space at the bottom
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:33
@SkyCoder01 I dont see any white space at the bottom?
Gulsvi
@gulsvi
Apr 13 2017 01:33
Make your browser smaller @MathematicsCoding :)
taipo1
@taipo1
Apr 13 2017 01:34
looks good @MathematicsCoding
Gulsvi
@gulsvi
Apr 13 2017 01:34
@taipo1 Nice, it's now hosted in a way that me or @roxroy can take a closer look: https://taipo1.github.io/background/
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:34
@taipo1 thanks
CamperBot
@camperbot
Apr 13 2017 01:34
:cookie: 221 | @taipo1 |http://www.freecodecamp.com/taipo1
mathematicscoding sends brownie points to @taipo1 :sparkles: :thumbsup: :sparkles:
taipo1
@taipo1
Apr 13 2017 01:34
well thanks for learning me github :smile:
thank @SkyCoder01
CamperBot
@camperbot
Apr 13 2017 01:34
taipo1 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1021 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:35
@SkyCoder01 I did 100vh thing and now there is really really tiny white space at bottom..
101vh? lol
whats vh? h = height?
taipo1
@taipo1
Apr 13 2017 01:35
viewportheight
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:36
oh
I guess it just the browser
taipo1
@taipo1
Apr 13 2017 01:36
so the height of the browser on x device
Saboor Malik
@MathematicsCoding
Apr 13 2017 01:36
What if I do height: cover?
Never mind
Gulsvi
@gulsvi
Apr 13 2017 01:36
@taipo1 One small typo - your js folder has a capital J so your javascript isn't loading
taipo1
@taipo1
Apr 13 2017 01:37
but i can do inputs on the console localy
and the console .logs show up
Mohamed Derhalli
@derhallim
Apr 13 2017 01:38

how can I make the search results responsive and as wide as the textbox? if I try to set width with pixels, it won't work, will be always wide, trying with % doesn't work? :'(

http://codepen.io/Derhallim/pen/PmoemB?editors=1101

NattiL
@NattiL
Apr 13 2017 01:39
Hi, I used the bootstrap grid system for placing images and added padding, the padding works only on the desktop size but not on a small size. Does anyone know why?
taipo1
@taipo1
Apr 13 2017 01:39
.single-search-result{
border-bottom: 1px solid white;
width: 100%;
font-size: 20px;
changing the width of .single-search-result to 100% wouldmake the background as wide as the text
@derhallim
@NattiL
Mohamed Derhalli
@derhallim
Apr 13 2017 01:40
i tried, didn't work
did it work on ur site?
taipo1
@taipo1
Apr 13 2017 01:41
i tried it in codepen and it worked @derhallim
Mohamed Derhalli
@derhallim
Apr 13 2017 01:41
send me the link plz
Mohamed Derhalli
@derhallim
Apr 13 2017 01:42
they are not as wide as the textbox ...
taipo1
@taipo1
Apr 13 2017 01:42
@NattiL have you tried using <div class="col-md-3 col-md-offset-1></div>
i understood you wrong 1 second @derhallim
@SkyCoder01 any news :D
V Arun Kumar
@arunvkumr
Apr 13 2017 01:45
@derhallim put the input and results in the same col-md-12 div, it should work.
<div class='search-results'>
    <div class="row">
        <div class="col-md-12">
      <input type="search" id="search">
            <div class="single-search-result">
            ABC
            </div>
        </div>
    </div>
Gulsvi
@gulsvi
Apr 13 2017 01:46
@taipo1 I am debugging now - I think it has to do with the fact that you are trying to load the entire image object as the background instead of the url of the image
Mohamed Derhalli
@derhallim
Apr 13 2017 01:47
@arunvkumr i have many "single-search" elements, can't put it above one
NattiL
@NattiL
Apr 13 2017 01:47
@taipo1 Hey, what does it supposed to do? I tried it now on one image and it looks jumbled
Gulsvi
@gulsvi
Apr 13 2017 01:47

@taipo1 Yeah, that was the bug. Change this line:

document.getElementById(id).style.backgroundImage=(images[1]);

to:

    document.getElementById(id).style.backgroundImage= 'url(' + images[1].src + ')';
taipo1
@taipo1
Apr 13 2017 01:48
@SkyCoder01 thnx alot dude !!
CamperBot
@camperbot
Apr 13 2017 01:48
taipo1 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: taipo1 already gave skycoder01 points
Mohamed Derhalli
@derhallim
Apr 13 2017 01:49
@taipo1 ur solution is not responsive, on small screen, scroll appears
can't put 200px as width
V Arun Kumar
@arunvkumr
Apr 13 2017 01:49
@derhallim to keep the elements of the same width, they should be on the same row and col-*-12. for single-search you can wrap it in its own div.
taipo1
@taipo1
Apr 13 2017 01:49
fair enough
Mohamed Derhalli
@derhallim
Apr 13 2017 01:49
let me try

@arunvkumr here, didn't work :

http://codepen.io/Derhallim/pen/dWyedZ

V Arun Kumar
@arunvkumr
Apr 13 2017 01:53
@derhallim keep only one row, inside that row you can have many col-*-12
Mohamed Derhalli
@derhallim
Apr 13 2017 01:55
V Arun Kumar
@arunvkumr
Apr 13 2017 02:01
@derhallim right now, i'm kinda busy, give me some time.. i will work on it and post here..
Tanushree Samanta
@TSamanta
Apr 13 2017 02:04
I was trying to use materialize css on my pen
Mohamed Derhalli
@derhallim
Apr 13 2017 02:04
@arunvkumr thanks
CamperBot
@camperbot
Apr 13 2017 02:04
derhallim sends brownie points to @arunvkumr :sparkles: :thumbsup: :sparkles:
:cookie: 587 | @arunvkumr |http://www.freecodecamp.com/arunvkumr
Tanushree Samanta
@TSamanta
Apr 13 2017 02:05
but it's not making my
Saboor Malik
@MathematicsCoding
Apr 13 2017 02:05
Click it guys
Tanushree Samanta
@TSamanta
Apr 13 2017 02:05
autocorrrect work
what to do about it
*autocomplete
NattiL
@NattiL
Apr 13 2017 02:05
@taipo1 I found my mistake, thank you anyway!
CamperBot
@camperbot
Apr 13 2017 02:05
nattil sends brownie points to @taipo1 :sparkles: :thumbsup: :sparkles:
:cookie: 222 | @taipo1 |http://www.freecodecamp.com/taipo1
Gulsvi
@gulsvi
Apr 13 2017 02:06
@TSamanta materialize broke your .autocomplete()?
Tanushree Samanta
@TSamanta
Apr 13 2017 02:08
I think it did
but then when I remove each and every code and cdn related to materlaize
it starts working again
i am trying to use
materalize's autocomplete
lemme show it to you
Gulsvi
@gulsvi
Apr 13 2017 02:09
@TSamanta I think materialize has a .autocomplete() method in their javascript. jQuery UI has one too. So, you can't use both.
Saboor Malik
@MathematicsCoding
Apr 13 2017 02:10
@SkyCoder01 Hey I have a problem...
Saboor Malik
@MathematicsCoding
Apr 13 2017 02:10
Nothing related to this site
Atom editor has crashed and I cant close its windows...
:9
Tanushree Samanta
@TSamanta
Apr 13 2017 02:12
which os? linux or windows?
@MathematicsCoding
Saboor Malik
@MathematicsCoding
Apr 13 2017 02:12
Mac
macOS
I tried to delete that program but i cant because its open..
Maybe I have to restart..
I have no choice but to restart
Never mind I did force quit that program
Its gone now
V Arun Kumar
@arunvkumr
Apr 13 2017 02:17
@derhallim In col-*-#, change # with the number of grids you need.. replace * with xs,sm,md....
http://codepen.io/arunkumrv/pen/zwYjeZ
Gulsvi
@gulsvi
Apr 13 2017 02:17
@TSamanta The working version seems to work :) as the title says. Are you trying to make that work with Materialize?
Tanushree Samanta
@TSamanta
Apr 13 2017 02:18
i removed the materialize part
it looked so beautiful with that
but itbroke my heart when it didn't work
:cry:
Gulsvi
@gulsvi
Apr 13 2017 02:19
Materialize uses a slightly different way to get Autocomplete working - you can still make it work
Tanushree Samanta
@TSamanta
Apr 13 2017 02:20
please help me I have to submit it today
if you can ofc
Gulsvi
@gulsvi
Apr 13 2017 02:21
If you have to submit it today, I'd recommend trying a different jQuery UI Theme instead: http://jqueryui.com/themeroller/
Tanushree Samanta
@TSamanta
Apr 13 2017 02:24
can we do this
let me send the function
like I amtrying to merge it
Mohamed Derhalli
@derhallim
Apr 13 2017 02:28
@arunvkumr thanks man!
CamperBot
@camperbot
Apr 13 2017 02:28
derhallim sends brownie points to @arunvkumr :sparkles: :thumbsup: :sparkles:
:warning: derhallim already gave arunvkumr points
V Arun Kumar
@arunvkumr
Apr 13 2017 02:32
@derhallim :+1:
Tanushree Samanta
@TSamanta
Apr 13 2017 02:33
https://getmdl.io/started/index.html can we try material lite?
Tanushree Samanta
@TSamanta
Apr 13 2017 02:50
@SkyCoder01 see this is the materialize autocomplete code pen

$(function() {
$('input.autocomplete').autocomplete({

 source: function(request, response) {
    $.ajax({
        url: "https://en.wikipedia.org/w/api.php",
        dataType: "jsonp",
        data: {
            'action': "opensearch",
            'format': "json",
            'search': request.term
        },
        success: function(data) {
            response(data[1]);
        }
    });
}

});
});

and this is what i am using in place of
the apple microsoft
Hernan Mendez
@hernanmendez
Apr 13 2017 03:32
guys i made my best effort to make thea impossible difficulty on the tic tac toe challenge but it doesn't work even if everything is AOK http://codepen.io/hernanmendez/pen/PmYEPy?editors=1010
Chris Cullen
@123xylem
Apr 13 2017 03:35
@MohammadHasham Just light green and light red are kinda wishy washy... Just an opinon
It collapses to a menu button.. but mid way the right nav just falls down


<nav class="titleBar navbar navbar-default navbar-fixed-top>
    <div class="container-fluid">
        <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span> 
      </button>

            <a class=" navbar-brand"href="/home"> <img class="logo"src="http://i68.tinypic.com/acc1hd.jpg["></a>


        </div>

            <div class="collapse navbar-collapse" id="myNavbar">

    <ul class=" nav navbar-nav">

                      <li><a href="/home/about">Our Ethos</a></li>
                   <li><a href="/home/eco">Why Eco?</a></li>             
                   <li class="dropdown-submenu">
                <a tabindex="-1" href="/home/categories">Eco Products <span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
</a>
                <ul class="dropdown-menu">
                  <li><a tabindex="-1" href="/home/58eee952eb82f8089bfe3967">Health</a></li>
                  <li><a tabindex="-1" href="/home/58eee892eb82f8089bfe3966">Kitchen</a></li> 
                  <li><a tabindex="-1" href="/home/58eb453278a331156d6dda0c">Homeware</a></li>
                                      </ul>
                  </li>

                  <li><a href="/home/ecoInfo">Eco Info</a></li>
                    <li><a href="/home/contact">Contact Us</a></li>

  </ul>            


<ul  class=" nav navbar-nav navbar-right">

            <!--======================================================USER LOGGED IN BUTTONS?=========================================-->

<% if (currentUser){ %>


               <li ><a href="/home/profile">Hello <%=currentUser.username%>!</a></li>
                              <li><a  href="/logout">LogOut</a></li>
                              <% } %>
<%  if(!currentUser) { %>
                <li><a href="/login">Login</a></li>
                <li><a href="/signup">SignUp</a></li>
            <%    } %>

                         <!--======================================================================================================================-->
                                                  </ul>

</div>
</nav>
Can you help why my right-nav collapses down midway and doesnt give the menu button?
Gulsvi
@gulsvi
Apr 13 2017 03:46
@TSamanta jQuery UI knows how to convert its own ajax data into an autocomplete object. Materialize.js requires it in a different format. You can certainly hook up an onchange event handler to your search input that calls the ajax code you have above, but you'll have to update the data object in the format that materialize.js expects. I'm guessing this wouldn't be a very trivial task - maybe a couple of hours if you are comfortable working with event handlers, APIs, and JSON.
Tanushree Samanta
@TSamanta
Apr 13 2017 03:56
@SkyCoder01 thank you man! I will try what I can even if I can't submit with materialize.js this will be my mission this week to make it
CamperBot
@camperbot
Apr 13 2017 03:56
tsamanta sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1022 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Abi H
@westminsterabi
Apr 13 2017 03:59
can someone help me with the scrollspy on my portfolio?
Gulsvi
@gulsvi
Apr 13 2017 04:01
sure @westminsterabi
Abi H
@westminsterabi
Apr 13 2017 04:03
cool! here's the codepen https://codepen.io/westminsterabi/pen/RpzLgG for some reason it's covering up the header, it's not responding to scrolling and it's completely useless for navigation :\ i'm not sure what i'm doing wrong
Gulsvi
@gulsvi
Apr 13 2017 04:04
Linguistics :) cool, that's what I study, I'll take a look now
@westminsterabi Four changes to get this working:
  1. Your page needs to be taller so you can scroll and see each section get highlighted
  2. Your <div id="#about"> and <div id="#portfolio"> can't have a # in front. Change them to <div id="about"> and <div id="portfolio">
  3. You need jQuery and Bootstrap.js for Scroll Spy to Work
  4. You don't need any JavaScript in your JS Panel
To fix #1, do this (temporarily) in your CSS until you get more content added:
body {
  height: 200vh;
}
Abi H
@westminsterabi
Apr 13 2017 04:11
great! thank you!
@SkyCoder01 the scrollspy is still covering my header for some reason, do you have any idea how to fix that?
Gulsvi
@gulsvi
Apr 13 2017 04:14
@westminsterabi Maybe we have different definitions of what ScrollSpy is. ScrollSpy is Bootstrap JavaScript code that highlights your "About", "Portfolio", and "Contact" links in your navbar as you scroll to those sections.
Your navbar is covering your section titles because it is a fixed navbar. You'll need to add padding to the title of each section to avoid that, or use javascript to adjust the scroll offset
Abi H
@westminsterabi
Apr 13 2017 04:15
okay, cool, sorry about the terminology
Gulsvi
@gulsvi
Apr 13 2017 04:15
Here's some background on the fixed navbar issue covering content twbs/bootstrap#1768
A few different solutions there
Either way - ScrollSpy is good to add - a nice feature and now you have the steps to do it :) I probably just gave you way more info than you wanted because of the different definitions lol :)
Vamp
@the-vampiire
Apr 13 2017 04:32
anyone here have experience with jQuery mobile?

I just want the swipe events…it’s making me include the stylesheet or else I get this huge LOADING text on my screen. but adding the style sheet completely fucks my entire layout. I literally just want the swipe events nothing else. any way to just get those out of it?

maybe similar to a python module loader…
from jQuery mobile add swipe

@SkyCoder01 any idea?
Gulsvi
@gulsvi
Apr 13 2017 04:38
Haven't used jQuery Mobile yet @the-vampiire
Vamp
@the-vampiire
Apr 13 2017 04:38
oh shit I wasnt the only one annoyed by this. someone asked the exact same question in their forums 4 years ago (when this solution was still in alpha). score!
for future reference
ya I looked up the MDN pure JS approach to swipe events and it was ludicrous.
Gulsvi
@gulsvi
Apr 13 2017 04:39
I think touchstart and touchend are supported without jQuery Mobile
Vamp
@the-vampiire
Apr 13 2017 04:40
they are
but I dont want to muck with it
that download builder is awesome. just lets you tak e what you need
now I am unsure. do I include the full js or the .min or both?
never used a custom one before
future refernece: min only works fine
Gulsvi
@gulsvi
Apr 13 2017 04:43
I think it depends on the library - always .min in production, but sometimes using the full one will give you extra debug info during development
Vamp
@the-vampiire
Apr 13 2017 04:55
good point
Chris Cullen
@123xylem
Apr 13 2017 05:26
https://webdevlearning-clayton901.c9users.io/home/ecoInfo
Can i get feedback on the layout of this blog?
I want some margin and my pics to be centered but its tricky
Pagnito
@Pagnito
Apr 13 2017 05:29
just spent 3 hours tryin to figure out why when i press on "online" drop down when the screen below 574 px the the button that drops down stretches out to the whole screen, its driving me nuts right, youll have to load it at below 574 px to see what im talking about now.http://codepen.io/Pagnito/pen/vxbVgj?editors=1010
and if anyone can tell me how to make it so the slidetoggle doesnt effect the parent height on the top would b great too
there is another bug i gotta fix to but im not focusin on it atm, gotta click online twice at first
Rachit Magon
@rmagon
Apr 13 2017 05:33
@SkyCoder01 thank you for pointing that out :) .. i didn't realize that was happening until now will try and fix that as well :D
CamperBot
@camperbot
Apr 13 2017 05:33
rmagon sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1025 | @skycoder01 |http://www.freecodecamp.com/skycoder01
h1tag
@h1tag
Apr 13 2017 05:56
@robbiemu can you check what's wrong with my implementation of the timers?
iso
@iso1048
Apr 13 2017 06:32
  $(document).ready(function(){
    $("button").on("click", function(){
      $("#quote").html("I fear dying in here, while my city burns, and there's no one there to save it. – Bruce Wayne, The Dark Knight Rises");
    });
  });
</script>

<!--TITLE-->
<h1 class="change-color">RANDOM QUOTE MACHINE</h1>
<!--QUOTE-->
<div class="row">
  <div class="col-md-3"></div>
<div class="col-md-6"><p id="quote" class="change-color"> But his soul was mad.  Being alone in the wilderness, it had looked within itself and, by heavens I tell you, it had gone mad. <br><br>- Marlow, Heart of Darkness</p>
  <button class="change-color">new quote</button>
  </div>
  <div class="col-md-3"></div>
</div>

 <p class="text-center change-color footer">coded by gothamknight</p>
Could someone help please. why does the html not change when i click the button?
kirbyedy
@kirbyedy
Apr 13 2017 06:35
well hard to tell, do you have this code on codepen maybe ?
did you load the jquery ?
iso
@iso1048
Apr 13 2017 06:38
Oh. Yes, using codepen. How do you load jQuery?
h1tag
@h1tag
Apr 13 2017 06:41
from the JS settings
iso
@iso1048
Apr 13 2017 06:48
@fortMaximus should i add jquery ui or just jquery?
h1tag
@h1tag
Apr 13 2017 06:48
just jquery
iso
@iso1048
Apr 13 2017 06:49
@fortMaximus still does not work
h1tag
@h1tag
Apr 13 2017 06:49
share the pen
h1tag
@h1tag
Apr 13 2017 06:50
@gothamknight move ur JS code to the JS editor
iso
@iso1048
Apr 13 2017 06:52
@fortMaximus oh awesome. Thanks. Why are the jquery challenges done by putting the jquery code into a script element?
CamperBot
@camperbot
Apr 13 2017 06:52
gothamknight sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 721 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
iso
@iso1048
Apr 13 2017 06:52
what even is a script element?
h1tag
@h1tag
Apr 13 2017 06:53
@gothamknight you can do it using the script elements, but not on Codepen
they separated the html, css, js on Codepen
they want you to write the code this way on Codepen
iso
@iso1048
Apr 13 2017 07:03
@fortMaximus ok. good to know. thanks again
CamperBot
@camperbot
Apr 13 2017 07:03
gothamknight sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:warning: gothamknight already gave fortmaximus points
iso
@iso1048
Apr 13 2017 07:12
@fortMaximus how do I made the border more narrow? When i set a width to the p element, then it stays the same but the text becomes narrower; when I add width to div element, it does nothing.
h1tag
@h1tag
Apr 13 2017 07:16
@gothamknight padding
iso
@iso1048
Apr 13 2017 07:17
@fortMaximus i added padding since I want the text to be a distance form the border. How do I keep this distance the way it is and make the whole div element more narrow?
h1tag
@h1tag
Apr 13 2017 07:19
you said you've tried adjusting width, I can't think of another way
width will change width of the div with the content inside it
iso
@iso1048
Apr 13 2017 07:26
@fortMaximus yeah just tried changing the width and nothing happened. I added width: x; to the col-md-6 class. Would you have expected that to work
?
h1tag
@h1tag
Apr 13 2017 07:26
no
iso
@iso1048
Apr 13 2017 07:27
would I have to make a new class?
h1tag
@h1tag
Apr 13 2017 07:28
@gothamknight try to override the width
by nesting another div ( around the text) inside the first one, and changing the width of that new nested div
FlawlessXD
@FlawlessXD
Apr 13 2017 07:30
Is anyone here employed as a programmer/web dev? And would you be willing to give me 30 minutes of your time for an interview. It's a thing for class
iso
@iso1048
Apr 13 2017 07:30
@fortMaximus and then would I apply the border to that new nested div or leave it where it is currently?
h1tag
@h1tag
Apr 13 2017 07:30
leave it
iso
@iso1048
Apr 13 2017 07:30
ok ill give it a shot
@fortMaximus nah, it had the same effect as changing the width of the p element
Matt
@Misaiah
Apr 13 2017 07:40
Can anyone in here help me with javascript?
Albin Metthey
@ametthey
Apr 13 2017 07:41
@Misaiah what is the issue ?
Matt
@Misaiah
Apr 13 2017 07:41
I have literally searched and seemed to try everything to get a starting number value in a textbox after an onclick button is pressed

so far all I have is:

<!DOCTYPE html>

<html>

<head>
<style>

</style>

</head>

<body>

<form><div id="">
<h1>Sample</h1>

<p>Starting Number <input id="startingNum" type="textbox"/></p>

<p>Ending Number <input id="endingNum" type="textbox"/></p>

<p>Step <input id="stepNum" type="textbox"/></p>

<center><input type="button" value="submit" onclick="tester()"/></center></div>

</form>

<script>

var x = startingNum;
{
for(x=0;x<10;x++) { if ((x%2)==0)document.write(x+' '); } } function tester(){ document.getElementById("startingNum").value; document.getElementById("endingNum").value = "Value 2"; document.getElementById("stepNum").value = "Value 3"; } </script>

</body>
</html>

I apologize for the mess
It is an assignment I am to understand, but I can not find any help anywhere
Albin Metthey
@ametthey
Apr 13 2017 07:47
is it on the JavaScript Basic assignment ?
Matt
@Misaiah
Apr 13 2017 07:48
This is basic JavaScript, but it is not an assignment in FreeCodeCamp
I am applying to a bootcamp course, and they require a general understanding of HTML, CSS, JavaScript and Bootstrap
Albin Metthey
@ametthey
Apr 13 2017 07:49
can you format your code so it's more legible ?
Matt
@Misaiah
Apr 13 2017 07:49
How can I do that?
I just copied and pasted, I was unaware of there being another way
use this
Albin Metthey
@ametthey
Apr 13 2017 07:50
you type ```before your code and at the end also
Exactly @kirbyedy ;)
Matt
@Misaiah
Apr 13 2017 07:52
<!DOCTYPE html>
<html>

    <head>
        <style>

        </style>

    </head>

    <body>

       <form><div id="">
        <h1>Sample</h1>

        <p>Starting Number <input id="startingNum" type="textbox"/></p>

        <p>Ending Number <input id="endingNum" type="textbox"/></p>

        <p>Step <input id="stepNum" type="textbox"/></p>

        <center><input type="button" value="submit" onclick="tester()"/></center></div>

        </form>

       <script>

           var x = startingNum;
           {
               for(x=0;x<10;x++)
               {
                   if ((x%2)==0)document.write(x+' ');
               }
           }

       function tester(){

           document.getElementById("startingNum").value;

           document.getElementById("endingNum").value = "Value 2";

           document.getElementById("stepNum").value = "Value 3";

       }
       </script>

    </body>
</html>
@ametthey
Matt
@Misaiah
Apr 13 2017 08:04

okay, so this is what I was attempting to accomplish @ametthey :

'''
<!DOCTYPE html>

<html>

<head>
    <style>

    </style>

</head>


<body>

    <form><div id="">
        <h1>Sample</h1>

        <p>Starting Number <input id="startingNum" type="textbox"/></p>

        <p>Ending Number <input id="endingNum" type="textbox"/></p>

        <p>Step <input id="stepNum" type="textbox"/></p>

        <center><input type="button" value="submit" onclick="tester();"/></center></div>

    <script>

        var arr = [];

        for(var x=0;x<10;x++){
            if ((x%2)==0) {
                arr.push(x);}
        }

    function tester(){
        document.getElementById("startingNum").value = arr[0]; 
        document.getElementById("endingNum").value = arr[arr.length-1];
        document.getElementById("stepNum").value = arr.length; } 
    </script>

    </form>

</body>

</html>
'''

CamperBot
@camperbot
Apr 13 2017 08:04
:bulb: to format code use backticks! ``` more info
Spyrantis Theodoros
@thodorisanta
Apr 13 2017 08:10

whenever i press a column in the tic tac toe, the size of the column changes. How can i change that?

http://codepen.io/oshikurou/pen/dvEOOX?editors=1111

Jasdeep Singh
@jasdeep92
Apr 13 2017 08:33
https://expandk.blogspot.in/ hi all....please check this and comment... please
Jan Peters
@JanPeters
Apr 13 2017 09:25
http://codepen.io/JanPeters/pen/EWBRJa/?editors=1100
I would like to get the "<hr>" 'around' my headers, so one on the left one on the right
Any help?
Or ideas
Philipp Scholz
@philipp32
Apr 13 2017 09:30

Hey, I get a potential infinite loop at line 11:

function smallestCommons(arr) {
 var allNumbers = [];
 if (arr[0]>arr[1]){
   arr.reverse();
 }
 for (var i=arr[0]; i<=arr[1]; i++){
   allNumbers.push(i);
 }
 var k=0;
 for (var j=1; j<10000000; j++){
      while (j % allNumbers[k] === 0 ){
             k++;
             }
      }  
  return j;
}
smallestCommons([1,5]);

It appears to be the

 while (j % allNumbers[k] === 0 )

expression. Can JS handle 1%2? If not, how do I get around this problem in my code?

def
@defregga
Apr 13 2017 09:57
Morning campers.
Is there a setting in CodePen that controls whether or not a JSON query will be resend everytime the page is reloaded?
If I simply keep reloading this in a browser, I get a different object every time. http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1 In my CodePen script, it doesn't change.
kirbyedy
@kirbyedy
Apr 13 2017 10:02
@defregga what if you make a button that will call that api on a click, hence load a new quote ?
kirbyedy
@kirbyedy
Apr 13 2017 10:06
@defregga why do you need this code and what does it do ?
Math.floor(Math.random()) * 5, unpackJSON
def
@defregga
Apr 13 2017 10:08
I figured if I request a different number of quotes every call, I might actually get a query sent in case CodePen doesn't actually resend it but uses a cached object
this should work fine
def
@defregga
Apr 13 2017 10:09
unpackJSON just tells the call which function is going to process the resulting object
Now I get XMLHttpRequest cannot load https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access.
Guess I sent too many requests and now I am locked out.
kirbyedy
@kirbyedy
Apr 13 2017 10:13
as I said your code is confusing to me, I don`t understand it
mine works fine
def
@defregga
Apr 13 2017 10:13
It's barely more than the JSON tutorial. ^^
h1tag
@h1tag
Apr 13 2017 10:34

@defregga

Is there a setting in CodePen that controls whether or not a JSON query will be resend everytime the page is reloaded?

cache: false
def
@defregga
Apr 13 2017 10:37
@fortMaximus Thank you. I used $.ajaxSetup({ cache: false }); now, but is there also a setting somewhere?
CamperBot
@camperbot
Apr 13 2017 10:37
defregga sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 722 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
h1tag
@h1tag
Apr 13 2017 10:38
@defregga are you using getJSON or ajax to send the request?
Nazar
@IsaakNazar
Apr 13 2017 10:40
Guys, can someone send a link with explanation of call, apply and bind? cant understand those keywords from MDN
with a deep definition
h1tag
@h1tag
Apr 13 2017 10:44
@defregga if you're using getJSON to get the request, add this &callback=${$.now()} at the end of the URL
Nazar
@IsaakNazar
Apr 13 2017 10:45
var obj = { num: 2};
var sum = function(a){
  return this.num + a;
};
console.log(sum.call(this, 7)); //why is NaN?
Md Tanweer Alam
@TanweerAlam
Apr 13 2017 10:49
var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    }
];
function lookUpProfile(firstName, prop){
for( var i = 0; i< contacts.length; i++){
  if(firstName === contacts[i].firstName && contacts[i].hasOwnProperty(prop)){
    return contacts[i].prop;
  } 
}
}

Condition:-The function should check if firstName is an actual contact's firstName and the given property (prop) is a property of that contact.
If both are true, then return the "value" of that property.

Where am I making the mistake? PLz Help!

NewGismo
@NewGismo
Apr 13 2017 10:54
Hi guys, is there a simple way to make 2x2 buttons which are close together?
I did it by using btn-group <br> btn-group however this is not 100% in line (vertical)
Bharat Monavarthi
@n00bMon
Apr 13 2017 10:56
@TanweerAlam try bracket notation to return prop instead of dot notation
Md Tanweer Alam
@TanweerAlam
Apr 13 2017 10:57
@n00bMon Didn't work.
Bharat Monavarthi
@n00bMon
Apr 13 2017 10:58
@TanweerAlam try nesting the if condition for prop instead of putting it in one condition and try using '==' instead of '==='
@TanweerAlam BTW are you returning 'No such contact' and 'No such property' statements after the 'if' conditions?
Md Tanweer Alam
@TanweerAlam
Apr 13 2017 11:01
@n00bMon Still not working
Bharat Monavarthi
@n00bMon
Apr 13 2017 11:02
@TanweerAlam i can post the solution if you want
Md Tanweer Alam
@TanweerAlam
Apr 13 2017 11:02
@n00bMon Okay.. post the solution then. Thanks in advance
CamperBot
@camperbot
Apr 13 2017 11:02
tanweeralam sends brownie points to @n00bmon :sparkles: :thumbsup: :sparkles:
:cookie: 268 | @n00bmon |http://www.freecodecamp.com/n00bmon
Bharat Monavarthi
@n00bMon
Apr 13 2017 11:03
function lookUpProfile(firstName, prop){
// Only change code below this line
  for (i = 0; i < contacts.length; i++) {
    if (contacts[i].firstName == firstName) {
      if (contacts[i].hasOwnProperty(prop)) {
        return contacts[i][prop];
      }
      else {
        return "No such property";
      }
    }
  }
  return "No such contact";
// Only change code above this line
}
CamperBot
@camperbot
Apr 13 2017 11:03
:bulb: to format code use backticks! ``` more info
Darth Skywalker
@adityaparab
Apr 13 2017 11:07
@n00bMon : here is a slightly less efficient but cleaner version
function lookUpProfile(firstName, prop){

  const contact = contacts.find( c => c.firstName === firstName);

  return contact ? contact.hasOwnProperty(prop) ? contact[prop] : 'No such property' : 'No such contact';
}
khorram bin salim khondkar
@khorramk
Apr 13 2017 11:23
hi everybody
can someone help me
how can i make my web-page have a scrolling feature
Bharat Monavarthi
@n00bMon
Apr 13 2017 11:24
@adityaparab cool! can you explain that code in more detail?
khorram bin salim khondkar
@khorramk
Apr 13 2017 11:25
please use jquery and bootstrap to answer my question
Bharat Monavarthi
@n00bMon
Apr 13 2017 11:26
@adityaparab and is that ES6?
Javier
@Reykjabik
Apr 13 2017 11:34
has anybody worked with DarkSky icons before?
Sabin Katwal
@Sabin-of
Apr 13 2017 11:47
I have problem in Accessing Objects Properties with Variables

// Setup
var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};

// Only change code below this line;
var player = "Montana";
var playerNumber=testObj[16]; // Change this Line
// Change this Line
console.log(playerNumber);

Jianhao Tan
@jaanhio
Apr 13 2017 12:53
Hi! any advice on my code for the Mutation challenge?
function mutation(arr) {
  var totalCount = 0;
  var arg1 = arr[0].toLowerCase();
  var arg2 = arr[1].toLowerCase();
  for(x=0; x<arg2.length; x++){
    if(arg1.indexOf(arg2[x]) !== null){
      totalCount += 1;
    }
    else{
      totalCount += 0;
    }
  }
  if(totalCount == arg2.length){
    return true;
  }
  else{
    return false;
  }
}
cant seem to make it work for cases that are supposed to return false
h1tag
@h1tag
Apr 13 2017 12:56
@jaanhio you can ask in helpjavascript room
Jianhao Tan
@jaanhio
Apr 13 2017 12:56
@fortMaximus ok thank you
CamperBot
@camperbot
Apr 13 2017 12:56
jaanhio sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 723 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
Srinivasa reddy
@anabothula
Apr 13 2017 12:57

<html>
<head>
<title>First navigation bar</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="navbar.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

      <a style="margin-left:50px;"class="navbar-brand" href="#">RR</a>
    </div>
    <div class="collapse navbar-collapse"id="myNavbar">
    <ul class="nav navbar-nav navbar-right"style="margin-right:10%;" >
        <li><a href="#">Home</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
    </div></div>
  </nav>
</body>

</head>
</html>
how can i add css to links in navbar here like changing the text color to white when the background color is pink

Parvesh garg
@parveshgarg24
Apr 13 2017 13:00
@Sabin-of try myObj.16
Oliver Schumacher
@ollo76
Apr 13 2017 13:11
it seems you close your head tag in the wrong place. This will put the browser in quirks mode ... something you want to avoid.
to style links in the nav bar, you could target
.nav a { color: blue }
Neil
@NNeil1
Apr 13 2017 13:12
anyone know why my elements zoom in and not my background? - http://codepen.io/RPIE3/pen/RVwOjM?editors=1100#0
Oliver Schumacher
@ollo76
Apr 13 2017 13:13
also theres a space missing before the "id" attribute
class="collapse navbar-collapse"id="myNavbar">
gulptech
@gulptech
Apr 13 2017 13:14
@Sabin-of You changed the problem. You should not add new variables. Look at the requirements.
def
@defregga
Apr 13 2017 13:23
Hello all, can I please get feedback on my Random Quote Generator before submission? Looking for wonky behaviors or blatant design no-no's. https://codepen.io/def19/full/KmPOjM/
gulptech
@gulptech
Apr 13 2017 13:30
@defregga I like it…the only thing i see is that would could use a fa-quote-right to close out the quote.
@defregga you may even add the quotes only when you update the html. This way you don’t see the quotes before the actual quote.
def
@defregga
Apr 13 2017 13:44
Thanks @gulptech
CamperBot
@camperbot
Apr 13 2017 13:45
:cookie: 238 | @gulptech |http://www.freecodecamp.com/gulptech
defregga sends brownie points to @gulptech :sparkles: :thumbsup: :sparkles:
Abdullah-Al-Zubair
@a2-zubair
Apr 13 2017 13:54

Hello Camper,

How do you doing? This is the second project I have done. So any kind of feedback will be appreciated.
Here is the link: http://codepen.io/a2-zubair/pen/zwYpwB

Design and Code review will be cool.
Thanks everybody. Happy Coding.

Sergio Rodriguez
@sergrdz7
Apr 13 2017 14:06
@a2-zubair I think it looks great! For your second project its quite good. Very easy to navigate and responsive, nice job.
Abdullah-Al-Zubair
@a2-zubair
Apr 13 2017 14:07
@sergrdz7 Thanks
def
@defregga
Apr 13 2017 14:09
Indeed looks nice. Only thing aesthetically is that stretches very far horizontally on widescreen displays.
Kiera
@kieraclarke
Apr 13 2017 14:13
how do i put a html one a image
on**
Nitin Chandran Nair
@NitinNair89
Apr 13 2017 14:35
html on a image?
Kiera
@kieraclarke
Apr 13 2017 14:43
like a text
Gulsvi
@gulsvi
Apr 13 2017 14:50

@JanPeters You can create a custom <hr> with text in the middle like:

.custom-hr {
  border-top: solid 5px #286090;
  margin: 40px auto;
}

.custom-hr:after {
  background-color: #5f95ca;
  content: "About Me";
  position: relative;
  bottom: 48px;
  font-size: 60px;
  padding: 0 15px;
}

Additional options here: http://stackoverflow.com/questions/2812770/add-centered-text-to-the-middle-of-a-hr-like-line

Nitin Chandran Nair
@NitinNair89
Apr 13 2017 14:52
@kieraclarke Can show us your code and what you are trying to achieve?
Gulsvi
@gulsvi
Apr 13 2017 14:58
@Reykjabik My weather app uses Skycons, in case you haven't gotten an answer to your question yet.
The CDN is here: https://cdnjs.com/libraries/skycons
Add a canvas element to your HTML: <canvas id="skycon" width="64" height="64">
Then add the icon to the element:
var skycons = new Skycons();
skycons.add(document.getElementById('skycon'), 'partly-cloudy-day')
skycons.play();
.play() is optional in case you want it animated
Gulsvi
@gulsvi
Apr 13 2017 15:05
@defregga Good job on the quote machine - only issue is that you aren't encoding your tweet text, so any quotes with semi-colons in them get truncated when you try to tweet them.
@kieraclarke This CSS Tricks article explains how to put text over an image: https://css-tricks.com/text-blocks-over-image/
This one talks about design considerations, depending on the image, so your text can be read easily: https://css-tricks.com/design-considerations-text-images/
Feel free to share your code if you run into any problems.
Doni Yafi
@yafiwebdev
Apr 13 2017 15:32
Hey guys, any back-end developer in need of a front-end developer?
Abraham
@AbrahamLN
Apr 13 2017 15:49
Hey guys, I was wondering if someone could help me make the index card not looks so flat and huge?
Jorge
@OrangeKulture
Apr 13 2017 15:51
hey wazzup guys
h1tag
@h1tag
Apr 13 2017 15:52
@JordyDew for some inspiration, I'd like to share this link: https://medium.com/@zersiax which is for a user profile on medium website, read the post he posts
Jorge
@OrangeKulture
Apr 13 2017 15:52
@AbrahamLN I would clean up a little bit .. use the CSS tab in Settings to load the google fonts
@AbrahamLN in terms of design, I would have the index card in the center of the page, maybe have a little transparency to the background, bigger title "Index", if you don't like it as big, maybe make the dive just as wide as the largest sentence, centered .. just some ideas
Kenard Ellis
@Kenard0
Apr 13 2017 15:55
HELP has anyone recently complete the their weather app, if so whih weather api do you use cause the one recommended by freecodecamp is not working on codepen, I tried dark sky but its not working.
Jorge
@OrangeKulture
Apr 13 2017 15:57
@Kenard0 both should work ...
@Kenard0 I use the openweather app and I know Dark Sky works too .. maybe its a problem with your code?
Kenard Ellis
@Kenard0
Apr 13 2017 15:59
@OrangeKulture my code work find on the browser only when I transfer it on codepen do I find this problem.
Gulsvi
@gulsvi
Apr 13 2017 16:01
image.png
@AbrahamLN Your HTML is not correct inside of that card. Do a refresher on the <ul> tag and fix that up first, then use the built in card styles for bootstrap, like card-header and card-block. A box shadow could also go a long way to making it look less flat:
.card {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  
}
Jorge
@OrangeKulture
Apr 13 2017 16:01
@Kenard0 then it is probably the protocol you are using to make the call
Gulsvi
@gulsvi
Apr 13 2017 16:02
Hello @OrangeKulture @fortMaximus Happy Thursday :)
Jorge
@OrangeKulture
Apr 13 2017 16:02
@Kenard0 remember that openweather only serves JSON trhough http , and codepen will ask for HTTPS .. same with darsky, u need to make sure you are making the correct calls
hey Wazzup sky! @SkyCoder01 allgood in da hood?
nice index card btw
h1tag
@h1tag
Apr 13 2017 16:03
@SkyCoder01 Hey! :smiley:
Kenard Ellis
@Kenard0
Apr 13 2017 16:03
ok thanks @OrangeKulture
CamperBot
@camperbot
Apr 13 2017 16:03
kenard0 sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 295 | @orangekulture |http://www.freecodecamp.com/orangekulture
Gulsvi
@gulsvi
Apr 13 2017 16:04
@Kenard0 The #1 issue everyone hits with darksky on codepen is CORS. You need to use JSONP to make the API call.
To do that, it depends on how you're calling the API, but if you need help, share your codepen
@OrangeKulture Yes, all good in da hood!
allyourbase
CamperBot
@camperbot
Apr 13 2017 16:05
all your base
Gulsvi
@gulsvi
Apr 13 2017 16:05
still laughing that camperbot has this random meme built in
Jorge
@OrangeKulture
Apr 13 2017 16:05
waahaha !! we need to continue this cbot project thing dude .. im serious
it would be awesome if he only had the memes that kinda started the whole thing, u know .. classic memes
Gulsvi
@gulsvi
Apr 13 2017 16:07
Leeroy Jenkins :p
Wonder what the first meme was....
Jorge
@OrangeKulture
Apr 13 2017 16:08
i first started to see rage comics .. i think rage comics gave memes a lot of momentum
this must've been around '09 or 2010
Gulsvi
@gulsvi
Apr 13 2017 16:08
:trollface:
Jorge
@OrangeKulture
Apr 13 2017 16:09
hahah awesome
h1tag
@h1tag
Apr 13 2017 16:10
@SkyCoder01 did you see rollem?
Gulsvi
@gulsvi
Apr 13 2017 16:10
Never saw it working with camperbot :( saw an issue on github yesterday about removing it though
Jorge
@OrangeKulture
Apr 13 2017 16:10
i used to work in a poker company, and we used this sort of in-house messenger, sort of like live messenger right .. don't know who did, but someone just coded in all the rage faces, so that we could use them to communicate :smile:
Gulsvi
@gulsvi
Apr 13 2017 16:11
lol :)
Don't know where these come from. Maybe Doom? :rage1: :rage2: :rage3: :rage4:
Jorge
@OrangeKulture
Apr 13 2017 16:11
doom yeah!
Gulsvi
@gulsvi
Apr 13 2017 16:11
:rage1:
Jorge
@OrangeKulture
Apr 13 2017 16:12
those are awesome
i think .. maybe wolfestein, most likely doom tho
h1tag
@h1tag
Apr 13 2017 16:13
@SkyCoder01 want some music
music
CamperBot
@camperbot
Apr 13 2017 16:13
Gulsvi
@gulsvi
Apr 13 2017 16:14
haha
There's always this for concentration too: https://raining.fm/
h1tag
@h1tag
Apr 13 2017 16:17
nah
Jorge
@OrangeKulture
Apr 13 2017 16:17
i use a lot of ambient sounds, kinda crazy, i thought not a lot of ppl did
i think it's great .. usually do some on youtube tho .. gonna explore this raining.fm business
Gulsvi
@gulsvi
Apr 13 2017 16:19
I don't know the lyrics to half of what I listen to because it's best as background music. I like ambient noise.
Rostotski
@Rostotski
Apr 13 2017 16:22
having trouble linking buttons in codepen, when I click the button it just makes my page white instead of taking me to twitter .. this is my code for the button <form action="https://twitter.com/solcarbine">
<input class="button" type="submit" value="Twitter&#9836"> </form>
Gulsvi
@gulsvi
Apr 13 2017 16:25
@Rostotski The <a> element is best for navigating to other pages. You can style it to look like a button. I'm guessing you have class="button" styled the way you want in your CSS, so you can do this instead:
<a class="button" href="https://twitter.com/solcarbine" target="_blank">Twitter&#9836</a>
Kenard Ellis
@Kenard0
Apr 13 2017 16:26
@SkyCoder01 https://codepen.io/Nard0/pen/eWYMYj?editors=1111 sorry for the delay my internet connection is not working well.
Nils Röhrig
@drunknzombiecow
Apr 13 2017 16:26
@Rostotski @SkyCoder01 you can also use someting like <a href="http://twitter.com" target="_blank"><button>Twitter</button></a>
Rostotski
@Rostotski
Apr 13 2017 16:26
thanks! @SkyCoder01 I'll give that a go
CamperBot
@camperbot
Apr 13 2017 16:26
rostotski sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1026 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 13 2017 16:27
@drunknzombiecow a <button> inside a <a> element is invalid HTML, unfortunately: http://stackoverflow.com/a/6393863
Rostotski
@Rostotski
Apr 13 2017 16:27
that worked! awesome thanks again @SkyCoder01 @drunknzombiecow
CamperBot
@camperbot
Apr 13 2017 16:27
rostotski sends brownie points to @skycoder01 and @drunknzombiecow :sparkles: :thumbsup: :sparkles:
:cookie: 262 | @drunknzombiecow |http://www.freecodecamp.com/drunknzombiecow
:warning: rostotski already gave skycoder01 points
h1tag
@h1tag
Apr 13 2017 16:27
@SkyCoder01 rollem used to show this song: Rick Astley - Never Gonna Give You Up
Nils Röhrig
@drunknzombiecow
Apr 13 2017 16:28
@SkyCoder01 ah, seems you're right, my bad.
@Rostotski so just go with @SkyCoder01 's solution cause mine may work, but invalid html is bad practice
Gulsvi
@gulsvi
Apr 13 2017 16:29
@Kenard0 I'd recommend using $.getJSON() with that API instead - and add ?callback=? to the end of the URL so getJSON will treat it as JSONP. You are hitting a CORS issue. Here's some more background on that: https://www.sitepoint.com/jsonp-examples/
Rostotski
@Rostotski
Apr 13 2017 16:29
awesome sounds good :D
Gulsvi
@gulsvi
Apr 13 2017 16:30
It's a clever way to get a link looking like a button - just doesn't work in all browsers unfortunately :(
@fortMaximus I heard Rick Astley was going to run for president lol
h1tag
@h1tag
Apr 13 2017 16:31
me too
Gulsvi
@gulsvi
Apr 13 2017 16:31
image.png
Someone posted a pen a while back asking for help and it loaded that youtube video - rolled a bunch of people :p
Jorge
@OrangeKulture
Apr 13 2017 16:32
hahahah
h1tag
@h1tag
Apr 13 2017 16:32
Hahaha
lol
Kenard Ellis
@Kenard0
Apr 13 2017 16:33
ok @SkyCoder01
Chris
@bestintown23
Apr 13 2017 16:34
how do i make my nav bar more even, i would like to move the picture down to make everything more even? http://codepen.io/bestintown23/pen/gWORyo
h1tag
@h1tag
Apr 13 2017 16:43
img
@SkyCoder01
Gulsvi
@gulsvi
Apr 13 2017 16:43
lol @fortMaximus :)
Jorge
@OrangeKulture
Apr 13 2017 16:44
@fortMaximus waahahah
Nils Röhrig
@drunknzombiecow
Apr 13 2017 16:46
@bestintown23 Hey there. Your image aligns its bottom edge with the baseline of the text inside the other list elements. To fix this you can remove the padding from the img element and remove the whitespace around the text in the image. This way the text of the image should align fine with all the other li elements. If you want all of them vertically centered to each other dig into CSSs Flexbox Module. A good guide about that, you can find here: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Rostotski
@Rostotski
Apr 13 2017 16:47
hopefully last question for today, is it possible to have multiple background images with css? google shows me how with css3, but I can't seem to find anything that works with css (again I'm very new to all this)
Gulsvi
@gulsvi
Apr 13 2017 16:48
@Rostotski Any element can have a background added to it. So, for multiple backgrounds, use multiple elements, each with its own backround-image in your CSS.
Rostotski
@Rostotski
Apr 13 2017 16:49
okay thanks again! @SkyCoder01 back to fiddling
CamperBot
@camperbot
Apr 13 2017 16:49
rostotski sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: rostotski already gave skycoder01 points
Gulsvi
@gulsvi
Apr 13 2017 16:49
@Rostotski Here's an example of what I mean: http://codepen.io/skycoder/pen/wdwEXV
Nils Röhrig
@drunknzombiecow
Apr 13 2017 16:50
@Rostotski @SkyCoder01 Why don't just use CSS3? The browser support for multiple background images is pretty good (http://caniuse.com/#search=multiple%20background), no need for multiple elements in my opinion.
Gulsvi
@gulsvi
Apr 13 2017 16:51
@drunknzombiecow Isn't that for using layered backgrounds?
Rostotski
@Rostotski
Apr 13 2017 16:52
Can i use css3 with codepen? @drunknzombiecow
Gulsvi
@gulsvi
Apr 13 2017 16:52
CSS3 is the standard currently :)
Nils Röhrig
@drunknzombiecow
Apr 13 2017 16:52
@SkyCoder01 yes, right. That's what I understood from the question.
Rostotski
@Rostotski
Apr 13 2017 16:53
oh haha god I'll get all this eventually XD .. I'll be more specific then. um so I have a background that cuts off halfway down the page, I'm trying to put another image where it cuts off
Nils Röhrig
@drunknzombiecow
Apr 13 2017 16:53
@Rostotski as @SkyCoder01 pointed out, you actually can. Only limits in Codepen should be limits of the browsers rendering engine - with some exceptions like window.open in js. So if your browser is ready for it, nothing is hold you back.
Rostotski
@Rostotski
Apr 13 2017 16:53
not sure if thats considered a layered background or not
okay neat!
^^ Good explanation of what "CSS3" means
Nils Röhrig
@drunknzombiecow
Apr 13 2017 16:55
@Rostotski with the use of multiple backgrounds you should also be able to define the background-position of each element.
@Rostotski of each background image individually i mean
Rostotski
@Rostotski
Apr 13 2017 16:57
ohh okay thanks @SkyCoder01 @drunknzombiecow alright checking that out now!
CamperBot
@camperbot
Apr 13 2017 16:57
rostotski sends brownie points to @skycoder01 and @drunknzombiecow :sparkles: :thumbsup: :sparkles:
:warning: rostotski already gave skycoder01 points
:warning: rostotski already gave drunknzombiecow points
Jorge
@OrangeKulture
Apr 13 2017 16:57
hey sky, what ip service for location did you use when !nav.geolocation
Gulsvi
@gulsvi
Apr 13 2017 16:58
@OrangeKulture https://ipinfo.io/json
@Rostotski How would you make these go down the page instead of on top of one another? https://codepen.io/skycoder/pen/KmwwRO
Jorge
@OrangeKulture
Apr 13 2017 16:58
great stuff thanks @SkyCoder01
CamperBot
@camperbot
Apr 13 2017 16:58
orangekulture sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1027 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Chris
@bestintown23
Apr 13 2017 17:00
how would i remove the whitespace around the text in the image.? @drunknzombiecow
Gulsvi
@gulsvi
Apr 13 2017 17:00
Hit the up arrow and add your backticks :) ```
Nils Röhrig
@drunknzombiecow
Apr 13 2017 17:02
@bestintown23 usually with the image editing software of your choice.
h1tag
@h1tag
Apr 13 2017 17:02
it wont work because when he presses enter for a new line, the message will get sent
Gulsvi
@gulsvi
Apr 13 2017 17:02
Shift + Enter
h1tag
@h1tag
Apr 13 2017 17:03
no, I mean when in edit mode
Gulsvi
@gulsvi
Apr 13 2017 17:03
``` (shift + enter for a new line)
code here (shift + enter for a new line)
```
h1tag
@h1tag
Apr 13 2017 17:04
@SkyCoder01 Thank you
CamperBot
@camperbot
Apr 13 2017 17:04
fortmaximus sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1028 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 13 2017 17:04
And deleted :p
h1tag
@h1tag
Apr 13 2017 17:04
didn't know it works this way in edit mode too
Nils Röhrig
@drunknzombiecow
Apr 13 2017 17:04
@bestintown23 gimp is a good choice. works on every platform and is free and open source.
Elliot Mason Soren
@ElliotSoren
Apr 13 2017 17:04
Hello Guys, I'm a mass automation tools developer! I wrote an epic poem titled "Refined Consciousness" check it out here.
http://elliotsoren.com
The Entire World Will Be Automated With A Python Script!!!
My Epic Poem Is About The Genesis Of Artificial Intelligence
I also created an Open Source Project - Soulbot Automation Tools - Artificial Intelligence API's
http://TheSoulbot.com
Jorge
@OrangeKulture
Apr 13 2017 17:08
cbot, eat a brownie
CamperBot
@camperbot
Apr 13 2017 17:08
you called?
Jorge
@OrangeKulture
Apr 13 2017 17:08
yeah .. eat a brownie
:D
@ElliotSoren awesome stuff!
Elliot Mason Soren
@ElliotSoren
Apr 13 2017 17:13
@OrangeKulture Thank you, it truly means a lot! I did all my work to help developer feel less alone.
CamperBot
@camperbot
Apr 13 2017 17:13
elliotsoren sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 296 | @orangekulture |http://www.freecodecamp.com/orangekulture
Elliot Mason Soren
@ElliotSoren
Apr 13 2017 17:13
do*
Jorge
@OrangeKulture
Apr 13 2017 17:14
@ElliotSoren really love the UI and design of that page, it really looks amazing .. have you been coding for long?
Elliot Mason Soren
@ElliotSoren
Apr 13 2017 17:15
@OrangeKulture Appreciate the awesome feedback. More or less 10 years haha, and 20+ years to go!
Michael J Kusdya
@michael-kusdya
Apr 13 2017 17:15
hello, can anyone help me with my tic tac toe project ? its not working as it should atm
Jorge
@OrangeKulture
Apr 13 2017 17:16
oww shit .. this means you have a lil less than 9 years on me :S .. sure seems a long road ahead
Mohamed Derhalli
@derhallim
Apr 13 2017 17:20
hey guys, anyone gd with bootstrap css? :'(
Elliot Mason Soren
@ElliotSoren
Apr 13 2017 17:22
@OrangeKulture Find niche in programming, and becoming that niche. The road is dark and windy, but who doesn't like a little danger.
Will Foster
@Will5592
Apr 13 2017 17:23
On the weather app, the wording says " I can push a button to toggle between Fahrenheit and Celsius". Does this technically mean if I created two buttons next to each other, one for Celsius and the other for Fahrenheit, it wouldn't be fulfilling the task correctly?
Jorge
@OrangeKulture
Apr 13 2017 17:24
@ElliotSoren yeah for sure .. i really love it, to me, coding is a lot of fun
@Will5592 yes, for sure it will .. you can do it however you like
Elliot Mason Soren
@ElliotSoren
Apr 13 2017 17:25
@OrangeKulture Never lose that passion!
Will Foster
@Will5592
Apr 13 2017 17:25
@OrangeKulture Oh ok, I figured they were specifically looking for a toggle functionality. But ok :)
Makes my life a bit easier
Jorge
@OrangeKulture
Apr 13 2017 17:25
@Will5592 I did it like that, side by side Example .. some others do it with a single button
@ElliotSoren yeah, thanks! if everything else fails, at least I know ill have a secure job at Soulbot :smile: :smile:
CamperBot
@camperbot
Apr 13 2017 17:26
:warning: @elliotsoren's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
orangekulture sends brownie points to @elliotsoren :sparkles: :thumbsup: :sparkles:
Will Foster
@Will5592
Apr 13 2017 17:26
@OrangeKulture Hands down the coolest Weather Project I've seen!! Nice one. Ok thanks, I guess if I make it look good then it doesn't matter
CamperBot
@camperbot
Apr 13 2017 17:26
will5592 sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 297 | @orangekulture |http://www.freecodecamp.com/orangekulture
Jorge
@OrangeKulture
Apr 13 2017 17:26
@Will5592 thanks a lot man! appreciate it .. still some work to be done, but i really need to move on to more complex algorithms
CamperBot
@camperbot
Apr 13 2017 17:26
orangekulture sends brownie points to @will5592 :sparkles: :thumbsup: :sparkles:
:cookie: 266 | @will5592 |http://www.freecodecamp.com/will5592
Elliot Mason Soren
@ElliotSoren
Apr 13 2017 17:31
@OrangeKulture :smile:
Nick Danvers
@Ravenor222
Apr 13 2017 17:39
The free code camps java script thing couldnt have come at a better time >.<
Nazar
@IsaakNazar
Apr 13 2017 17:46
guys how to upload gif file from internet?
Gulsvi
@gulsvi
Apr 13 2017 17:54
@IsaakNazar lots of people use https://postimage.io
Nazar
@IsaakNazar
Apr 13 2017 17:55
@SkyCoder01 great :+1:
Stephen Passero
@stephenpassero
Apr 13 2017 18:09
Do you guys have any idea why both of my h1s depend on my h3 to show? This is my pen. http://codepen.io/stephenpassero/pen/bWGyOw
When the h3's display is none, nothing shows
When it is block, everything shows
Ashanie Wallace
@Ashanie
Apr 13 2017 18:21
when you guys got the first build a personal portfolio page..do you think you were prepared?because i have 0 idea what to do with the little ive learnt up to this point
Kenard Ellis
@Kenard0
Apr 13 2017 18:24
@SkyCoder01 thanks the JSONP method solve the problem.
Mohamed Derhalli
@derhallim
Apr 13 2017 18:26
why do people hate jsonp?
isn't it another JS api to contact web services?
Gulsvi
@gulsvi
Apr 13 2017 18:30
JSONP can pose security problems, it basically takes the code needed to get the JSON and embeds it in a <script> tag on your page. If someone intercepts the API request, or you talk to a malicious service, they can give you some bad code that runs in that script.
Mohamed Derhalli
@derhallim
Apr 13 2017 18:31
ummm
interesting
so JSONP is another way to do "fetch" or is it another format of JSON?
Gulsvi
@gulsvi
Apr 13 2017 18:33
It's another way to get JSON
The main reason is to work around cross origin resource sharing issues - the code runs locally on your page rather than remotely on the server you're talking to
(As far as I understand) :)
Mohamed Derhalli
@derhallim
Apr 13 2017 18:34
ahaa
got u
man aligning bootstrap stuff is so hard
:'(
Abraham
@AbrahamLN
Apr 13 2017 18:36
@SkyCoder01 Thanks for the help with the index card! How would I go about giving my paragraphs a margin? Would i need to make a CSS class for that?
CamperBot
@camperbot
Apr 13 2017 18:36
abrahamln sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1030 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Abraham
@AbrahamLN
Apr 13 2017 18:36
@OrangeKulture Thanks for the tip man! I cleaned up the HTML and CSS!
CamperBot
@camperbot
Apr 13 2017 18:36
abrahamln sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 298 | @orangekulture |http://www.freecodecamp.com/orangekulture
Gulsvi
@gulsvi
Apr 13 2017 18:37
@AbrahamLN The card-block class will give all the content inside your index card a margin
Abraham
@AbrahamLN
Apr 13 2017 18:37
@SkyCoder01 Oh sorry, I mean just the regular text on the page; outside of the card.
Gulsvi
@gulsvi
Apr 13 2017 18:38
Yes, you can give an element a margin by assigning a class to it and then defining a margin for that class in your CSS @AbrahamLN :+1:
Abraham
@AbrahamLN
Apr 13 2017 18:39
@SkyCoder01 Gotcha, thanks!
CamperBot
@camperbot
Apr 13 2017 18:39
abrahamln sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: abrahamln already gave skycoder01 points
Gulsvi
@gulsvi
Apr 13 2017 18:40
Bootstrap has a bunch of utility classes that will do this as well, like ml-2, ml-3, ml-4 for different levels of margin-left for example. Or for margin right, mr-2, mr-3, mr-4, etc.
Mohamed Derhalli
@derhallim
Apr 13 2017 18:41
@SkyCoder01 how do u keep the margin of something relative in bootstrap?
for example, a div that I want to keep in the middle
i would have div class="row"
do u add another div inside and push it? or do u push the row itself?
@derhallim
Mohamed Derhalli
@derhallim
Apr 13 2017 18:43
but when u resize the browser
won't it stayed pushed?
i was doing margin-left
Pagnito
@Pagnito
Apr 13 2017 18:44
is there a reason why attr( ) doesnt seem to work on screen resize
Gulsvi
@gulsvi
Apr 13 2017 18:44
@derhallim Not sure I understand. You always want it in the middle?
@Pagnito .attr() will work fine if you hook up to a resize event handler
Mohamed Derhalli
@derhallim
Apr 13 2017 18:47
@SkyCoder01 i wanna push it in the middle in large screen sizes, but in smaller ones, i want to decrease the space from the left, so on mobile no space on the left
Pagnito
@Pagnito
Apr 13 2017 18:48
@SkyCoder01 yea thats what i did, hold on tho, lemme get back to you on that. i gotta solve sometihn else real quick
Gulsvi
@gulsvi
Apr 13 2017 18:48
@derhallim offset-1 at small screens, offset-sm-1, offset-md-1, etc.. will all trigger the offset at different screen sizes.
Jorge
@OrangeKulture
Apr 13 2017 18:51
hey guys .. how did you solve the Roman Number challenge? did you hard code the string values to the numbers?
@AbrahamLN sure thing, welcome!
@AbrahamLN Did you check out the Index table that Sky showed in here? it was pretty neat
Abraham
@AbrahamLN
Apr 13 2017 18:53
@OrangeKulture Yeah I did! I edited mine to look similar using the same parameters
Jorge
@OrangeKulture
Apr 13 2017 18:53
This is my answer, im not sure if it's too much hard code, but I don't really see other way (besides higher functions, such as filter and stuff)
function convertToRoman(num) {
  var str = num.toString();
  var length = str.length;
  var resp = [];
  var count = length;
  str = str.split('');
  var answer = '';

 var romNum = {
1: 'I',2: 'II',3: 'III',4: 'IV',5: 'V',6: 'VI',7: 'VII',8: 'VIII',9: 'IX',10: 'X',20: 'XX',
30: 'XXX',40: 'XL',50: 'L',60: 'LX',70: 'LXX',80: 'LXXX',90: 'XC',100: 'C',200: 'CC',300: 'CCC',400: 'CD',
500: 'D',600: 'DC',700: 'DCC',800: 'DCCC',900: 'CM',1000: 'M',2000: 'MM',3000: 'MMM'
 }; 

  for(var i = 0;i<length;i++){

    if(count==4){
        resp.push(romNum[str[i]*1000]);
        count-=1;
      }else if(count==3){
        resp.push(romNum[str[i]*100]);
        count-=1;
      }else if(count==2){
        resp.push(romNum[str[i]*10]);
        count-=1;
      }else{
        resp.push(romNum[str[i]]);
        count-=1;
      }

  }
  answer = resp.join('');
  return answer;

}

convertToRoman(3955);
@AbrahamLN great, awesome stuff man !
Abraham
@AbrahamLN
Apr 13 2017 18:54
@OrangeKulture Thanks man!
CamperBot
@camperbot
Apr 13 2017 18:54
abrahamln sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:warning: abrahamln already gave orangekulture points
Mohamed Derhalli
@derhallim
Apr 13 2017 18:56
thanks @SkyCoder01 :D
CamperBot
@camperbot
Apr 13 2017 18:56
derhallim sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1031 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Apr 13 2017 18:58
@derhallim Check out this pen and resize the window - sometimes seeing it easier, at least with the way I explain it lol: http://codepen.io/skycoder/pen/PmwPgJ
Mohamed Derhalli
@derhallim
Apr 13 2017 18:59
i did it on my end, the thing is, i gave it offset -2
so it skipped 2 cols
and gave it col-md-10
there's margin on right as well
even when resizing the window, there's always margin on the right
Brandon Blackwell
@Radlerz1
Apr 13 2017 19:01
hello still working through the front end projects. This may sound like a noob question I can usually make the projects do the exact same thing as the example. But my approach and logic to the projects is completely different than the examples. So how do I know if I took the correct approach or is there only one proper way to coding something? just a question that came to mind
Joshua
@jfc246
Apr 13 2017 19:05
@Radlerz1 if it works it works
it might not be the best way to do things but hey everyone is not going to get it the best way
@Radlerz1
Jorge
@OrangeKulture
Apr 13 2017 19:06
@Radlerz1 yeah exactly .. theres a lot of ways of tackling the same problem, when it comes to coding .. i actually prefer doing things in a different way, if possible, .. i feel i learn a lot more
Gulsvi
@gulsvi
Apr 13 2017 19:07
If it works in your browser , don't assume it works the same in everyone's browsers :)
But yeah, in the end, everyone has an opinion on the best way to do things...
Steve St.Pierre
@SSTPIERRE2
Apr 13 2017 19:09
Boy I am at a loss as to why text-overflow ellipsis isn’t working on my codepen here...http://codepen.io/steve_saint/pen/QpRxaV?editors=0111 the description on the previews gets clipped but no ellipsis, while the parent div has defined width, position, display, overflow, and whitespace attributes..what gives?
Jorge
@OrangeKulture
Apr 13 2017 19:09
thoroughly enjoying raining fm btw @SkyCoder01
Gulsvi
@gulsvi
Apr 13 2017 19:10
Lol, I like it too, helps me focus
@SSTPIERRE2
.previewDesc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: initial;
}
^^ That seems to work for me
Whoops, apparently white-space: nowrap is also needed, edited
Steve St.Pierre
@SSTPIERRE2
Apr 13 2017 19:13
Whaa, I thought that stuff was only needed on the parent element >< live and learn I spose
thanks @SkyCoder01 !
CamperBot
@camperbot
Apr 13 2017 19:13
sstpierre2 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:star2: 1032 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Steve St.Pierre
@SSTPIERRE2
Apr 13 2017 19:15
Oooooooo
Text-overflow and overflow are both grayed out when I look in devtools because those attributes are non-inheritable
gulptech
@gulptech
Apr 13 2017 19:17
you could have inherited them
.previewDesc {
overflow: inherit;
text-overflow: inherit;
Steve St.Pierre
@SSTPIERRE2
Apr 13 2017 19:18
Oh I gotcha, it’s just not inherited by default is what the doc means then
gulptech
@gulptech
Apr 13 2017 19:18
correct
Steve St.Pierre
@SSTPIERRE2
Apr 13 2017 19:18
thanks @gulptech !
CamperBot
@camperbot
Apr 13 2017 19:18
sstpierre2 sends brownie points to @gulptech :sparkles: :thumbsup: :sparkles:
:cookie: 240 | @gulptech |http://www.freecodecamp.com/gulptech
Chris
@bestintown23
Apr 13 2017 20:38
how to make can i move my h1 tag to be in the middle of the right hand side of the page? http://codepen.io/bestintown23/full/gWORyo/
Mooli
@Mooli88
Apr 13 2017 20:56
hi, need help with pig latin please
are these vowels and constant are correct ?
      vowels = ['a', 'e','i', 'o', 'u'],
      consonants = [ 'b', 'c', 'd', 'f', 'g', 'h', 'j', 'k', 'l', 'm', 'n', 'p', 'q', 'r', 's', 't', 'v', 'w', 'y', 'z'];
Johnny
@jtan3
Apr 13 2017 21:00
@Mooli88 you could use regex to check for vowels
Mooli
@Mooli88
Apr 13 2017 21:03
i need help to know what the English vowel are first lol
Johnny
@jtan3
Apr 13 2017 21:03
@Mooli88 you pretty much have it right
Brandon Dodds
@EightBitMetal
Apr 13 2017 21:06
Can anyone tell me how to center text in the middle of the page while using text-align left to keep it all starting from the same point
not using css
Brandon Dodds
@EightBitMetal
Apr 13 2017 21:11
nevermind i figured it out
Umar
@OceanBrass
Apr 13 2017 21:14
sup guys =) needd some help with menu
can anyone help me? =)
wanna make my menu like here https://codepen.io/freeCodeCamp/full/YqLyXB
navigation
should i use JavaScript jQuaery or how can i do it, pleeeease =)
Andres Moreno
@andres-moreno
Apr 13 2017 21:20
@OceanBrass Do you mean that you want to implement smooth scrolling?
Umar
@OceanBrass
Apr 13 2017 21:23
@andres-moreno wanna do menu like on the second link i sended, like when you click "portfolio" menu, it will scroll to portfolio part of my page
we didn't learned it in freecodecamp, and its a bit difficult for me =)
Andres Moreno
@andres-moreno
Apr 13 2017 21:24
You need to add the ID of your element, which I think is "portfolioTitle" (Remember to tack a # before it because it is an ID)
You need to add this to the HREF of the Portfolio button in the Navbar
I did notice that the scrolling doesn't work perfectly even in the sample page
It cuts off a bit from the top--I think this is a CodePen issue
Umar
@OceanBrass
Apr 13 2017 21:27
@andres-moreno thank you soooo much, i will try =)
CamperBot
@camperbot
Apr 13 2017 21:27
oceanbrass sends brownie points to @andres-moreno :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @andres-moreno |http://www.freecodecamp.com/andres-moreno
Umar
@OceanBrass
Apr 13 2017 21:28
href="#portfolioTitle" it should be like this? =)
Andres Moreno
@andres-moreno
Apr 13 2017 21:29
Yes
@OceanBrass : yes, you got it
@OceanBrass It should work--I tested in your page... ;)
Umar
@OceanBrass
Apr 13 2017 21:31
yeaaaahh it works bro, thank again! =) finally hahah
if i wanna make the color of opened part of page in menu brighter, there i have to use css i guesS?
like activ link you know
Mooli
@Mooli88
Apr 13 2017 21:35
@OceanBrass yes
Chris
@bestintown23
Apr 13 2017 21:40
how do i move my p element to show in the center of the right side of the page? http://codepen.io/bestintown23/pen/ybyOqb
Sam Houlahan
@Sam-Houlahan
Apr 13 2017 21:40
Hey guys can anyone help with my wikipedia viewer? http://codepen.io/keewhy/pen/rmBVEP?editors=1111 . Its not finished however I am trying to get it to search the value when enter is pressed. I have tested the api and it is working fine so i know it is to do with my search .
Umar
@OceanBrass
Apr 13 2017 21:43
@bestintown23 like this maybe <p align="center">
Chris
@bestintown23
Apr 13 2017 21:46
@OceanBrass i tried that. i like it on the right hand side. i would like to move the text more down from where its at
Umar
@OceanBrass
Apr 13 2017 21:50
@bestintown23 add this in to your CSS
p {
padding: 50px;
}
p {
padding-right: 50px;
}
Relient
@Relient
Apr 13 2017 21:51
Is CodePen reliable at refreshing?
Pagnito
@Pagnito
Apr 13 2017 22:00
@Sam-Houlahan well i tihnk for one, ur using post instead of get
iso
@iso1048
Apr 13 2017 22:01
how can i make a button reusable with jquery?
Sam Houlahan
@Sam-Houlahan
Apr 13 2017 22:01
Its meant to be POST from all examples ive seen . If i call search(); at the top of the program it returns the api reuslts correctly
Pagnito
@Pagnito
Apr 13 2017 22:01
@Sam-Houlahan tho it doesnt solve the fact that u getting 404 error
@Sam-Houlahan as far i know, post is used to update or add stuff to api not retrieve
@Sam-Houlahan hold on tho ima try to help u
Sam Houlahan
@Sam-Houlahan
Apr 13 2017 22:03
I am building it on my machine locally i uploaded to codepen to show you guys but codepen is weird might be showing more errors than locally. No 404 for me.
Pagnito
@Pagnito
Apr 13 2017 22:08
@Sam-Houlahan i changed ur url from query to opensearch&search and i got a response, tho i still get errors, i dunno why but there is a proper response u can work with
var input = $('#search').val();
but yea i guess u can use both post and get but this is what i read
GET - Requests data from a specified resource
POST - Submits data to be processed to a specified resource
ch33zyp00fs
@ch33zyp00fs
Apr 13 2017 22:12
Hi all! So, I have a question, are we supposed to be able to create something as good as the example already? Is that where most of you are? I didn't have really any trouble in the tutorials but after looking at the developer view (codepen) from the example I feel like I'm very not ready for this (build a personal portfolio webpage project)
Jorge
@OrangeKulture
Apr 13 2017 22:13
hey guys
Mohamed Derhalli
@derhallim
Apr 13 2017 22:15

how can I make it that the icon appears beside the searchbox?

http://codepen.io/Derhallim/pen/aWzogR?editors=1100

Jorge
@OrangeKulture
Apr 13 2017 22:17
@ch33zyp00fs it's normal to feel like that, specially if you haven't coded a full page before. Just make sure you fulfill the user stories and try your best to make it look like you want
@derhallim your glyphicons should be wrapped in span tags
@derhallim you should also not use it as a link? it usually is an image, because if you make it a link, what it is going to link to
Mohamed Derhalli
@derhallim
Apr 13 2017 22:26
@OrangeKulture i have done this, but it's not clickable, even if i wrap it with anchor
Jorge
@OrangeKulture
Apr 13 2017 22:30
@derhallim it's fine that it's not clickable, in my opinion .. what would the click do?
Mohamed Derhalli
@derhallim
Apr 13 2017 22:32
search
ch33zyp00fs
@ch33zyp00fs
Apr 13 2017 22:33
@OrangeKulture Gotcha, I'll do my best and see how it goes. Thanks for replying!
CamperBot
@camperbot
Apr 13 2017 22:33
ch33zyp00fs sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 300 | @orangekulture |http://www.freecodecamp.com/orangekulture
Jorge
@OrangeKulture
Apr 13 2017 22:36
@derhallim i think its because a form control feedback cannot be anchor
Mohamed Derhalli
@derhallim
Apr 13 2017 22:38
but how do we make it per my first example, to make the icon appear beside the textbox?
@OrangeKulture
Jorge
@OrangeKulture
Apr 13 2017 22:42
@derhallim hmmm
what i would do is wrap each one of the three elements in a col - x class
instead of the whole div
@derhallim check this out: Fiddle
Mohamed Derhalli
@derhallim
Apr 13 2017 22:47
thanks @OrangeKulture
CamperBot
@camperbot
Apr 13 2017 22:47
derhallim sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 301 | @orangekulture |http://www.freecodecamp.com/orangekulture
Jorge
@OrangeKulture
Apr 13 2017 22:49
sure thing!
Vamp
@the-vampiire
Apr 13 2017 22:49
anyone here use the wiki api sandbox?
Jorge
@OrangeKulture
Apr 13 2017 22:53
@the-vampiire i did look at it the other day, haven't played around with it that much ..
Vamp
@the-vampiire
Apr 13 2017 23:03
i dont understand it
theres no place to put in the request you want..?
Abraham
@AbrahamLN
Apr 13 2017 23:18
Would anyone mind looking at my Tribute Page. I think I'm done but I'm open to any and all criticism. https://codepen.io/AbrahamLN/pen/gmyJXv
anfusion
@anfusion
Apr 13 2017 23:21
Looks interesting, but im getting images on top of other images and on top of text @AbrahamLN
Abraham
@AbrahamLN
Apr 13 2017 23:21
@anfusion woah really? lemme check it out
anfusion
@anfusion
Apr 13 2017 23:21
However I am on a mobile so maybe that's affecting it
Abraham
@AbrahamLN
Apr 13 2017 23:21
Oh yeah
I didnt make it mobile responsive
should i add a container fluid div?
anfusion
@anfusion
Apr 13 2017 23:22
That could be a fix
Give it a try
Abraham
@AbrahamLN
Apr 13 2017 23:23
sure
aRtoo
@artoodeeto
Apr 13 2017 23:24
im on lesson 203. and i have to make 9 case statement. i dont know if its a bug because i have 9 total case statement. help?
function sequentialSizes(val) {
  var answer = "";
  // Only change code below this line

  switch (val)
    {

      case 1:
      case 2:
      case 3:
        answer = "Low";
        break;

      case 4:
      case 5:
      case 6:
        answer = "Mid";
        break;

      case 7:
      case 8:
      case 9:
        answer = "High";
        break;     


    }


  // Only change code above this line  
  return answer;  
}

// Change this value to test
sequentialSizes(9);
Abraham
@AbrahamLN
Apr 13 2017 23:27
@anfusion Alrighty, i added it in, can you try it out now?
anfusion
@anfusion
Apr 13 2017 23:28
Ok man
@artoodeeto challenge name?
aRtoo
@artoodeeto
Apr 13 2017 23:29
@anfusion Multiple Identical Options in Switch Statements
@anfusion i think i have wrong spelling??
anfusion
@anfusion
Apr 13 2017 23:35
@artoodeeto sorry man I thought I thought I had time but got to boost back to work , if u still stuck later I'll have a look
@AbrahamLN still not resizing in my device
I've had similar probs in codepen tho where it works locally but not there. Not sure y at the moment
aRtoo
@artoodeeto
Apr 13 2017 23:37
@anfusion im good man. thanks
CamperBot
@camperbot
Apr 13 2017 23:37
artoodeeto sends brownie points to @anfusion :sparkles: :thumbsup: :sparkles:
:cookie: 255 | @anfusion |http://www.freecodecamp.com/anfusion
Hernan Mendez
@hernanmendez
Apr 13 2017 23:54
hello so anybody here can tell me why my pen isn't working?????
i'm on simon game