These are chat archives for FreeCodeCamp/HelpFrontEnd

24th
Jul 2016
John Doe
@codingisfun11
Jul 24 2016 00:17
what do I need to do next I am so close.
blob
Tiffany White
@twhite96
Jul 24 2016 00:17
Can someone help me with the Random Quote Generator? I am trying to figure out how to grab a new quote by clicking the "New Quote" button but am unsure how to add the click() method in jQuery to my code. You can find my pen here: http://codepen.io/twhite96/pen/9b61fc44a276edb9bbb405cac84cf938?editors=1111
@codingisfun11 can you point me to the challenge you are doing?
John Doe
@codingisfun11
Jul 24 2016 00:21
Quoting Strings with Single Quotes---JavaScript
bsandusky
@bsandusky
Jul 24 2016 00:22
@twhite96 You need to create a click event on the button which will then trigger the AJAX call which you have currently running to replace text in the <p> tag. Something like javascript $(“#button-id”).click(function() { // do somethting here };
You’ll want to wrap that in a document ready call to make sure the element is on the page before it is called @twhite96
Tiffany White
@twhite96
Jul 24 2016 00:22
@bsandusky can I keep what I have?
@bsandusky and add the click event?
I tried that but I am not sure where to put it.
bsandusky
@bsandusky
Jul 24 2016 00:24
@twhite96 You can, however, you need a way to call the AJAX call. Right now it’s executing because it loads on the page. You may want to wrap that in a function itself, so that you can call it when the document loads AND on the click event
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:24
@codingisfun11 I think you need to use the sentence that they gave you, and make the slashes at the double quotes.
Tiffany White
@twhite96
Jul 24 2016 00:24
@bsandusky can you show me an example?
bsandusky
@bsandusky
Jul 24 2016 00:26
@twhite96 I have a function called “getQuote()” which calls the AJAX call to snag a quote and then update the page. I can call that when the documen loads or when i click on the button. https://codepen.io/bsandusky/pen/oLNRdr
@twhite96 Then, wrapped in document ready, I have a line $("#generate").on("click", getQuote); which calls the getQuote() function when the button is clicked
Tiffany White
@twhite96
Jul 24 2016 00:27
Ohhhh okay
Cory Johnson
@CygnusSW
Jul 24 2016 00:28
@Ryanwfile Your issue is in your game function. You try to check if "start == true", but you don't have access to the start variable. When you do that check, your start variable is only defined in "starter" function. Made the fix on this codepen: http://codepen.io/Cory2911/pen/VjxPkL?editors=0010
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:29
@twhite96 It really does get a little easier. Just remember to open your document, create a get function and then at your button the click to go back to the original get function.
@Rom2711 on line 14, what is start wanting to do?
Cory Johnson
@CygnusSW
Jul 24 2016 00:31
@KoniKodes I was was mistaken, there were some other problems as well. Like where the event listener is being added
John Doe
@codingisfun11
Jul 24 2016 00:32
@KoniKodes WOWWWWW
Ryan Williams
@Ryanwfile
Jul 24 2016 00:32
@Rom2711 Thank you very much for the help, I thought the start variable was a global so it might work that way. I am looking at your code and it definitely seems like an improvement but the beeper() function still doesn't seem to be executing when start is clicked
CamperBot
@camperbot
Jul 24 2016 00:32
ryanwfile sends brownie points to @rom2711 :sparkles: :thumbsup: :sparkles:
:cookie: 361 | @rom2711 |http://www.freecodecamp.com/rom2711
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:33
@Rom2711 Yes, I can see that. I didn't take too close a look, that was what first caught my eye. I'm not there yet, but keeping open to possible future solutions to help with were I am.
John Doe
@codingisfun11
Jul 24 2016 00:34
@KoniKodes I dont need ot use that string it says I need to work with the provided string.
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:36
@codingisfun11 I'm sorry, I only saw myString with an ahref in it.
@codingisfun11 Which string do you see as the provided string?
John Doe
@codingisfun11
Jul 24 2016 00:39
blob
@KoniKodes
Cory Johnson
@CygnusSW
Jul 24 2016 00:41
@Ryanwfile Instead of doing your check on a variable state (started), you could just change your starter function to something like this:
function starter (){
$('#start').on('click', beeper)
}
That would tie your beeper function straight to the starter function
or at least your start button
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:42
@codingisfun11 Ok.
John Doe
@codingisfun11
Jul 24 2016 00:44
@KoniKodes what should I do next.......I have 2/3 steps correct
Ryan Williams
@Ryanwfile
Jul 24 2016 00:46
@Rom2711 Ok that seems best I will do that, thanks again for the help
CamperBot
@camperbot
Jul 24 2016 00:46
ryanwfile sends brownie points to @rom2711 :sparkles: :thumbsup: :sparkles:
:warning: ryanwfile already gave rom2711 points
Cory Johnson
@CygnusSW
Jul 24 2016 00:46
np! good luck
sammytheindi
@sammytheindi
Jul 24 2016 00:46
Hey guys
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:47
@codingisfun11 I'm sorry that I don't understand why you have a var with an ahref instead of a string. It seems to see that you have done that, but I can't see the single quotes. Perhaps you can type the second orange sentence and see if that works.
sammytheindi
@sammytheindi
Jul 24 2016 00:47
I need some help with my navbar, it just isn't going flush with the edge of the page
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:47
@sammytheindi What does your margin look like?
sammytheindi
@sammytheindi
Jul 24 2016 00:48

body {
background-color:grey;
}

ul {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 200px;
background-color: #f1f1f1;
}

li a {
display: block;
color: #000;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
}

li a:hover {
background-color: #555;
color: white;
}

.active {
background-color: #4CAF50;
color: white;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 25%;
background-color: #f1f1f1;
height: 100%;
position: fixed;
overflow: auto; /Enable scrolling if there is too much content./
}

li {
text-align: center;
border-bottom: 1px solid #555;
}

margins and paddings are both 0
Cory Johnson
@CygnusSW
Jul 24 2016 00:48
@sammytheindi Pretty sure adding 0 margin and padding on your body element should fix it, I think
sammytheindi
@sammytheindi
Jul 24 2016 00:48

My HTML is:

<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">NEWS</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">ABOUT</a></li>
</ul>

Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:48
@sammytheindi ok. Do you have pen that I see?
sammytheindi
@sammytheindi
Jul 24 2016 00:49
yep
Aaron Baker
@AaronBakerUT
Jul 24 2016 00:49
Hello fellow front-end learners wave
Aaron Baker
@AaronBakerUT
Jul 24 2016 00:49
begins working on personal portfolio challenge
Cory Johnson
@CygnusSW
Jul 24 2016 00:49
@sammytheindi add "margin: 0px" to your body element
and it's fixed
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:50
@sammytheindi I think it will help to go to the code pen Settings in upper right corner. Under CSS add Bootstrap (from the dropdown).
sammytheindi
@sammytheindi
Jul 24 2016 00:50
Holy shit thank you so much
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:51
@sammytheindi Under JS settings add Bootstrap js. Bootstrap helps with the nav-bar
sammytheindi
@sammytheindi
Jul 24 2016 00:51
Definitely will do
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:51
@AaronBakerUT How are you?
Aaron Baker
@AaronBakerUT
Jul 24 2016 00:52
Good! I'm looking around for inspiration on personal portfolios
When I find one I like, I sketch it out on paper. Then I'll pick my favs and try to code it into reality
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:54
@AaronBakerUT Sounds like a good plan. There are a lot of creative campers in this group. You should be able to find something you like that you can bring your personal touch to.
Aaron Baker
@AaronBakerUT
Jul 24 2016 00:55
I'm open to viewing portfolios if anyone would like to share!
Toni Shortsleeve
@KoniKodes
Jul 24 2016 00:56
I'm having an image host issue, but my page is here: https://codepen.io/KoniKodes/pen/ZWqJNv
Cory Johnson
@CygnusSW
Jul 24 2016 00:56
@AaronBakerUT Cool to see a fellow austinite on here, Aaron! I can't help you much with the design stuff, I couldn't design myself out of a plastic bag lol
Aaron Baker
@AaronBakerUT
Jul 24 2016 00:59
haha! I love the design side of things. That's what keeps me going.
john94
@lpy1994
Jul 24 2016 01:00
@AaronBakerUT check mine !!
Aaron Baker
@AaronBakerUT
Jul 24 2016 01:01
@KoniKodes loving the introduction paragraphs! I'm inspired. "great friends and the right tools" <3 cries a little bit
Toni Shortsleeve
@KoniKodes
Jul 24 2016 01:02
@AaronBakerUT Thank you. It's what I like about this group - like my coding ohana.
CamperBot
@camperbot
Jul 24 2016 01:02
konikodes sends brownie points to @aaronbakerut :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @aaronbakerut |http://www.freecodecamp.com/aaronbakerut
Toni Shortsleeve
@KoniKodes
Jul 24 2016 01:02
I'm off to learn my algorithms. Good night.
Aaron Baker
@AaronBakerUT
Jul 24 2016 01:03
@lpy1994 very sleek and simple. I'm diggin it
Night @KoniKodes !
john94
@lpy1994
Jul 24 2016 01:04
@AaronBakerUT I am still learning js and jquery. so I didn’t much on js part tho
@AaronBakerUT but thank you
CamperBot
@camperbot
Jul 24 2016 01:04
lpy1994 sends brownie points to @aaronbakerut :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @aaronbakerut |http://www.freecodecamp.com/aaronbakerut
Aaron Baker
@AaronBakerUT
Jul 24 2016 01:06
How do I send brownie points back lol
john94
@lpy1994
Jul 24 2016 01:07
just “thanks” + @username
anything that i need improve?
Tiffany White
@twhite96
Jul 24 2016 01:11
I still can't get this to work right...I don't know what I am doing wrong. When I click "new quote" it gives me the same quote only below the original one...
Aaron Baker
@AaronBakerUT
Jul 24 2016 01:12
thanks + @lpy1994
CamperBot
@camperbot
Jul 24 2016 01:12
aaronbakerut sends brownie points to @lpy1994 :sparkles: :thumbsup: :sparkles:
:cookie: 210 | @lpy1994 |http://www.freecodecamp.com/lpy1994
Aaron Baker
@AaronBakerUT
Jul 24 2016 01:12
well @lpy1994 the projects are a little vague. are they just placeholders for now?
john94
@lpy1994
Jul 24 2016 01:13
oh, those pics is sort of placeholders
if I have any project, then I’ll change it
Aaron Baker
@AaronBakerUT
Jul 24 2016 01:14
word I gotcha
any project ideas brewing?
john94
@lpy1994
Jul 24 2016 01:15
I am learning js, now I thinking try to make more functioning website by use js , animate css and jQuery
just feel like they are so much to learn. I can’t think of any project without these knowledges
Akshay Vasant Nayak
@akshaynayak
Jul 24 2016 01:18
can someone have a look at my project. I am getting an error on the ajax call link http://codepen.io/akshay_nayak/pen/JKvbwV?editors=1111
Elbert Cortez
@trip16661
Jul 24 2016 01:18
This message was deleted
Guys don't you know any implementation of swipe to close event on js?
Aaron Baker
@AaronBakerUT
Jul 24 2016 01:21
@lpy1994 something that helped me to learn JS a bit: make buttons that hide/show content-boxes below
like.....lemme see if i can find an example
idk they have it super simply written with like 3 lines of jQuery but it can be a good exercise to just dive into and see if you can get it working with pure JS
event handlers on the buttons
john94
@lpy1994
Jul 24 2016 01:24
oh, forget to mention, I am also learning coding in codecademy
I know a little bit of jquery and angujar. I am try to copy the example in that personally portfolio challenge.
Because i can't understand his code, that's why I am thinking I need to learn more
Tiffany White
@twhite96
Jul 24 2016 01:39
Got it to work! Now I need to know how to move my footer to the bottom of the page and make it sticky. Can anyone help?
My footer is inside the quote box and I want it to be at the bottom of the page
DJ
@qualitymanifest
Jul 24 2016 02:14
@twhite96 first, close your quote-box div. then give footer position: absolute and bottom: 0
John Doe
@codingisfun11
Jul 24 2016 02:14
anyone willing to talk 1 on 1 and help. ?
MikeBeers
@MikeBeers
Jul 24 2016 02:26

on my twitch project. I am having trouble with my JSON call.
http://codepen.io/MikeBeers/pen/PzmpgV?editors=0002

I am displaying my call back to the console. I have one account that should come back with an error but it will not display. If I add "callback=?" to JSON call the account with the error will now show in the console. But then the images for my logos will not display and the status of the account will not display. What is going on with the "callback=?"
Line 13 in my codepen.

Dylan
@dhcodes
Jul 24 2016 02:46
@MikeBeers seems to be an async issue
MikeBeers
@MikeBeers
Jul 24 2016 02:50
@dhcodes Thanks. someone just helped me with this. But I did not really understand what this code did. Could you look at this pen again then checkout the new line on LINE 59. can you try and explain what is going on?
CamperBot
@camperbot
Jul 24 2016 02:50
mikebeers sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1241 | @dhcodes |http://www.freecodecamp.com/dhcodes
Dylan
@dhcodes
Jul 24 2016 02:54
@MikeBeers the way I made mine work was to put the second JSON call inside the first and put it all within a loop through the users
Alaa Sabbagh
@Alaa-Sabbagh
Jul 24 2016 03:28
)uw
Tiffany White
@twhite96
Jul 24 2016 03:30
I am missing some brackets or something in my code as I keep getting an error that I am not sure of what it means
John Doe
@codingisfun11
Jul 24 2016 03:30
blob
Am I on the right track? Appending Variables to Strings javascrip
Phil
@mremotoo
Jul 24 2016 03:42

