javascript

SUBMITTED BY: lewiswhite

DATE: March 29, 2019, midnight

FORMAT: Text only

SIZE: 15.3 kB

Raw Download

HITS: 1645

Report
  1. (function($) {
  2. "use strict";
  4. $(document).ready(function(){
  8. /* ============== DETECT MOBILE DEVICES ============== */
  9. var isMobile = {
  10. Android: function() {
  11. return navigator.userAgent.match(/Android/i);
  12. },
  13. BlackBerry: function() {
  14. return navigator.userAgent.match(/BlackBerry/i);
  15. },
  16. iOS: function() {
  17. return navigator.userAgent.match(/iPhone|iPad|iPod/i);
  18. },
  19. Opera: function() {
  20. return navigator.userAgent.match(/Opera Mini/i);
  21. },
  22. Windows: function() {
  23. return navigator.userAgent.match(/IEMobile/i);
  24. },
  25. any: function() {
  26. return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
  27. }
  28. };
  32. /* ======= VIDEO BG ======= */
  33. if($('#video-background').length > 0) {
  34. $('#video-background').appear(function() {
  35. if (isMobile.any()) jQuery('#video-background').remove();
  36. else jQuery('#video-background').get(0).play();
  37. });
  38. }
  40. /* ======= CURRENT MENU ITEM ======= */
  42. var i, sections, hash, element, pos, pos_sec, current_id, height_element, menu_h;
  44. var menu_h = $("#main_menu").css("height");
  45. menu_h = parseInt(menu_h,10);
  47. var height,
  48. pos,
  49. element_menu,
  50. id_slide;
  52. $(document).scroll(function(){
  53. pos = $(this).scrollTop();
  54. $(".slide-menu").each(function() {
  55. id_slide = $(this).attr("id");
  56. height = $(this).css("height");
  57. element_menu = $('#desktop-menu #nav a[href$="#'+id_slide+'"]:first');
  58. if($(this).offset().top <= pos + 100 && element_menu.length > 0) {
  59. $("#desktop-menu #nav li").removeAttr("id");
  60. element_menu.parent().attr("id","current_menu_item");
  61. }
  62. });
  63. });
  69. /* ======= CLEAR AJAX FORM ======= */
  71. if($("#form-ajax").is('*')) {
  72. $('#form-ajax')[0].reset();
  73. }
  75. /* ======= COMMENT FORM ======= */
  76. $("#post-comment-form textarea").val("Your message...");
  79. var def;
  80. var def2;
  81. $("#post-comment-form input[type='text']").focus(function () {
  82. def = $(this).val();
  83. if ($(this).val() == def ) {
  84. $(this).val("");
  85. }
  86. }).blur(function () {
  87. if ($(this).val() == '') {
  88. $(this).val(def);
  89. }
  90. });
  92. $("#post-comment-form textarea").focus(function () {
  93. def2 = $(this).val();
  94. if ($(this).val() == def2 ) {
  95. $(this).val("");
  96. }
  97. }).blur(function () {
  98. if ($(this).val() == '') {
  99. $(this).val(def2);
  100. }
  101. });
  103. /* ======= MOBILE MENU ======= */
  105. $(".menu-mobile-button").click(function() {
  106. if($("#mobile-menu").css("display") == "none") {
  107. $("#mobile-menu").slideDown(300);
  108. }
  109. else {
  110. $("#mobile-menu").slideUp(300);
  111. }
  112. });
  114. $("#mobile-menu a").click(function() {
  115. $("#mobile-menu").slideUp(300);
  116. });
  120. /* ======= BACK TO TOP ======= */
  122. $(window).scroll(function () {
  123. if ($(this).scrollTop() > 700) {
  124. $('#backtop').css("visibility","visible");
  125. $('#backtop').css("opacity",1);
  126. } else {
  127. $('#backtop').css("opacity",0);
  128. $('#backtop').css("visibility","hidden");
  129. }
  130. });
  132. // scroll body to 0px on click
  133. $('#backtop').click(function () {
  134. $('body,html').animate({
  135. scrollTop: 0
  136. }, 800);
  137. return false;
  138. });
  141. /* ======= SCROLL ITEMS ======= */
  143. $('a').click(function (e) {
  145. var target = this.hash,
  146. $target = $(target);
  147. if(this.hash) {
  148. e.preventDefault();
  150. if(jQuery(this).parent('.arrow-link').length > 0) {
  151. $('html, body').stop().animate( {
  152. 'scrollTop': $target.offset().top
  153. }, 900, 'swing', function () {
  154. } );
  155. }
  156. else {
  157. $('html, body').stop().animate( {
  158. 'scrollTop': $target.offset().top-81
  159. }, 900, 'swing', function () {
  160. } );
  161. }
  162. }
  163. } );
  167. /* ======= FITVIDS ======= */
  169. $(".media-post").fitVids();
  170. $(".fit").fitVids();
  172. /* ======= BAR GRAPH ======= */
  174. $('.bar').appear(function() {
  175. var layer = jQuery(".percent-layer", this).css("width");
  176. var parent = jQuery(this).css("width");
  177. var percent = parseInt(layer,10)*100/parseInt(parent,10);
  178. $(".percent-layer", this).css("width","0%");
  179. $(".percent-layer", this).stop().animate( { width: percent+"%" }, { duration: 2500 } );
  180. });
  182. /* ======= COUNTDOWN ======= */
  184. $('.number_container').appear(function() {
  185. var count_element = $(".number", this).html();
  186. $(".number", this).countTo({
  187. from: 0,
  188. to: count_element,
  189. speed: 2500,
  190. refreshInterval: 50,
  191. });
  192. });
  194. /* ======= CLIENT CAROUSEL ======= */
  196. $(".client-carousel").flexisel({
  197. visibleItems: 5
  198. });
  200. /* ======= ISOTOPE ======= */
  202. var $container = $('.portfolio-container');
  203. $container.isotope({
  204. filter: '*',
  205. animationOptions: {
  206. duration: 750,
  207. easing: 'linear',
  208. queue: false
  209. },
  210. });
  212. $('.portfolio-categories ul li a').click(function(){
  213. $('.portfolio-categories ul li .current').removeClass('current');
  214. $(this).addClass('current');
  216. var selector = $(this).attr('data-filter');
  217. $container.isotope({
  218. filter: selector,
  219. animationOptions: {
  220. duration: 750,
  221. easing: 'linear',
  222. queue: false
  223. }
  224. });
  225. return false;
  226. });
  228. var filtertoggle = $('body');
  229. $(window).load(function() {
  230. var hash = window.location.hash;
  231. $container.isotope('reLayout', function() {
  232. $("html, body").scrollTo(hash, 1000, { offset: -menu_h });
  233. });
  236. $(function(){
  237. setTimeout(function() {
  238. $container.isotope('reLayout');
  239. }, filtertoggle.hasClass("") ? 755: 755);
  240. });
  241. });
  243. $(window).resize(function() {
  244. $(function(){
  245. setTimeout(function() {
  246. $container.isotope('reLayout');
  247. }, filtertoggle.hasClass("") ? 755: 755);
  248. });
  249. });
  251. /* ======= RESPONSIVE SLIDES ======= */
  253. $(function() {
  254. $(".rslides-testimonials").responsiveSlides({
  255. nav: true,
  256. auto: false,
  257. prevText: "<i class='icon-angle-left'></i>",
  258. nextText: "<i class='icon-angle-right'></i>",
  259. navContainer: ".testimonials-navi"
  260. });
  261. });
  263. $(function() {
  264. $(".rslides-twitter").responsiveSlides({
  265. nav: true,
  266. auto: false,
  267. prevText: "<i class='icon-angle-left'></i>",
  268. nextText: "<i class='icon-angle-right'></i>",
  269. navContainer: ".navi-tweet"
  270. });
  271. });
  273. $(function() {
  274. $(".rslides-blog").responsiveSlides({
  275. nav: true,
  276. auto: true,
  277. prevText: "<i class='icon-angle-left'></i>",
  278. nextText: "<i class='icon-angle-right'></i>"
  279. });
  280. });
  284. /* ======= AJAX PORTFOLIO LOAD ======= */
  285. var toLoad;
  286. $('.portfolio-container a').click(function(){
  287. $(window).scrollTo( '.portfolio-works', 1000, { offset: -80 } );
  288. toLoad = $(this).attr('href');
  289. $('.ajax-portfolio-loader').slideDown(500);
  290. $.ajax({
  291. url: toLoad,
  292. success: function(data) {
  294. var content_ajax = $(data).find('#content-ajax').html();
  295. $(".portfolio-view .row").html(content_ajax);
  296. $(".ajax-portfolio-loader").slideUp(500, function() { $(".portfolio-view .row").slideDown(500, function() { $('.close-button').show(500); }); } );
  297. $(window).scrollTo( ".portfolio-view", 1000, { offset: -120 } );
  298. }
  299. });
  301. return false;
  302. });
  304. $(".close-button").click(function() {
  305. $('.portfolio-view .row').slideUp(500, function() { $('.portfolio-view .row').html(''); });
  306. $(this).hide('fast');
  307. $('.ajax-portfolio-loader').slideUp(500);
  308. });
  310. /* ======= AJAX EMAIL CONTACT ======= */
  313. $('#form-ajax').submit(function(){
  314. var errors = false;
  315. var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
  316. var email_field = $("#email");
  317. var personal_field = $("#personal");
  318. var message_text = $("#message-contact");
  319. var website_field = $("#website");
  322. if(!emailReg.test($.trim(email_field.val())) || email_field.val() === '') {
  323. email_field.addClass("error-input");
  324. errors = true;
  325. }
  327. if(personal_field.val() === '') {
  328. personal_field.addClass("error-input");
  329. errors = true;
  330. }
  332. if(message_text.val() === '') {
  333. message_text.addClass('error-input');
  334. errors = true;
  335. }
  337. if(personal_field.val() === '') {
  338. personal_field.addClass('error-input');
  339. errors = true;
  340. }
  342. if(errors === false) {
  343. email_field.removeClass("error-input");
  344. personal_field.removeClass("error-input");
  345. message_text.removeClass("error-input");
  346. var formInput = $(this).serialize();
  347. $('input', this).attr('disabled','disabled');
  348. $.ajax({
  349. type: "POST",
  350. url: url_js,
  351. data: formInput,
  352. success: function(response) {
  353. if (response == "success")
  354. {
  355. $(".contact-form").slideUp("fast");
  356. $(".contact-success").fadeIn("slow");
  357. }
  359. else
  360. {
  361. alert('Problem with send email');
  362. }
  363. }
  364. });
  365. }
  367. return false;
  368. });
  370. /* =============================== SHORTCODES =============================== */
  372. /* ======= SINGLE & MULTIPLE TOGGLES ======= */
  374. $(".toggle").click(function() {
  375. var parent = $(this).parent();
  376. var content = $(".toggle-content",this);
  377. if(parent.hasClass("single-toggles")) {
  378. $(".toggle-title-text",parent).addClass("hover-icon");
  379. }
  380. if(content.css("display") === "none") {
  381. if(parent.hasClass("single-toggles")) {
  382. $(".toggle-content",parent).slideUp(200);
  383. $(".toggle-arrow i",parent).removeClass("icon-angle-down");
  384. $(".toggle-arrow i",parent).addClass("icon-angle-right");
  385. $(".toggle-title-text",parent).addClass("hover-icon");
  386. }
  387. content.slideDown(200);
  388. $(".toggle-title-text",this).removeClass("hover-icon");
  389. $(".toggle-arrow i",this).removeClass("icon-angle-right");
  390. $(".toggle-arrow i",this).addClass("icon-angle-down");
  391. }
  392. else {
  393. content.slideUp(200);
  394. $(".toggle-title-text",this).addClass("hover-icon");
  395. $(".toggle-arrow i",this).removeClass("icon-angle-down");
  396. $(".toggle-arrow i",this).addClass("icon-angle-right");
  397. }
  398. });
  400. /* ======= TABS ======= */
  402. $('.tabs-menu').each(function() {
  403. $("ul.tabs-menu > li:first-child").addClass('active-tab');
  404. var $ul = $(this);
  405. var $li = $ul.children('li');
  407. $li.each(function() {
  408. var $trescTaba = $($(this).children('a').attr('href'));
  409. if ($(this).hasClass('active-tab')) {
  410. $trescTaba.show();
  411. } else {
  412. $trescTaba.hide();
  413. }
  414. });
  415. $li.click(function() {$(this).children('a').click();});
  416. $li.children('a').click(function() {
  417. $li.removeClass('active-tab');
  418. $li.each(function() {
  419. $($(this).children('a').attr('href')).hide();
  420. });
  421. $(this).parent().addClass('active-tab');
  422. $($(this).attr('href')).show();
  423. return false;
  424. });
  425. });
  427. /* ======= ALERTS ======= */
  429. $(".close-alert").click(function() {
  430. $(this).parent().hide(400);
  431. });
  435. });
  436. })(jQuery);
comments powered by Disqus