rallph sends brownie points to @paulotokimatu :sparkles: :thumbsup: :sparkles:
:cookie: 338 | @paulotokimatu |http://www.freecodecamp.com/paulotokimatu
transform: translateY(80px);
from #bottom
josefsaltz sends brownie points to @paulotokimatu :sparkles: :thumbsup: :sparkles:
:cookie: 339 | @paulotokimatu |http://www.freecodecamp.com/paulotokimatu
Can someone please help me to understand why the error clause on my ajax call function doesn't trigger?
I can see the error returned through Chrome Dev Tools: GET https://api.twitch.tv/kraken/channels/brunofin 404
The returned object contains
{
"error": "Not Found",
"status": 404,
"message": "Channel 'brunofindoesntexist' does not exist"
}
Can someone please help me to understand why the error clause on my ajax call function doesn't trigger?
I can see the error returned through Chrome Dev Tools: GET https://api.twitch.tv/kraken/channels/brunofin 404
The returned object contains
{
"error": "Not Found",
"status": 404,
"message": "Channel 'brunofindoesntexist' does not exist"
}
$('#newQuote').empty()
inside $.getJSON
callback. Make it as a first line in your .on('click'
callback and it should work
function diffArray(arr1, arr2) {
var limit = [];
var min = [];
var newArr = [];
if (arr1.length<arr2.length){
limit = arr2;
min = arr1;
}
else if (arr1.length>arr2.length){
limit = arr1;
min = arr2;
}
else{
limit = arr1;
min = arr2;
}
for (var i =0; i<limit.length; i++){
if (limit.indexOf(min[i]) === -1){
console.log("pusing min " + min[i]);
newArr.push(min[i]);
}
if (min.indexOf(limit[i]) === -1){
console.log("pushin limit " +limit[i]);
newArr.push(limit[i]);
}
if (min.length<i){
console.log("after min " +limit[i]);
newArr.push(limit[i]);
}
}
return newArr;
}
diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
diffArray(["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]);
diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
:(
var myJSON = [
{ "firstName":"John", "lastName":"Doe" },
{ "firstName":"Anna", "lastName":"Smith" },
{ "firstName":"Peter","lastName": "Jones" }
];
var myObj = JSON.parse(myJSON);
//document.getElementById("demo").innerHTML = "Hello";
$("#demo").html(myObj[0]["firstName"]);
This does not give the desired effect in html. Why?
$(document).ready(function() {});
```js
var myJSON = [
{ "firstName":"John", "lastName":"Doe" },
{ "firstName":"Anna", "lastName":"Smith" },
{ "firstName":"Peter","lastName": "Jones" }
];
var myObj = JSON.parse(myJSON);
//document.getElementById("demo").innerHTML = "Hello";
$("#demo").html(myObj[0]["firstName"]);
```
This does not give the desired effect in html. Why?
Fixed it, seems you should no tparse
$( document ).ready(function() {
console.log( "ready!" );
});
This is the ideal syntax
<p><span class="circle transparent-text">i</span> Lorem ipsum</p>
.circle {
background-color: #E74C3C;
border-radius: 50%;
width: 16px;
height: 16px;
}
arrayStr[i] = arrayStr[i][0].toUpperCase() + arrayStr[i].slice(1);
evilmann2 sends brownie points to @adityaparab :sparkles: :thumbsup: :sparkles:
:cookie: 731 | @adityaparab |http://www.freecodecamp.com/adityaparab
myKey
to your right api key?
recas sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1009 | @sorinr |http://www.freecodecamp.com/sorinr
Hi everyone, my ajax call is not responding, no errors in the console, what should i do?
my code:
$(document).ready(function() {
$("#submit").on("click", function() {
var title = $('#title').val();
var link = "https://en.wikipedia.org/w/api.php?action=query&list=search&srwhat=text&prop=links&srsearch=" + title + "&format=json";
var req = $.ajax({
url:link,
dataType: "jsonp"
});//end ajax call
req.done(function(json) {
var resultArray = json.query.search;
alert("yes");
});
req.fail(function() {
alert("failed");
});
});//end click
// function search(title) {
// }
});//end document ready
// function search(title) {
// }
// $.ajax( {
// url: "https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm",
// data: queryData,
// dataType: 'json',
// type: 'POST',
// headers: { 'Api-User-Agent': 'Example/1.0' },
// success: function(data) {
// // do something with data
// }
// });
codepen link: http://codepen.io/purpose/pen/pNmmoB
<div class="parallax-container valign-wrapper">
<div id="scrolljs">
<nav class="transparent">
<div class="nav-wrapper transparent">
<div class="brand-logo center">
<ul id="nav-mobile" class="left hide-on-med-and-down">
<li class="active waves-effect waves-light"><a href="#">Home</a></li>
<li><a href="#introduction">Introduction</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#">Works</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="row">
<div class="col s12 center">
<h3 class="valign">Programmer | University student | Gamer | Series addicted</h3>
<h1 id="name" class="valign">Mihók Balázs</h1>
</div>
<div class="row">
<div class="col s6 left">
<a class="waves-effect waves-light btn-large border-light max-width valign">Email me</a>
</div>
<div class="col s6 right">
<a class="waves-effect waves-light btn-large teal max-width valign">Buy templates</a>
</div>
</div>
</div>
<div class="parallax"><img src="img/mountain.jpg"></div>
</div>
valign-wrapper makes things vertical align, but sadly my navbar is inherite that too, can I make to skip that class on my navbar in easy way?
<img style="text-align:center;" src="http://theburtonwire.com/wp-content/uploads/2013/06/Mandela-Black-and-White-e1370706927193.jpg" alt="nelson mandela">
amidzicigor sends brownie points to @ankit-prgmr :sparkles: :thumbsup: :sparkles:
:cookie: 227 | @ankit-prgmr |http://www.freecodecamp.com/ankit-prgmr