how to remove the white border at the bottom of my navbar?

https://s.codepen.io/mremoto/debug/NAYjRd

Greg Duncan
@GregatGit
Jul 24 2016 04:10
@mremotoo you should paste the pen that gives us access to your code
Manish Giri
@Manish-Giri
Jul 24 2016 04:10
@twhite96 your code?
Greg Duncan
@GregatGit
Jul 24 2016 04:12
@mremotoo try removing the shadow class from the navbar
Tiffany White
@twhite96
Jul 24 2016 04:13
@Manish-Giri I got it figured out but when I share the quote to Twitter I get <p> tags when I don't want them
Can you take a look?
Manish Giri
@Manish-Giri
Jul 24 2016 04:14
@twhite96 okay, if you have a pen, post it here
Tiffany White
@twhite96
Jul 24 2016 04:15
I have been working on this for weeks and will not sleep until I get this final bit figured out
Manish Giri
@Manish-Giri
Jul 24 2016 04:15
@twhite96 is your quote appearing properly?
Tiffany White
@twhite96
Jul 24 2016 04:16
Yes. When you click on Get Quote it shows up
Ohhhh
I see now
Try it again @Manish-Giri
I had a + in a function
Sorin Ruse
@sorinr
Jul 24 2016 04:17
@mremotoo remove the shadow class from navbar
Manish Giri
@Manish-Giri
Jul 24 2016 04:17
@twhite96 yeah, I removed that +. One moment.
Tiffany White
@twhite96
Jul 24 2016 04:18
Okay
Manish Giri
@Manish-Giri
Jul 24 2016 04:22
@twhite96 the problem is because your API returns the quotes wrapped in those p tags itself. Trying to find a way to trim that.
Tiffany White
@twhite96
Jul 24 2016 04:23
Okay, thanks @Manish-Giri
CamperBot
@camperbot
Jul 24 2016 04:23
twhite96 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1498 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jul 24 2016 04:24
@twhite96 here, try this
success: function(data) {
      var post = data.shift(); // The data is an array of posts. Grab the first one.
      var quoteContent = $(post.content);
      console.log(quoteContent);
      $('p').html(post.content);
      $('#tweet-quote').click(function(e) {
        //We tell our browser not to follow that link
        e.preventDefault();
        //We get the URL of the link
        window.open('https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text=' + quoteContent.text());
      });
Sorin Ruse
@sorinr
Jul 24 2016 04:24
@twhite96 make it like this: window.open('https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text=' + $(post.content).text());
DJ
@qualitymanifest
Jul 24 2016 04:25
@twhite96 did you catch what i said earlier about bottom-aligning the footer?
Subroto
@Shub1427
Jul 24 2016 04:25
if i restrict body height to browser height and make overflow hidden, the container inside (that overflows and is a flex container) never gets a scrollable view, even if i put overflow of that container to auto or scroll - http://codepen.io/shub1427/pen/NAYykX
Greg Duncan
@GregatGit
Jul 24 2016 04:25
@twhite96 you could try
var temp = post.content;
        temp = temp.replace(/<p>/g, "");
Tiffany White
@twhite96
Jul 24 2016 04:26
@qualitymanifest yes. I didn't use it because I wasn't sure if I needed to or not.
Thanks @sorinr! That totally works
CamperBot
@camperbot
Jul 24 2016 04:26
twhite96 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 528 | @sorinr |http://www.freecodecamp.com/sorinr
DJ
@qualitymanifest
Jul 24 2016 04:27
@twhite96 it does look fine below the div vs. being at the bottom of the page
Greg Duncan
@GregatGit
Jul 24 2016 04:28
@Shub1427 try removing overflow: hidden;
from the css of body
Sorin Ruse
@sorinr
Jul 24 2016 04:29
@twhite96 welcome. I haven't seen that @Manish-Giri suggested same thing. :)
Subroto
@Shub1427
Jul 24 2016 04:30

i did that, and it works but than overflow has no meaning, i.e, putting overflow hidden inside the container also shows the container scrollable, which i don't want.

I want to have a scrollbar inside container div not on body

@GregatGit
I want to create an effect like Bootstrap modals, using flexbox @GregatGit
DJ
@qualitymanifest
Jul 24 2016 04:40
@Shub1427
.wrapper{
  margin: 0px 10px;
}

.container {
  max-height: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
i only added margin to .wrapper so you could see that the scrollbar belongs to .container
Subroto
@Shub1427
Jul 24 2016 04:44
thanx @qualitymanifest
CamperBot
@camperbot
Jul 24 2016 04:44
shub1427 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star2: 1292 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
Jul 24 2016 04:46
np
I am able to retrieve results for auto-completion but jquery isnt displaying it properly
can someone tell me how I can correct this
Sorin Ruse
@sorinr
Jul 24 2016 05:26
@akshaynayak what do u mean jq isnt displaying it properly ?
Akshay Vasant Nayak
@akshaynayak
Jul 24 2016 05:28
when I type in a word autocomplete options are being shown but the background is transparent and not white as I would like
Sorin Ruse
@sorinr
Jul 24 2016 05:49
@akshaynayak i've seen that effect. its quite strange
Mathew Joseph
@MathewtheCoder
Jul 24 2016 06:07
@akshaynayak you are using jquery ui right?Did you include jqueryui-smoothness.css
That must be the problem pls do say if that didnt fix it
Akshay Vasant Nayak
@akshaynayak
Jul 24 2016 06:19
hey mathew i added smoothness that didnt work though
i was wondering if you knew how to handle the response being returned from the .autocomplete function
Harry Adel
@harryadel
Jul 24 2016 06:26
Guy, why are the addition and subtraction buttons not working properly?
Mathew Joseph
@MathewtheCoder
Jul 24 2016 06:30
@akshaynayak Maybe this code will help
$(document).on('keydown.autocomplete', selector, function() {

        $(this).autocomplete({
    source: function(request, response) {
        $.ajax({
            url: "http://en.wikipedia.org/w/api.php",
            dataType: "jsonp",
            data: {
                'action': "opensearch",
                'format': "json",
                'search': request.term
            },
            success: function(data) {
                response(data[1]);
            }
        });
    }
});
});
Hemant Bhankhar
@hbnker31
Jul 24 2016 06:31
hi, I was working on Random Quote generator everything is fine but link to share on twitter is not working!!!
pls help
this is my pen
Harry Adel
@harryadel
Jul 24 2016 06:32
@hbnker31 Try adding target="_blank"
to your <a href=""></a> element
Hemant Bhankhar
@hbnker31
Jul 24 2016 06:33
it is already there
it gives me a black page
Olawale Akinseye
@brainyfarm
Jul 24 2016 06:33
Works for me @hbnker31 .
Hemant Bhankhar
@hbnker31
Jul 24 2016 06:34
any other issue that can cause this problem
Olawale Akinseye
@brainyfarm
Jul 24 2016 06:34
Try the link I posted and try to tweet from there @hbnker31 .
Maybe it is a codepen issue.
Hemant Bhankhar
@hbnker31
Jul 24 2016 06:34
yeah it's working
Hemant Bhankhar
@hbnker31
Jul 24 2016 06:35
i was trying it in editorial mode
thanks @Harry97 @brainyfarm
CamperBot
@camperbot
Jul 24 2016 06:35
hbnker31 sends brownie points to @harry97 and @brainyfarm :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for harry97
:cookie: 65 | @brainyfarm |http://www.freecodecamp.com/brainyfarm
Olawale Akinseye
@brainyfarm
Jul 24 2016 06:36
@hbnker31
Verify your codepen email address so you can use the full mode.
http://codepen.io/hbnker31/full/akYEVV
Sorin Ruse
@sorinr
Jul 24 2016 06:36
@Harry97 you have same class for both session and break so when you use $(".button").click(function() will get only the last element defined that has .button class
Harry Adel
@harryadel
Jul 24 2016 06:37
@sorinr I've added an if function to distinguish between the addition button and subtraction one
and I used "this" in order to modify the number that's closest to the button clicked
Sorin Ruse
@sorinr
Jul 24 2016 06:39
@Harry97 yes but you have "+" for both session and break
Harry Adel
@harryadel
Jul 24 2016 06:42
@sorinr Well, how do I fix it then?
Sorin Ruse
@sorinr
Jul 24 2016 06:44
@Harry97 are you in a hurry? i will fork your pen and make some changes to show you but i have to finish something now
Harry Adel
@harryadel
Jul 24 2016 06:45
@sorinr lol no, absolutely not I'm not in a hurry at all. I
Sorin Ruse
@sorinr
Jul 24 2016 06:46
@Harry97 ok. forked it. and i will look at it later
Harry Adel
@harryadel
Jul 24 2016 06:47
@sorinr Thanks a lot!
CamperBot
@camperbot
Jul 24 2016 06:47
harry97 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 529 | @sorinr |http://www.freecodecamp.com/sorinr
Subroto
@Shub1427
Jul 24 2016 06:51
I am trying to use custom fonts from tympanus.net in codepen, the link is perfect(i have checked) but still the code isn't working - http://codepen.io/shub1427/pen/oLdkxZ
@font-face {
    font-family: 'camera-icons-local';
    src: url("https://tympanus.net/Development/ImageGridEffects/fonts/camera-icons/camera-icons.ttf");
    font-weight: normal;
    font-style: normal;
}
Olawale Akinseye
@brainyfarm
Jul 24 2016 06:56
@hbnker31
You have target"_blank" as an attribute in your a element instead of target="_blank"
Muhammad Hasham
@MohammadHasham
Jul 24 2016 08:04
can anyone help me with wikipedia viewer?
NixonRichard
@NixonRichard
Jul 24 2016 09:19
yes ?
anyone here
Samiur Rahman
@samiurtonmoy
Jul 24 2016 09:26
Hi, I am having problem with Foundation Sites V6.2 SCSS file. I want to include an external color palette file. should I import this at the top in app.scss or in _settings.scss file? I intend to use the custom color palette in both app.scss and _settings.scss file to override the default colors. Thanks in advance
Muhammad Hasham
@MohammadHasham
Jul 24 2016 09:29
how can i get text from my text box in js
lleander
@lleander
Jul 24 2016 09:36
StackOverflow articles may have given hints on how to go about with the SEARCH part of the Wikipedia Viewer project. Now, I'm stuck and confused on how to get and display the search results to the html page. Any ideas?
Sorin Ruse
@sorinr
Jul 24 2016 10:50
@MohammadHasham $('texarea').val()
Nicolas Crumrine
@CrumrineCoder
Jul 24 2016 11:05
I'm trying to align a row of text above a row of icons, but it isn't working out very well
Bootstrap classes don't affect icons
And adding percentages isn't working
Not really sure how to fix it
Sorin Ruse
@sorinr
Jul 24 2016 11:10
@CrumrineCoder can u post the pen link?
It's near the bottom at forecasticons and names
Namely, referring to "Mon / Tues / Wed/" etc. and the icons below them
Sorin Ruse
@sorinr
Jul 24 2016 11:15
@CrumrineCoder why not making div class row the #names and another row the #forecast-icons and each name or icon div class="col-md-2" ?
Nicolas Crumrine
@CrumrineCoder
Jul 24 2016 11:15
I tried that, but it doesn't affect the icons
Sorin Ruse
@sorinr
Jul 24 2016 11:27
@CrumrineCoder you can do this way: #names, #forecast-icons{ display: flex; flex-direction: row; justify-content: center; }
Nicolas Crumrine
@CrumrineCoder
Jul 24 2016 11:27
Oh flex, didn't think of that
I should probably learn all of those things of flexbox, display: **, etc.
Aw wait hangon, the icons are all bunched up, I'll try and fix it
Muhammad Hasham
@MohammadHasham
Jul 24 2016 11:40
how can i show the titles of articles instead of getting the whole bunch! i am at wikipedia viewer and here is my pen:
http://codepen.io/Mohammad_Hasham/pen/EyLPmW
Nicolas Crumrine
@CrumrineCoder
Jul 24 2016 11:40
I'm going to ask on stackexchange @sorinr
Muhammad Hasham
@MohammadHasham
Jul 24 2016 11:41
@sorinr Thanks
CamperBot
@camperbot
Jul 24 2016 11:41
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 530 | @sorinr |http://www.freecodecamp.com/sorinr
Muhammad Hasham
@MohammadHasham
Jul 24 2016 11:41
@sorinr
Liman Abba
@limanCode
Jul 24 2016 11:52
Hello guys
how do I make an image a dropdown such that to see the dropdown, one has to click the image

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Getting Started with Bootstrap</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">

<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-limanAbba-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

</button>
<a class="navbar-brand" href="#">LimanAbba</a>
</div>

<div class="collapse navbar-collapse" id="bs-limanAbba-navbar-collapse-1">

<div class="navbar-header navbar-right">
<ul class="nav navbar-nav">
<li><a href="#">Freelance</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>\
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span><ul class="dropdown-menu">
<li><a href="#">Liman</a></li>
<li><a href="#">Code90</a></li>
<li><a href="#">Coding</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="jumbotron">
<div class="container">


</div></div></div>

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

Greg Duncan
@GregatGit
Jul 24 2016 12:04
Manikanth
@manikanth1024
Jul 24 2016 12:08
Hello guys
when I insert an image the image must open on modal for cropping ....
Prince-Singh
@Prince-Singh
Jul 24 2016 13:01
hey guys how to make the hamburger icon dropdown menu on collapse?
Prince-Singh
@Prince-Singh
Jul 24 2016 13:30
one more issue...the order of scripts in JS editor of codepen get changed everytime when I switch between editor view to detail view back n forth
Ken Haduch
@khaduch
Jul 24 2016 13:36
@Prince-Singh - make sure you save before you switch (if you haven't tried it) they might just reload the page? Not 100% sure... I haven't seen this problem.
Prince-Singh
@Prince-Singh
Jul 24 2016 13:37
yup that's the first thing came in my mind too but its not working after that too.
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:00

A friend of mine gave me this task. To extract the website from this.

77923B4D0R3B&url=httpwww.oldscpa.com
8009285G5S821H&url=httpwww.yachats.org
11224640Q0N6C34&url=httpwww.funstasticshows.com

Guide me how to do this? I want the part like `www.oldscpa.com' from each line. Should I use regex or what?

I know its a bit irrelevant here.
Ignore if you don't want to help.
Allen Pittard
@donaldpittard
Jul 24 2016 14:05
@faisal1337 maybe you could split on '='?
kirbyedy
@kirbyedy
Jul 24 2016 14:07
@faisal1337 I am not good at regex, but maybe this could work: /w{3}\..+/
@faisal1337 test it here: https://regex101.com/
copy your text there, and test
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:11
Aye. Lemme try
Shivam Mehta
@shivam13
Jul 24 2016 14:12
hello
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:12
blob
@kirbyedy the expression should be added like this?
kirbyedy
@kirbyedy
Jul 24 2016 14:14
yes
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:14
But it only extracts the first url
And I have a bunch of other same urls in next lines
regex would still work?
Cory Johnson
@CygnusSW
Jul 24 2016 14:15
just change which regex method you use
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:15
I'ma comeback
Cory Johnson
@CygnusSW
Jul 24 2016 14:15
.match is probably what you want, but I'd have to confirm
Stephen James
@sjames1958gm
Jul 24 2016 14:16
@faisal1337
"77923B4D0R3B&url=httpwww.oldscpa.com".match(/.*http(.*)/)[1]
"www.oldscpa.com"
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:30
@sjames1958gm thanks. It does work. Now can you guide me how can I automate this process on atext file.
CamperBot
@camperbot
Jul 24 2016 14:30
faisal1337 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 2115 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:30
Because I haven't done anything like this before.
Cory Johnson
@CygnusSW
Jul 24 2016 14:34
On a text file may be difficult....I'm not aware of a way of doing it via pure, client-side js. With a server you could do it pretty easily. Someone else may know a client-side solution.
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:35
Or I could just paste the data somewhere online with the expression @sjames1958gm gave
Cory Johnson
@CygnusSW
Jul 24 2016 14:36
Correct, that would be much easier, I think
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:36
Yeah. Waiting for answers. :D
Sorin Ruse
@sorinr
Jul 24 2016 14:37
@faisal1337 string split by "="
Cory Johnson
@CygnusSW
Jul 24 2016 14:38
@sorinr That one was answered, he's looking for a way of entering a text document into the browser and manipulating it from there
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:39
Yesp :)
Once you get the text file into your DOM, it should be easy from there using jquery, etc.
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:42
I dont want to use this method. It seems complicated to me.
Sorin Ruse
@sorinr
Jul 24 2016 14:43
@Rom2711 haven't read all previous posts :)
Cory Johnson
@CygnusSW
Jul 24 2016 14:44
I think you're right, but I doubt there's an easier way of getting your file into the DOM. Anyways, good luck finding a solution!
One of the responses to that post might work, one of them mentions using an AJAX request
using ajax to open the file
One of them sums it up I think: "There is no standard way in Javascript to manipulate local files, like you said it's for security reason. "
Stephen James
@sjames1958gm
Jul 24 2016 14:47
@faisal1337 jsbin? Or you could use the browser api to load a browser local file and process.
https://developer.mozilla.org/en-US/docs/Web/API/File
Cory Johnson
@CygnusSW
Jul 24 2016 14:47
@sjames1958gm Apparently a lot of browsers currently block the file protocol
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:48
var str = "11480668G3O923B&url=httpwww.feynmangroup.com103946E3L9H729C&url=httpwwvchamber.com74940N0F257N&url=httpwww.oregonsports.org10590634N4P2B4P&url=httpwww.kaiserpermanente.org%2f77923B4D0R3B&url=httpwww.oldscpa.com8009285G5S821H&url=httpwww.yachats.org11224640Q0N6C34&url=httpwww.funstasticshows.com";
var arr = [];
arr = str.split("=http");
arr[1] = arr[1].split("0-9+");
console.log(arr[1]);
I will paste the file in parts in the str variable
If I could only make the algorithm.
Stephen James
@sjames1958gm
Jul 24 2016 14:48
@Rom2711 For upload? Most would allow upload
Cory Johnson
@CygnusSW
Jul 24 2016 14:49
@sjames1958gm unclear from what I've found. I'm intrigued.
Sorin Ruse
@sorinr
Jul 24 2016 14:51
@faisal1337 why not use a $.get('textfile', function(data){} and do whatever you want with data ?
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:53
@sorinr I could paste the data in parts in the str variable
I just need to make the algorithm
Sorin Ruse
@sorinr
Jul 24 2016 14:55
@faisal1337 then look how you can interpret line by line an input type texarea for example
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 14:55
That's what I am working on. :/
Stephen James
@sjames1958gm
Jul 24 2016 14:59
@faisal1337 <input type="file"></input>
Sorin Ruse
@sorinr
Jul 24 2016 15:00
@faisal1337 var lines = $('textarea').val().split('\n'); then iterate lines and split string by "="
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 15:04
@sjames1958gm ok lemme try your way
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 15:09
@sjames1958gm
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <input type="file" id="input">
</body>
</html>
var lines = $('#input')[0].files[0].val().split('\n');
console.log(lines);
And the console shows the error Uncaught reference error $ is not defined
what's that?
Stephen James
@sjames1958gm
Jul 24 2016 15:10
@faisal1337 Yes, you will have to research how to handle the events on this element.
load jQuery when $ is not defined
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 15:11
@sjames1958gm I'm not sure what you mean by that?
there's some special ajax or something?
Stephen James
@sjames1958gm
Jul 24 2016 15:12
@faisal1337 add script tag with the jquery url
Sorin Ruse
@sorinr
Jul 24 2016 15:12
@faisal1337 add jquery lib for $ to work
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 15:14
@sjames1958gm but I'm using jsbin
oh shit
I understand now
check
I've addedjquery
and how should it work?
Sorin Ruse
@sorinr
Jul 24 2016 15:20
@faisal1337 move the var from css to js part
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 15:21
Da hell is wrong with me. Everything is going wrong. My phone bricked. Nothing's working. Frustrated.
pen.js:8 Uncaught TypeError: Cannot read property 'val' of undefined
Now this :/
@ndburrus got it fixed :o
Muhammad Osama Arshad
@asamolion
Jul 24 2016 15:23
Can anyone give me some pointers on how to solve the "No repeats Please" permutations challege?
I simply can't think of any permutation or combination formula that would do the task
Sorin Ruse
@sorinr
Jul 24 2016 15:27
@faisal1337 choose a text file and then look.
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 15:29
Did that.
Couple of times.
Sorin Ruse
@sorinr
Jul 24 2016 15:31
@faisal1337 the input type file lets you chose a file from your computer but not reads its contents
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 15:40
@sorinr to read it I would have to use some JS function?
Muhammad Hasham
@MohammadHasham
Jul 24 2016 15:41
This message was deleted
Sorin Ruse
@sorinr
Jul 24 2016 16:01
@faisal1337 here is an working version using textarea: http://codepen.io/sorinr/pen/GqdEPy
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 16:03
@sorinr well dayum.
@sorinr thanks man.
CamperBot
@camperbot
Jul 24 2016 16:03
faisal1337 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 532 | @sorinr |http://www.freecodecamp.com/sorinr
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 16:03
:clap:
Now let me tweak it to add the output in a string.
Sorin Ruse
@sorinr
Jul 24 2016 16:07
@faisal1337 thats ur job to do whatever you want with it :)
Faisal Zulfiqar
@faisal-zulfiqar
Jul 24 2016 16:08
Yeah man thanks again
Sorin Ruse
@sorinr
Jul 24 2016 16:09
@faisal1337 welcome
Muhammad Hasham
@MohammadHasham
Jul 24 2016 16:10
is there any other way of re writting the json object apart from append because that is a bit slow?
Sorin Ruse
@sorinr
Jul 24 2016 16:11
@MohammadHasham what do you mean by "re writting the json object" ?
Muhammad Hasham
@MohammadHasham
Jul 24 2016 16:13
i mean to append it as i am using a loop to iterate you can check here
http://codepen.io/Mohammad_Hasham/pen/EyLPmW?editors=1010
@sorinr
Sorin Ruse
@sorinr
Jul 24 2016 16:18
@MohammadHasham first get rid of <form> and </form> tags unless you want to e.preventDefault(); in your js. because when you press enter into the input field will try to submit the form
Muhammad Hasham
@MohammadHasham
Jul 24 2016 16:20
@sorinr okay i'll remove that
done removing them
@sorinr but why does the append method takes a long while to load things up!
Sorin Ruse
@sorinr
Jul 24 2016 16:28
@MohammadHasham take a look here: http://codepen.io/sorinr/pen/vKjJYW
Muhammad Hasham
@MohammadHasham
Jul 24 2016 16:29
@sorinr what changes do u make
made*
Sorin Ruse
@sorinr
Jul 24 2016 16:30
@MohammadHasham first i have introduced this: $("#parag").html('');
Muhammad Hasham
@MohammadHasham
Jul 24 2016 16:31
why was this mandatory?
Sorin Ruse
@sorinr
Jul 24 2016 16:31
@MohammadHasham then added }).setTimeout(50); to give some time to the $.get between keyups
Muhammad Hasham
@MohammadHasham
Jul 24 2016 16:32
you are a genius man!
was adding $("#parag").html(''); mandatory!
Sorin Ruse
@sorinr
Jul 24 2016 16:34
@MohammadHasham yes. to clear up your previous search. when y press "l" will go search for l and append. when you have "la" will go for "la" and append again without clearing the first "l" serach
Muhammad Hasham
@MohammadHasham
Jul 24 2016 16:34
@sorinr okay Thanks! alot.
CamperBot
@camperbot
Jul 24 2016 16:34
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 533 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Jul 24 2016 16:39
@MohammadHasham welcome
Jeremy
@jer244
Jul 24 2016 17:07
Hey everybody. Just finished the front end cert with this Simon game. Any feedback on the game very much welcome. Thanks. http://codepen.io/jer244/pen/jAxwjJ
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 18:00
hello everyoneee... I just want to know how to make an webpage static
John Doe
@codingisfun11
Jul 24 2016 18:01
blob
I made a simple mistake how can I fix?
seems like I did everything right just like the example said.
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 18:03
i am making my PORTFOLIO ..
John Doe
@codingisfun11
Jul 24 2016 18:03
never mind I figutred it out.
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 18:03
is anyone here , who could Guide me ???
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:03
@Rao-Sumeet what you wanna know :)
?
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 18:06
i just asking for the tips to make a portfolio static .... i have made it into 2 parts in which first part is static and second one will be chnage by others ( companies ) .
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:07
you creat a webpage, normally you learned it before portfolio page
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 18:07
for to make first part static , what should i do ?? so that the Whole page could not load .
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:07
you can hide other parts
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 18:08
it canot be done using css3 , html !!
how to hide ?
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:09
yes with css 1 :) display: none
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 18:10
okk.. i m going to check
and dont laugh at me ..
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:10
i don'tt laugh i smile
Will Sweet
@wsweet
Jul 24 2016 18:19
Does anyone know where to start with the scrolling nav of the portfolio page? I'm all done except for the scroll.
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 18:24
if you have made an portfolio
Phil
@mremotoo
Jul 24 2016 18:25
how do I link my bootsrap buttons to a section within the same page?
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:25
@wsweet it's bootstrap js plugin
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 18:25
than go for bootstrap
@AlexanderDom is right
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:26
@mremotoo you need <a href="#idoftarget"> with id of your target
Phil
@mremotoo
Jul 24 2016 18:26
what if I'm using buttons?
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:26

is important <a href="#test">I go to find test</a> <div id="test"></div>

oups
sorry for big letters
Phil
@mremotoo
Jul 24 2016 18:27
@AlexanderDom <buttons></buttons>
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:27
impossible @mremotoo you can apply button styles to links <a> too
Phil
@mremotoo
Jul 24 2016 18:28
@AlexanderDom sad, I'm using bootstrap buttons...
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:28
@mremotoo listen what i say , you can apply style of bootstrap buttons on links
ok gonna see
Phil
@mremotoo
Jul 24 2016 18:29
@AlexanderDom so I could just replace the buttons with <a>?
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:29
<a href="" class="btn navbar-btn btn-default abelFont">About</a> yes sir :)
and i didn't laugh at you ><
Phil
@mremotoo
Jul 24 2016 18:30
@AlexanderDom Thanks mate, will try that one
CamperBot
@camperbot
Jul 24 2016 18:30
mremotoo sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 321 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:30
@mremotoo you're welcome
Phil
@mremotoo
Jul 24 2016 18:32
@AlexanderDom it worked man
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:33
:clap: @mremotoo yes
Phil
@mremotoo
Jul 24 2016 18:33
@AlexanderDom another question though, how do I make it gracefully scroll not instantly scroll to the element
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:33
@mremotoo like said before it's a js plugin, forgot exact name but there plenty
i know it's hard i try to find some easy to "digest" exemple
Muhammad Hasham
@MohammadHasham
Jul 24 2016 18:41
how do i add a href link in javascript?
Stephen James
@sjames1958gm
Jul 24 2016 18:41
@MohammadHasham jquery or not jquery?
Muhammad Hasham
@MohammadHasham
Jul 24 2016 18:41
jquery
sir its jquery actually
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:42
@mremotoo look here
Stephen James
@sjames1958gm
Jul 24 2016 18:43
$("selector").attr("href", "value"); I think
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:43
@mremotoo so read this (you don't need init part) if you have questions
@AlexanderDom brother , can u please open the link
than u will get understand what i actually want
i dont want to repeat the code around 6 times for thw upper part
the*
i just want to make my upper part static and it seems like your {Display: none } cant work !!!
???
Alexander Domikov
@AlexanderDom
Jul 24 2016 18:56
@Rao-Sumeet i'm back, gonna see that
@Rao-Sumeet sorry but i don't understand what exactly you want
six times repeat what, which part of page ?
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 19:00
there are six buttons
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:01
yes
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 19:01
according to there name , i want to assign them there webpages
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:01
show me your portfolio where you're now so i see where you blocking
you want to make six links to 6 pages ?
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 19:02
yess
beacuase i have no other option than that
AD
@adblock31
Jul 24 2016 19:03
How do you link an image element on CodePen? I tried inserting the target="_blank" but it is not working.
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:04
ok
@adblock31 <img src="urltoyourimage" alt="" >
@Rao-Sumeet did you have your page on codepen ?
AD
@adblock31
Jul 24 2016 19:06
THanks Alexander. That's actually my name too! But I think I need to rephrase my question. My page is on codepen, I have a picture already visible on the page. I want to embed a link on the image to direct the user to a new page.
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 19:06
see... in that portfolio which i sent you , the photo & name part remains same , it is independent of the button-group . soo.. how he do that ?
no but i am user of github
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:07
how can i make boxes when a search is performed i have used a well class in html but it is not making seperate boxes can anyone help me? i want to have my boxes like this
https://codepen.io/FreeCodeCamp/full/wGqEga/
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:07
@adblock31 <a href=""><img ... ></a>
@Rao-Sumeet for mobile screen ?
blob
AD
@adblock31
Jul 24 2016 19:09
@AlexanderDom I have : <a href="url" target="_blank">
<img class="class"<img src="url" alt=""/></a>
@codepen gives 404 error
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:10
@adblock31 it's <a href="url" target="_blank">
<img class="class" src="url" alt=""/></a>
melisa pettaway
@mpettaw2
Jul 24 2016 19:10
hello everyone!!! i am on the wikipedia viewer.. so far i am able to bring in the object but i can't get the entire object. everything but "from" and "to" are showing up
lleander
@lleander
Jul 24 2016 19:10
Hello everyone!
I'm still stuck in the Wikipedia Viewer project.
I still can't figure out what API they used in the example project.
I don't want to "cheat" by checking its source code.
I've tried several combinations for the API query but I am not getting the same search results as what is shown in the example project.
I've checked StackOverflow already.
I've also tried action=opensearch and also getting a different search result.
Any ideas how to go about this? Thanks!
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:10
@adblock31 look you have two <img
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 19:10
how did u send screenshot @AlexanderDom ?
i can show u by that only
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:11
@Rao-Sumeet you press print screen if you're on windows, or you drag and drop your image here
@lleander i founded they api doc is far from being easy to understand
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 19:12
/home/sumit/Desktop/Screenshot from 2016-07-25 00:28:57.png
/home/sumit/Desktop/Screenshot from 2016-07-25 00:29:19.png
Screenshot from 2016-07-25 00:28:57.png
Screenshot from 2016-07-25 00:29:19.png
i hope u will get this time ?
AD
@adblock31
Jul 24 2016 19:13
got it! thanks! @AlexanderDom
CamperBot
@camperbot
Jul 24 2016 19:13
adblock31 sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 322 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
melisa pettaway
@mpettaw2
Jul 24 2016 19:14
sorry it meant *aren't
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:15
@Rao-Sumeet OK ! so easyiest (otherwise you need other language.. long story) you like you said must repeat six time samed thing :(
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:15
can anyone help me at wikipedia vewer
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 19:16
@AlexanderDom what i have to do now ?
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:16
@Rao-Sumeet so i try to explain fast, you need to use some language where you can create one page/template where you gonna change inside, php, js with AngularJs or many others but you must copy paste this "header" on each page sadly
melisa pettaway
@mpettaw2
Jul 24 2016 19:16

@lleander i used var api="https://crossorigin.me/https://en.wikipedia.org/w/api.php?action=query&titles="+$input+"&prop=revisions&rvprop=content&format=json";

where $input is a variable that holds $(input[type"search"]).val(). that way the api has to search on whatever it is given. though. i am having trouble with my own wiki so take it as you will

Alexander Domikov
@AlexanderDom
Jul 24 2016 19:17
@MohammadHasham i can try
@Rao-Sumeet in pure html, you need to copy pase
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:18
how can i make boxes when a search is performed i have used a well class in html but it is not making seperate boxes can anyone help me? i want to have my boxes like this
https://codepen.io/FreeCodeCamp/full/wGqEga/
@AlexanderDom
lleander
@lleander
Jul 24 2016 19:19
@mpettaw2 , actually my problem is that my search results are different from what I am getting when I tried to search the same word in the example project.
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 19:19
i have learned php too
but i dont know how to set-up php setup !!
melisa pettaway
@mpettaw2
Jul 24 2016 19:20
hmmmm....and nothing has changed with wiki since the example project was made?
imma test it out.
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:21
@Rao-Sumeet you need wamp or something like this to start a server (like i said a very long story) then you can include a separate part of page with php include method http://php.net/manual/fr/function.include.php
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:21
ok
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:21
really @Rao-Sumeet just copy and paste
melisa pettaway
@mpettaw2
Jul 24 2016 19:22
it is different. i typed sam in the example project, then took the api url and pasted it into the browser and changed to title="sam" the results were different.
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:22
@lleander i used opeansearch
lleander
@lleander
Jul 24 2016 19:22
@mpettaw2 what I want to accomplish is to be able to figure out what the example project uses for its wikipedia api. But, I don't want to cheat by looking at its source code.
@MohammadHasham can you link your codepen page ?
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 19:24
@AlexanderDom if u can help me on how to do setup of php ??
melisa pettaway
@mpettaw2
Jul 24 2016 19:24
sorry i typed that without reading first
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:25
@Rao-Sumeet it's not my domain where i know well or practice everyday sorry
Sumit Yadav
@Rao-Sumeet
Jul 24 2016 19:25
okk.. @AlexanderDom thanks to uu
CamperBot
@camperbot
Jul 24 2016 19:25
rao-sumeet sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 323 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:26
@MohammadHasham everything it's in one paragraph
lleander
@lleander
Jul 24 2016 19:27
@mpettaw2 @AlexanderDom it says in the instructions,
Objective: Build a CodePen.io app that is functionally similar to this: https://codepen.io/FreeCodeCamp/full/wGqEga/.
And that is what I was trying to do. To be able to somehow replicate its search functionality. Thanks for your inputs btw. :smile:
CamperBot
@camperbot
Jul 24 2016 19:27
lleander sends brownie points to @mpettaw2 and @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 271 | @mpettaw2 |http://www.freecodecamp.com/mpettaw2
:cookie: 324 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:27
@MohammadHasham first of all you bettre use and div because in paragraph you can only put text or inline elements like links images...
John Doe
@codingisfun11
Jul 24 2016 19:27
blob
blob
where should I go from here?
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:28
okay now i am using div tags instead of <p> tags @AlexanderDom
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:29
$("body").append("<div class='well'>"+data[1][i] + "</div><div class='well'>"+ data[2][i] + "</div><div class='well'>" +data[3][i] + "</div>");
so put your id in selector or ```$("#parag").append("<pclass='well'>"+data[1][i] + "</p><pclass='well'>"+ data[2][i] + "</p><p class='well'>" +data[3][i] + "</p>");
<p class sorry
@codingisfun11 you already have your variable
melisa pettaway
@mpettaw2
Jul 24 2016 19:34
@lleander no problem i was reading the api tutorial. it looks like you would have to customize the api to load info a certain way. the doc was hard to read so i am not sure if that is correct but you have the three categories multiple titles, multiple modules, and generators.
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:34
what you need to do is acces a child of an Array, myArray = [1,2,3]; myArray[2] is 3 just in your case it's multiple Array so multiple [] brackets
melisa pettaway
@mpettaw2
Jul 24 2016 19:34
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:34
@mpettaw2 yes very hard
melisa pettaway
@mpettaw2
Jul 24 2016 19:35
@AlexanderDom im glad i am not the only one
@lleander but without looking at the example source code i couldn't tell you how he did it sorry
Tyler Moeller
@TylerMoeller
Jul 24 2016 19:36
@lleander The API Sandbox lets you play around with different URL parameters to get the results you need: https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:38
@AlexanderDom Thanks
CamperBot
@camperbot
Jul 24 2016 19:38
mohammadhasham sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 325 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:38
you helped me really!
melisa pettaway
@mpettaw2
Jul 24 2016 19:38
oh and i still need help with the loaded json pretty pls
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:38
@MohammadHasham you're welcome :)
lleander
@lleander
Jul 24 2016 19:39
@mpettaw2 @AlexanderDom yes the wikipedia api documentation is difficult to grasp. :smile:
Maybe I'll just use a different approach so I can move on.
I hope it's ok with FCC if I am not able to replicate the search functionality of the example project.
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:40
@lleander actually thats the most difficult thing' because you always have to generate the query from sandbox
you should see the video for basic understanding!
lleander
@lleander
Jul 24 2016 19:40
@TylerMoeller I have spent a number of hours/days doing trial and error with the API sandbox. Thanks anyway. :smile:
CamperBot
@camperbot
Jul 24 2016 19:40
lleander sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 687 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:42
@lleander sorry but there other harder as hell parts :) (for me, who knows perhaps you gonna pass it in a sec :p)
i'm on Steamroller js exercice ><
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:43
@AlexanderDom just a last thing that how can i make the href in js
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:44
@MohammadHasham change an href of an element ? or i imagine you want to wrap you text in a link ? :)
melisa pettaway
@mpettaw2
Jul 24 2016 19:44
anyone....available...? :(
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:44
@mpettaw2 after @MohammadHasham ;)
Tyler Moeller
@TylerMoeller
Jul 24 2016 19:45
@lleander It's reasonable to spend a few hours getting familiar with the query parameters to get the search results you want. At a certain point, it will all start to make sense :) Good luck!
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:45
i want to wrap any stuff so that for example if i click any word in the description it redirects me to the link
@AlexanderDom
melisa pettaway
@mpettaw2
Jul 24 2016 19:45
@AlexanderDom , ok
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:46
@MohammadHasham find in your data result link then use it $("#parag").append("<p class='well'><a href="+dataOfLink+">"+ your text
don't forget to close your link
@mpettaw2 what's going on ?
melisa pettaway
@mpettaw2
Jul 24 2016 19:47
the json output only has values for from and to properties
everything else is blank. and i don't know why
Stephen James
@sjames1958gm
Jul 24 2016 19:50
@mpettaw2 There is a pages object, but it only has one entry
lleander
@lleander
Jul 24 2016 19:50
@TylerMoeller thanks. this project is exciting and frustrating at the same time. :laughing:
CamperBot
@camperbot
Jul 24 2016 19:50
lleander sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: lleander already gave tylermoeller points
melisa pettaway
@mpettaw2
Jul 24 2016 19:53
@sjames1958gm go to the api url and put "sam" as the title it comes up with a lot of stuff i am not sure if searching "sam" would have mulitple pages or not but it should be more data in the json object
sorry *when i
Stephen James
@sjames1958gm
Jul 24 2016 19:54
@mpettaw2 If you use the devtools console not the codepen console you will see the json object displayed and you can click on the triangle and navigate through the object.
melisa pettaway
@mpettaw2
Jul 24 2016 19:57
ok. i see
thank you
i am going to take a moment to rest my exploding brain. see you guys next time
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:58
@mpettaw2 yes pauses are important
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:58
@AlexanderDom Thanks once again!
CamperBot
@camperbot
Jul 24 2016 19:58
mohammadhasham sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave alexanderdom points
Muhammad Hasham
@MohammadHasham
Jul 24 2016 19:59
today i learnt a new thing actually
Alexander Domikov
@AlexanderDom
Jul 24 2016 19:59
@MohammadHasham you're welcome again :)
@sjames1958gm wanna pair help me on steamroller ? ><
Jacob Stewart
@JacobStewart1
Jul 24 2016 20:02
Hey I'm having trouble doing the random quotes website https://codepen.io/JacobStewart1/pen/AXVkGk i cant get the quote to come up could someone help me
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:03
@JacobStewart1 you forgot to add jquery
you can do it in quick-add option of js option of codepen
Jacob Stewart
@JacobStewart1
Jul 24 2016 20:03
ok thanks @AlexanderDom
CamperBot
@camperbot
Jul 24 2016 20:03
jacobstewart1 sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 326 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:03
i saw that from browser console
@JacobStewart1
$(".myButton").click(function() {
    clickedQuote();
  });
Muhammad Hasham
@MohammadHasham
Jul 24 2016 20:05
@JacobStewart1 where are u stuck at?
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:05
you can do
$(".myButton").click(clickedQuote);
Jacob Stewart
@JacobStewart1
Jul 24 2016 20:05
@MohammadHasham i cant get my quote to come out
@AlexanderDom ok
Jesus Vega
@ParagonChuy
Jul 24 2016 20:06
I need Help with the design of my twitch App
Desktop HD Copy.png
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:07
@JacobStewart1 you forgto to add you class to your button myButton
your function is never called
Jacob Stewart
@JacobStewart1
Jul 24 2016 20:07
oh ok thanks @AlexanderDom
CamperBot
@camperbot
Jul 24 2016 20:07
jacobstewart1 sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:warning: jacobstewart1 already gave alexanderdom points
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:08
@JacobStewart1 put console.log("it was called"); in your functions at start so your now in your console when your function is called
just and advice :)
Jacob Stewart
@JacobStewart1
Jul 24 2016 20:10
so where should i put that? @AlexanderDom
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:10
blob
@ParagonChuy what's going on ?
Muhammad Hasham
@MohammadHasham
Jul 24 2016 20:11
@JacobStewart1 there are many mistakes
you have to use an id for event handler
Jesus Vega
@ParagonChuy
Jul 24 2016 20:12
I want to make the application the way I posted up there, but I can't seem to find a way to make it responsive
Muhammad Hasham
@MohammadHasham
Jul 24 2016 20:12
that when a button is clicked something happens @JacobStewart1
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:12
@MohammadHasham there no problem with classes ;)
Jacob Stewart
@JacobStewart1
Jul 24 2016 20:13
ya i have that in now @MohammadHasham
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:13
if you want same event for many elements
Muhammad Hasham
@MohammadHasham
Jul 24 2016 20:13
@AlexanderDom no but the id of the button wasnt given which is being clicked
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:13
@MohammadHasham yes he forgot his class at the begining
Muhammad Hasham
@MohammadHasham
Jul 24 2016 20:14
@JacobStewart1 your logic is good but just tweak some brackets
Jacob Stewart
@JacobStewart1
Jul 24 2016 20:14
in the javascript part? @MohammadHasham
Muhammad Hasham
@MohammadHasham
Jul 24 2016 20:14
yes
and i guess that dont use script when u have predefined JS pane
for all that stuff
Jacob Stewart
@JacobStewart1
Jul 24 2016 20:15
ok
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:15
@ParagonChuy you can slide it to left for mobiles or to top and make it like line => list online, then other line
Jesus Vega
@ParagonChuy
Jul 24 2016 20:17
I was thinking about making the twitch logo the menu button
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:18
hover over body, just an exemple
Jesus Vega
@ParagonChuy
Jul 24 2016 20:18
OMG
THATS GENIUS
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:19
:)
Jesus Vega
@ParagonChuy
Jul 24 2016 20:19
<3 haha
Raj
@Raj00786
Jul 24 2016 20:19
Please help
how to load json file from any website.
Jesus Vega
@ParagonChuy
Jul 24 2016 20:19
Like I legit was looking for a solution like that all day yesterday
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:20
@ParagonChuy , if you have questions on code ask
@Raj00786 show us your code plz
Raj
@Raj00786
Jul 24 2016 20:25

