margin-bottom: ...;
to your .section-padding
class. Not sure what exactly you're looking for.
@hiltydiggs, 'Porfolio' and 'About' use this:
.section-padding {
margin-top: 3em;
}
It adds space to prevent those elements from being too close to the bottom of menu structure.
The same CSS doesn't seem to work with the 'Contact' section -- because of the .well
class. Not sure how to override that.
andreas2249 sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:warning: andreas2249 already gave hiltydiggs points
padding-top: ...;
to #contact
seems to work. Test that out.
var game = {
computer: function() {
var timeOut;
var cpArr = [];
cpArr = clrArr.slice(0,2);
console.log(cpArr);
I'm confused on the algo Sorted Union,
There are an n
amount of arguments but only 1 parameter so
function uniteUnique(arr) {
}
uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]);
console.log(arr) returns [1,3,2]
How can I access the n
amount of other arrays that are passed as arguments?
Thank you, @hiltydiggs. I had tried that before and can only get the form lower. I'm trying to get the entire well
below the menu. Here's what I had tried:
<div id="contact" class="contact-padding well container-fluid">
.contact-padding {
padding-top: 3em;
}
Also tried the same CSS here:
<h1 class="col-xs-offset-2 col-xs-8 contact-padding">Contact Us</h1>
That moves 'Contact' form down -- but not the well... :(
andreas2249 sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:warning: andreas2249 already gave hiltydiggs points
<a>
? It looks like it has square corners? Using Chrome on windows. You do have a broken image symbol for the icon, though.
:hover
I believe.
:hover
pseudo-class rule for that, then? It is hard to see unless you're looking for it...
border-radius: 5px 5px 0 0;
from the first selector it seems.
nth-of-type
- like it doesn't work well with classes or something? Let me see if I can dig up some notes that I had?
buiphuking sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:cookie: 533 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
@hiltydiggs - I found a stackoverflow note about it - you have to have the nth-of-child
on the li
elements, like this:
.settingsMenu li:nth-of-type(1) a {
border-radius: 5px 5px 0 0;
}
.settingsMenu li:nth-of-type(2) a {
border-radius: 0px;
}
.settingsMenu li:nth-of-type(3) a
{
border-radius: 0 0 5px 5px;
}
In this note: http://stackoverflow.com/questions/15320048/why-isnt-my-ahovernth-child-code-working
i
at the end of the for
loop is 9, and since each callback function instance is seeing the same i
as a "global" (global to all of the callback functions) they all have the same value, which is the loop termination value.
laurenamy sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1347 | @khaduch |http://www.freecodecamp.com/khaduch
@laurenamy - I just tried this really quickly:
var xxx = i;
$.getJSON(url, function(data) {
var i = xxx;
And it seems to work, at least for getting unique user status, because it uses the value of i
immediately. It gets the same user name in there for each user (not sure why) but it looks like unique ID numbers being assigned?
I just added those two lines before and after the $.getJSON
call.
dbstratta sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 516 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@laurenamy - I did come up with something that worked, based on the example in that article - it takes me a while to get it straight, and there might be a simpler way to do it (I thought my first suggestion was good, but didn't get the username right.) So this seems to work, replacing the for
loop with this:
for (var i = 0; i < userNames.length; i++) {
var url = "https://api.twitch.tv/kraken/streams/" + userNames[i] + "?callback=?";
var callback = function(j) {
//add html for each user profile
return function(data) {
$(".profiles").append("<div class='col-md-6 well user-profile" + (j + 1) + "'><ul class='profile-items'><li class='display-names display-name" + (j + 1) + "'></li><li class='status user-status" + (j + 1) + "'></li><li class='game game" + (j + 1) + "'></li><li class='stream-link stream-link" + (j + 1) + "'></li></ul></div>");
console.log(data);
var user = userNames[j];
var status = "";
var game = "";
var streamLink = "https://www.twitch.tv/" + user;
var picUrl = "";
var profLink = "";
$(".display-name" + (j + 1)).html("<h2>" + user + "</h2>");
if (data.status === null) {
status = "Offline";
} else {
status = "Online";
console.log(status);
$("#stat").html("User is: " + status);
}
//end if else
}
}(i);
$.getJSON(url, callback)
} // end for
Basically it used that "Immediately Invoked Function Expression" to "lock in" the current for loop's value of i
into the callback function.
thomasburgess2000 sends brownie points to @garysiu :sparkles: :thumbsup: :sparkles:
:cookie: 56 | @garysiu |http://www.freecodecamp.com/garysiu
float: left
to each of the color elements
buiphuking sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:cookie: 534 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
var contacts = [
{
"firstName": "Akira",
"lastName": "Laine",
"number": "0543236543",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"lastName": "Potter",
"number": "0994372684",
"likes": ["Hogwarts", "Magic", "Hagrid"]
},
{
"firstName": "Sherlock",
"lastName": "Holmes",
"number": "0487345643",
"likes": ["Intriguing Cases", "Violin"]
},
{
"firstName": "Kristian",
"lastName": "Vos",
"number": "unknown",
"likes": ["Javascript", "Gaming", "Foxes"]
}
];
function lookUpProfile(firstName, prop){
// Only change code below this line
return contacts[0].length;
thomasburgess2000 sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:cookie: 535 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
thomasburgess2000 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 517 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
function checkCashRegister(price, cash, cid) {
var val;
var cost=arguments[0];
var money=arguments[1];
var till= arguments[2];
var count=0;
var arr=[];
var change= money-cost;
if(change<0){
change=Math.abs(change);}//this makes change positive if its negative value
else change=change;
for(i=0; i<till.length;i++){
count+=till[i][1];}
if(change>count){
return "Insufficient Funds";
// Make a count that totals till values. If change is more than till then say so
} else{
var chgCount=0;
var chgArr=[];
for(j=till.length-1;j>0;j--){ //go through till from highest to lowest
while(change>chgCount){//while change is more than 0
chgCount+=till[j][1]; //add number to change from till
chgArr.push(till[j][0]);//put that in an array THIS IS CAUSING A INFI LOOP FOR SOME REASON HOW DO I CHANGE THAT!?
change-=till[j][1];//Take that number off change.
}
}return chgArr;
}
}
checkCashRegister(2.50, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
chgCount
within the while
loop, so it probably never satisfies the condition?
well
, just as I have above the 'Portfolio' and 'About' sections here in my CodePen. I suspect I need to override the .well
class to do that. Not sure how: Here's the Pen: http://codepen.io/andreas2249/pen/PzGNZm/
Here's what I would like it to look like when the 'Contact' button is pressed: https://s32.postimg.org/4ei4h1k9x/space.png
Thanks in advance for your time and consideration. :)
<li><a href="#test">Contact</a></li>
...
<div id="test"></div>
<div id="contact" class="well container-fluid">
Brilliant! That's a great suggestion, @hiltydiggs. I'm going to use that so I can, as you correctly stated, "...move along for now." I do need to wrap this part up.
Thank you again so much for your time and consideration on this issue. Best wishes to you, @hiltydiggs. :) :+1:
andreas2249 sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:cookie: 536 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
Can someone help me with calling an API with jquery for my FCC random quote app? The goal is to return the JSON object to pass it to another function. The problem is that it returns undefined
:
Here is the project: https://hyperdev.com/#!/project/thorn-hound
Here is the code in question (excerpt from app.js frontend):
const quoteMachine = {
apiURL: "https://got-quotes.herokuapp.com/quotes",
getJSON: function(url, data, callback) {
$(document).ready(function() {
$.getJSON(url, callback);
});
},
getRandomQuote: function() {
const randomQuoteObj = this.getJSON(this.apiURL, null, function(quoteObj) {
return quoteObj;
});
}
};
Thank you
danstockham sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:cookie: 537 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
function( data ) { //bla}
and use the stuff that the API returns to append it to the HTML. I just need to return the data.
$.getJSON("your-api-url", function(data){
return data;
});
:cookie: 538 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
sophiabrandt sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
const quoteMachine = {
getJSON: function(url, data, callback) { // url = "https://got-quotes.herokuapp.com/quotes", data = null, callback = function(quoteObj)
$(document).ready(function() {
$.getJSON(url, callback); // url = "https://got-quotes.herokuapp.com/quotes", callback = function(quoteObj)
});
},
apiURL: "https://got-quotes.herokuapp.com/quotes",
getRandomQuote: function() {
const randomQuoteObj = this.getJSON(this.apiURL, null, function(quoteObj) {
return quoteObj; // randomQuoteObj = undefined
});
}
var game = {
cpArr: [],
computer: function() {
var timeOut;
this.cpArr = clrArr.slice(0, 2);
timeOut = window.setTimeout(this.itterate, 500)
},
itterate: function() {
for (var i = 0; i < this.cpArr.length; i++) {
alert(this.cpArr[i]);
if (this.cpArr[i] === "green") {
display.flash('green');
}
if (this.cpArr[i] === "red") {
display.flash('red');
}
if (this.cpArr[i] === "yellow") {
display.flash('yellow');
}
if (this.cpArr[i] === "blue") {
display.flash('blue');
}
}
},
sophiabrandt sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1130 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
function checkCashRegister(price, cash, cid) {
var val;
var cost=arguments[0];
var money=arguments[1];
var till= arguments[2];
var count=0;
var arr=[];
var change= money-cost;
var tillCount=0;
var chgCount=0;
if(change<0){
change=Math.abs(change);}//this makes change positive if its negative value
else change=change;
for(i=0; i<till.length;i++){
count+=till[i][1];}
if(change>count){
return "Insufficient Funds";
// Make a count that totals till values. If change is more than till then say so
} else{
var chgArr=[];
for(i=till.length-1;i>=0;i--){
while(change>chgCount&& till[i][1]>0 && till[i][1]<=change){// HOW DO I MAKE till[i][1]<=change NOT FAIL on while loop? I can use if but not sure how to use an if here??
chgCount+=till[i][1];
change-=till[i][1];
chgArr.push(till[i][0]+till[i][1]);
}
return chgArr;}
}
}
checkCashRegister(2, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
The function is a whole Boolean operation. You need to return true if the first argument ends with the second argument. This means that for the problem script, it should return true for the confirmEnding('Bastian', 'n');
case.
:pencil: read more about algorithm confirm the ending on the FCC Wiki
border-radius
in css to round corners or create an oval or circle. With that, original image will stay intact as a rectangle. To me it was quicker to do that in CSS vs. Gimp -- and then have an extra copy floating around.
We can use the .join()
method to join each element in an array into a string separated by whatever delimiter you provide as an argument to the join operation.
var joinMe = joinMe.join(" ");
:pencil: read more about challenge join strings with join on the FCC Wiki
Quick Interesting QUEstion!!!:
checkCashRegister(2, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
Im trying to convert the array into usable chuhnks that a count can accumulate with. EXAMPLE: in ["TEN", 20.00] there are 2 10s = 20.00... I need the array to say 10,10 so that count can use the values .
The challenge is Exact Change
[.01, .05, .1, .25...]
and pushed them into each of the denominations in the drawer variable.
var denoms = [.01, .05, .1, .25, 1, 5, 10, 20, 100];
for (var i = 0; i < cid.length; i++) {
cid[i].push(denoms[i]);
}
var denoms = [0.01,0.05, 0.1, 0.25, 1, 5, 10, 20, 100];
for (var t = 0;t < till.length; t++) {while(till[t]/denoms[t]!=1){
till[t].push(denoms[t]);}
}
[ [ 'PENNY', 1.01, 0.01 ], [ 'NICKEL', 2.05, 0.05 ], [ 'DIME', 3.1, 0.1 ], [ 'QUARTER', 4.25, 0.25 ], [ 'ONE', 90, 1 ], [ 'FIVE', 55, 5 ], [ 'TEN', 20, 10 ], [ 'TWENTY', 60, 20 ], [ 'ONE HUNDRED', 100, 100 ] ]
In this array How can i make a var that looks at 2nd element and divides by 3rd element to get 1 number?
arrays = [ [ 'PENNY', 1.01, 0.01 ], [ 'NICKEL', 2.05, 0.05 ], [ 'DIME', 3.1, 0.1 ], [ 'QUARTER', 4.25, 0.25 ], [ 'ONE', 90, 1 ], [ 'FIVE', 55, 5 ], [ 'TEN', 20, 10 ], [ 'TWENTY', 60, 20 ], [ 'ONE HUNDRED', 100, 100 ] ];
for (array of arrays) {
var numCoins = array[1]/array[2];
}
arrays = [ [ 'PENNY', 1.01, 0.01 ], [ 'NICKEL', 2.05, 0.05 ], [ 'DIME', 3.1, 0.1 ], [ 'QUARTER', 4.25, 0.25 ], [ 'ONE', 90, 1 ], [ 'FIVE', 55, 5 ], [ 'TEN', 20, 10 ], [ 'TWENTY', 60, 20 ], [ 'ONE HUNDRED', 100, 100 ] ];
for (var i = 0; i < arrays.length; i++) {
var arr = arrays[i];
var numCoins = arr[1]/arr[2];
}
123xylem sends brownie points to @igorcadelima :sparkles: :thumbsup: :sparkles:
:cookie: 13 | @igorcadelima |http://www.freecodecamp.com/igorcadelima
arrays = [ [ 'PENNY', 1.01, 0.01 ], [ 'NICKEL', 2.05, 0.05 ], [ 'DIME', 3.1, 0.1 ], [ 'QUARTER', 4.25, 0.25 ], [ 'ONE', 90, 1 ], [ 'FIVE', 55, 5 ], [ 'TEN', 20, 10 ], [ 'TWENTY', 60, 20 ], [ 'ONE HUNDRED', 100, 100 ] ];
for (array of arrays) {
var numCoins = array[1]/array[2];
console.log(numCoins)
}
for(j=till.length-1;j>=0;j--){
var amountOfType=till[j][1]/till[j][2];
till[j].push(amountOfType);
function checkCashRegister(price, cash, cid) {
var val;
var cost=arguments[0];
var money=arguments[1];
var till= arguments[2];
var count=0;
var arr=[];
var change= money-cost;
var tillCount=0;
var chgCount=0;
var convertedTill=[];
var denoms = [0.01,0.05, 0.1, 0.25, 1, 5, 10, 20, 100];
for (var t = 0;t < till.length; t++) {
till[t].push(denoms[t]);}
if(change<0){
change=Math.abs(change);}//this makes change positive if its negative value
else change=change;
for(i=0; i<till.length;i++){
count+=till[i][1];}
if(change>count){
return "Insufficient Funds";
// Make a count that totals till values. If change is more than till then say so
} else{
var chgArr=[];
for(j=till.length-1;j>=0;j--){
var amountOfType=till[j][1]/till[j][2];
till[j].push(amountOfType);
while(change>chgCount&& till[j][1]>0 ){// HOW DO I MAKE till[i][1]<=change NOT FAIL on while loop? I can use if but not sure how to use an if here??
if(till[j][1]<=change){
chgCount+=till[j][1];
change-=till[j][1];
chgArr.push(""+till[j][0]+ ""+", "+""+till[j][1]+"");
}
else{j--;}}
return till;}
}
}
checkCashRegister(2, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
[["PENNY",1.01,0.01,101],["NICKEL",2.05,0.05,40.99999999999999],["DIME",3.1,0.1,31],["QUARTER",4.25,0.25,17],["ONE",90,1,90],["FIVE",55,5,11],["TEN",20,10,2],["TWENTY",60,20,3],["ONE HUNDRED",100,100,1]]
return till
in the last line. That's why you're only doing the thing you want to to do with the last array
function(){
var dict = []; // creating a new array
var mapValue = JSON.parse(localStorage.getItem("ngStorage-Map"));
// fetching a value which i want to push
dict.push(mapValue); // this push is not appending the value its overridding the existing one
console.log(dict);
};
Any help how to append the value to an array at trhe newxt index position??
dict
is empty when you try to push mapValue
into it?
Portfolio challenge
123xylem sends brownie points to @igorcadelima :sparkles: :thumbsup: :sparkles:
:cookie: 14 | @igorcadelima |http://www.freecodecamp.com/igorcadelima
function checkCashRegister(price, cash, cid) {
var val;
var cost=arguments[0];
var money=arguments[1];
var till= arguments[2];
var count=0;
var arr=[];
var change= money-cost;
var tillCount=0;
var chgCount=0;
var convertedTill=[];
var denoms = [0.01,0.05, 0.1, 0.25, 1, 5, 10, 20, 100];
for (var t = 0;t < till.length; t++) {
till[t].push(denoms[t]);}
if(change<0){
change=Math.abs(change);}//this makes change positive if its negative value
else change=change;
for(i=0; i<till.length;i++){
count+=till[i][1];}
if(change>count){
return "Insufficient Funds";
// Make a count that totals till values. If change is more than till then say so
} else{
var chgArr=[];
for(j=till.length-1;j>=0;j--){
var amountOfType=till[j][1]/till[j][2];
till[j].push(amountOfType);
while(change>chgCount&& till[j][1]>0 &&change!==chgCount ){// HOW DO I MAKE till[i][1]<=change NOT FAIL on while loop? I can use if but not sure how to use an if here??
if(till[j][1]<=change){
chgCount+=till[j][2];
change-=till[j][2];
chgArr.push(""+till[j][0]+ ""+", "+""+till[j][2]*[j]+"");//HERE I WANT TO RETURN eg 10 pennies as 0.10 rather than penny 0.1 10 times HOW??
}
else{j--;}}
}return chgArr;
}
}
checkCashRegister(15, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
How can i make my chgarrpush Push the value once but multpilied the amount it needs to be?
tonnamb sends brownie points to @andreas2249 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for andreas2249
menkoro sends brownie points to @tonnamb :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @tonnamb |http://www.freecodecamp.com/tonnamb
ammardinho sends brownie points to @doko85 :sparkles: :thumbsup: :sparkles:
:cookie: 395 | @doko85 |http://www.freecodecamp.com/doko85
menkoro sends brownie points to @tonnamb :sparkles: :thumbsup: :sparkles:
:warning: menkoro already gave tonnamb points
background-image
is messing up my layout in some way. https://greenheart.github.io
martialis39 sends brownie points to @doko85 :sparkles: :thumbsup: :sparkles:
:cookie: 396 | @doko85 |http://www.freecodecamp.com/doko85
mania7539 sends brownie points to @silentarrowz :sparkles: :thumbsup: :sparkles:
:cookie: 329 | @silentarrowz |http://www.freecodecamp.com/silentarrowz
var game = {
cpArr: [],
computer: function() {
var timeOut;
this.cpArr = clrArr.slice(0, 2);
timeOut = window.setTimeout(this.itterate, 500)
},
itterate: function() {
for (var i = 0; i < game.cpArr.length; i++) {
if (game.cpArr[i] === "green") {
display.flash('green'); }
if (game.cpArr[i] === "red") {
display.flash('red'); }
if (game.cpArr[i] === "yellow") {
display.flash('yellow'); }
if (game.cpArr[i] === "blue") {
display.flash('blue');
}
}
},
mcorby17 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 518 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title> Jamil Akhtar's | Portfolio </title>
</head>
<body>
<div class="page-header">
<div class="container">
<h1> Jamil Akhtar </h1>
<ul class="nav nav-pills pull-right">
<li><a href="#" class="active"> About </a></li>
<li><a href="#"> Portfolio </a></li>
<li><a href="#"> Contact </a></li>
</ul>
</div>
</div>
</body>
</html>
I have just started with the portfolio projectfrontender007 sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1064 | @dhcodes |http://www.freecodecamp.com/dhcodes
marcvesper sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 519 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
abdiviklas sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1066 | @dhcodes |http://www.freecodecamp.com/dhcodes
reset a {
text-decoration: none;
}
mcorby17 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 520 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
https://codepen.io/wokSiHD/pen/vKGqvw
I have a CSS animation here, for sliding in from right.
overflow-x: hidden;
to the body declaration
woksihd sends brownie points to @hiltydiggs :sparkles: :thumbsup: :sparkles:
:cookie: 539 | @hiltydiggs |http://www.freecodecamp.com/hiltydiggs
woksihd sends brownie points to @hiltydiggs and @jonkaric :sparkles: :thumbsup: :sparkles:
:warning: woksihd already gave hiltydiggs points
:cookie: 93 | @jonkaric |http://www.freecodecamp.com/jonkaric
hiltydiggs sends brownie points to @woksihd and @jonkaric :sparkles: :thumbsup: :sparkles:
:cookie: 94 | @jonkaric |http://www.freecodecamp.com/jonkaric
:cookie: 120 | @woksihd |http://www.freecodecamp.com/woksihd
max77p sends brownie points to @jdpunk1 :sparkles: :thumbsup: :sparkles:
:cookie: 325 | @jdpunk1 |http://www.freecodecamp.com/jdpunk1
max77p sends brownie points to @jdpunk1 :sparkles: :thumbsup: :sparkles:
:warning: max77p already gave jdpunk1 points
Hi hi :)
I'm having troubles with CSS:
<div class="row pageThree" id="portfolio">
<img id="img1">
</div>
I'd like to change .pageThree's background color when hovering over its child element #img1. I tried
background:black;
}
without any luck :(
hey, can someone explain me
html += "<img src = '" + val.imageLink + "'>"
i dont understand why does there need to have these + signs and both " and '
@urketadic
var name = "bbbbb";
html = html + "aaaaaaaaaaaaaaa" + name + "ccccccccccc";
do u understand this ??
is a string contatenation..."a" + "b" +"c"
.. will give u "abc"
string concatenation
means that each of the string variables a, b, and c are "strung" together.
<ol id='offlineChan'></ol>
<<----- to me.. looks like should be this<a href="#offline"
roniquericketts sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 1477 | @moigithub |http://www.freecodecamp.com/moigithub
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<!-- main container -->
<container>
<!-- header -->
<header class="page-header">
<div class="container">
<ul class="nav nav-pills pull-right">
<li><a href="#"> about </a></li>
<li><a href="#"> portfolio </a></li>
<li><a href="#"> contact </a></li>
</ul>
<h2 class="brand"> Jamil Akhtar </h2>
</div>
</header>
<!-- header -->
</container>
<!-- main container -->
</body>
</html>
here is my code
container-fluid
Guys need help here: http://codepen.io/mav1283/pen/ezdWKw
i get the 304 not modified also my results div not showing, i'm not trying to output the data at the moment but i'm using console.log for the data, i'm trying to toggle the results div on button click but it isn't showing
frontender007 sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 1478 | @moigithub |http://www.freecodecamp.com/moigithub
@mav1283 i dont see any javascript code.... to get data...
i see an html with some hardcoded results...
also .. i see a this css.. related to the result html part
#results-container{
....
display:none !important;
}
sooooooo many classes.. wonder if u using em....
if not.. probably would be easier.. if u delete all..start from scratch :D
$("#results-container").toggleClass("active");
console.log("click");
});
display:block;
}