var parent = document.getElementsByClassName('entry-content');
var child = parent[0].getElementsByTagName('H2');
var childArray = Object.keys(child).map(function(key) {return child[key]});
window.addEventListener('scroll', function() {
childArray.forEach(function(item) {
if (item.getBoundingClientRect().top < 50) {
for (var i = 0; i < document.getElementsByClassName('side-nav-links').length; i++) {
document.getElementsByClassName('side-nav-links')[i].style.fontWeight = '500';
}
var node = item.getAttribute('data-id');
var sideNav = document.getElementById(node);
sideNav.style.fontWeight = '900';
}
})
})this.prevSlide = function() {
if (currentSlideIndex == 0) {
currentSlideIndex = countImages - 1;
_self._activate();
return;
}
currentSlideIndex--;
_self._activate();
};
this.nextSlide = function() {
if (currentSlideIndex == countImages - 1) {
currentSlideIndex = 0;
_self._activate();
return;
}
currentSlideIndex++;
_self._activate();
};$.ajax({
async: false
})$(window).ready(function() {
var response = '12345';
$.ajax({
url: '/send',
type: 'POST',
data: data,
cache: false,
processData: false,
contentType: false,
}).done(function(data) {
localStorage.setItem('response', data);
});
});
$(window).load(function() {
var response = localStorage.getItem('response');
console.log(response);
});trigger.addEventListener('click', function() {
input_user_search.value = '';
});$.ajax({
url: "coords.json",
dataType: "json",
async: true,
success: function(msg){
google.maps.event.addDomListener(window, 'load', init);
function init() {
var mapOptions = {
zoom: 2,
center: new google.maps.LatLng(42, 10),
scrollwheel: false
};
var mapElement = document.getElementById('map');
var map = new google.maps.Map(mapElement, mapOptions);
setMarkers(map);
map.addListener('click', function() {
if (infowindow) {
infowindow.close();
}
});
}
function setMarkers(map) {
for (var n = 0; n < msg.length; n++) {
console.group('Path: '+n);
for (var i = 0; i < msg[n].length; i++) {
var m = i+1;
var mrk = msg[n][i];
var next_mrk = msg[n][m];
var marker = new google.maps.Marker({
position: {lat: mrk[1], lng: mrk[2]},
map: map,
icon: image,
title: mrk[0],
});
Message(marker, mrk[3]);
if(next_mrk) {
var dashedLine = new google.maps.Polyline({
path: [
{lat: mrk[1], lng: mrk[2]},
{lat: next_mrk[1], lng: next_mrk[2]}
],
strokeOpacity: 0,
icons: [{
icon: line,
offset: '0',
repeat: '6px'
}],
map: map
});
console.dirxml(mrk[0]+" - "+next_mrk[0]);
} else {
console.dirxml(msg[n][i][0]);
}
}
console.groupEnd();
}
}
function Message(marker, msg) {
var infowindow = new google.maps.InfoWindow({
content: msg
});
marker.addListener('mouseover', function() {
this.setIcon(image_hover); this.setZIndex(2);
infowindow.open(marker.get('map'), marker);
});
marker.addListener('mouseout', function() {
this.setIcon(image); this.setZIndex(1);
infowindow.close();
});
marker.addListener('click', function() {
marker.get('map').setZoom(6);
marker.get('map').setCenter(marker.getPosition());
});
}
}
});function func(url) {
window.location = url+'?dfrom=today222&nights=1';
}<a href="#" onclick="func('2.html');">link</a>var search = window.location.search;
$.ajax({
url: 'https://api.instagram.com/v1/users/' + userid + '/media/recent',
dataType: 'jsonp',
type: 'GET',
data: {client_id: clientid, count: count, access_token: 'xxxxxxxxxx'},
success: function(result){
for( x in result.data ){
// result.data[x].images.low_resolution.url - это URL картинки среднего разрешения, 306х306
// result.data[x].images.thumbnail.url - URL картинки 150х150
// result.data[x].images.standard_resolution.url - URL картинки 612х612
}
}
});<video poster="">
<source src="" type='video/ogg; codecs="theora, vorbis"'>
<source src="" type='video/webm; codecs="vp8, vorbis"'>
<source src="" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<p>Video is not visible, most likely your browser does not support HTML5 video</p>
</video>
<ul class="controls">
<li>
<a href="#" class="prev"></a>
<a href="#" class="play"></a>
<a href="#" class="pause"></a>
<a href="#" class="stop"></a>
<a href="#" class="next"></a>
</li>
</ul>video.controls = false;var video = document.getElementsByTagName("video")[0];
var play = document.getElementsByClassName("play")[0];
var pause = document.getElementsByClassName("pause")[0];
var stop = document.getElementsByClassName("stop")[0];
var prev = document.getElementsByClassName("prev")[0];
var next = document.getElementsByClassName("next")[0];
function pause() {
video.pause();
}
function play() {
video.play();
}
...
play.addEventListener('click', play());
pause.addEventListener('click', pause());
...