@AlexanderDom
Ajax code

$.ajax({
                    url:"http://my-homepage-link/json.json?jsoncallback=?",
                    type:"GET",
                    dataType:"jsonp",
                    beforeSend:function(){
                        console.log("before send");
                    },
                    success:function(data,status){
                     console.log("success");
                    }  
                });

My json file in my homepage

{
  "firstName": "John",
  "lastName": "Smith",
  "isAlive": true,
  "age": 25,
  "address": {
    "streetAddress": "21 2nd Street",
    "city": "New York",
    "state": "NY",
    "postalCode": "10021-3100"
  },
  "phoneNumbers": [
    {
      "type": "home",
      "number": "212 555-1234"
    },
    {
      "type": "office",
      "number": "646 555-4567"
    },
    {
      "type": "mobile",
      "number": "123 456-7890"
    }
  ],
  "children": [],
  "spouse": null
}
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:27
@Raj00786 did you tried url:"http://my-homepage-link/json.json?callback=''"
seems too much json there ;)
or more &callback=''
Jesus Vega
@ParagonChuy
Jul 24 2016 20:36
CamperBot
@camperbot
Jul 24 2016 20:36
paragonchuy sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 327 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
Michael Bomholt
@bomholtm
Jul 24 2016 20:37
hey is anyone familiar with google design lite (MDL) ?
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:38
@ParagonChuy you forgot opacity in transition:opacity 0.3s ease-in; ;)
Jesus Vega
@ParagonChuy
Jul 24 2016 20:38
whoa
Michael Bomholt
@bomholtm
Jul 24 2016 20:38
really having trouble with setting up a fixed navbar like i want to in MDL
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:38
@bomholt a little bit gonna see
Michael Bomholt
@bomholtm
Jul 24 2016 20:39
so you know the fixed drawer + fixed navbar layout?
if i use this layout everything works fine but the scrollbar starts under the navbar
not at the top of the page
i dont like that
if i try to set up a fixed position div myself it overlaps the scrollbar
as soon position is fixed a width 100% div will overlap
or is there a way to have a full page scrollbar with the fixed header of MDL?
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:41
can you paste your screen print plz because i dont see your problem on codepen
Michael Bomholt
@bomholtm
Jul 24 2016 20:43
@AlexanderDom can you see it now?
i messed up and was playing with the code
but now you should see the overlapping
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:44
yes
so
Michael Bomholt
@bomholtm
Jul 24 2016 20:44
and thats the other demo
basically i like the MDL navbar but i hate that the scrollbar doesnt go all the height
if hove you understand my problem... its really hot at my place and my brain starts loosing capability
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:47
you can margin-top on mdl-layout__content
add
otherwise scroll bar comes from overflow-y:auto of mdl-layout__content
Michael Bomholt
@bomholtm
Jul 24 2016 20:47
in which example
so i need to change overflow-y to scroll so the whole page has a scrollbar?
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:48
wait wait
Michael Bomholt
@bomholtm
Jul 24 2016 20:49
im so confused :D brb getting a fan and water... basically i want a full height scrollbar with a fixed header
the scrollbar should look like in case of a scrollable header but the header should behave like a fixed one ^^
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:53
put <div class="he">d</div> before just up from
<main class="mdl-layout__content">
<div class="he">d</div><main class="mdl-layout__content">
Muhammad Hasham
@MohammadHasham
Jul 24 2016 20:53
http://codepen.io/Mohammad_Hasham/pen/EyLPmW?editors=1100
why me search bar is not centering really tried everything please help!
Michael Bomholt
@bomholtm
Jul 24 2016 20:55
@AlexanderDom thanks thanks thanks
CamperBot
@camperbot
Jul 24 2016 20:55
bomholt sends brownie points to @alexanderdom :sparkles: :thumbsup: :sparkles:
:cookie: 328 | @alexanderdom |http://www.freecodecamp.com/alexanderdom
Michael Bomholt
@bomholtm
Jul 24 2016 20:56
i made this div to test and put i nearly everywhere :D
now i can progress but first i should take a cold shower... flipping heat
thanks so much dude
Alexander Domikov
@AlexanderDom
Jul 24 2016 20:56
:) @bomholt you're welcome
good shower :)
i gonna leave too
good coding everybody
Michael Bomholt
@bomholtm
Jul 24 2016 20:57
have a nice one cu
Muhammad Hasham
@MohammadHasham
Jul 24 2016 21:41
how can i make the three elements at the center of the page
http://codepen.io/Mohammad_Hasham/full/EyLPmW/
Phil
@mremotoo
Jul 24 2016 21:57
@MohammadHasham it's already centered?
Muhammad Hasham
@MohammadHasham
Jul 24 2016 21:59
Okay!
Michael Bomholt
@bomholtm
Jul 24 2016 22:02
actually my problem isnt fixed :(
anyone experienced with MDL?
Priscilla
@priscillamosby
Jul 24 2016 22:09
OKay! I'm finished my Tribute Page about pizza! Lol what do you guys think? http://codepen.io/prisca/pen/BzxwXW
Michael Bomholt
@bomholtm
Jul 24 2016 22:11
https://codepen.io/bomholt/full/xOjXPy/ i am trying to achieve something like this but with a scrollbar of full page height ... also with a fixed header. anyone able to help?
Hong
@designBuildShipSoftware
Jul 24 2016 22:37
Hi, I just finished my wikipedia viewer. My code works well on firefox, but the search part was not working on chrome or microsoft edge. Can anyone tell me why? Here is my code:
$(document).ready(function() {
  $("#input1").keypress(function(event) {
    console.log(event);
    if (event.keyCode == 13) {
      $(".title").removeClass("title");
      $(".random").removeClass("random");
      $.getJSON("https://www.crossorigin.me/https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&srsearch=" + $("#input1").val(), function(json) {
        var html = "";
        json.query.search.forEach(function(val) {
          $.getJSON("https://www.crossorigin.me/https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&&exsentences=1&titles=" + val.title, function(json) {
            html += '<div style="text-align:left;" class="entry"><a href="https://en.wikipedia.org/?curid=' + Object.values(json.query.pages)[0].pageid + '" target="_blank">' + '<h4>' + Object.values(json.query.pages)[0].title + "</h4>" + Object.values(json.query.pages)[0].extract + "</a></div><br>";
            $(".result1").html(html);
          });  
        });
      });
    };
  });
});
Here is my pen:
Pedro Abel Díaz Sánchez
@coderHook
Jul 24 2016 22:54
How can I know if a Font is Humanistic Serif, Traditional Serif, Modern Serif, Geometric or so on... ?
Greg Duncan
@GregatGit
Jul 24 2016 23:55
@designBuildShipSoftware
+ Object.values(json.query.pages)[0].pageid // there is no Object.value