MaruscaGabriel/code.js

## code.js
//Open external links into new tab
<script type="text/javascript">
jQuery('a').filter(function () {
    return this.hostname != window.location.hostname;
}).attr('target', '_blank');
</script>

//Adding Fly-in Animations To Any Divi Section, Row and Module
//thanks to Gino Quiroz : https://quiroz.co/adding-fly-in-animations-to-any-divi-module/
//Below are the CSS Class groups for each animation.
//et_pb_animation_top et-animated et-waypoint
//et_pb_animation_bottom et-animated et-waypoint
//et_pb_animation_right et-animated et-waypoint
//et_pb_animation_left et-animated et-waypoint
//et_pb_animation_fade_in et-animated et-waypoint
<script>
(function($) {
    var $animation_elements = $('.et-waypoint'),
        $window = $(window);

    function check_if_in_view() {
        var window_height = $window.height(),
            window_top_position = $window.scrollTop(),
            window_bottom_position = (window_top_position + window_height);

        $animation_elements.each(function() {
            var $element = $(this),
                element_height = $element.outerHeight(),
                element_top_position = $element.offset().top,
                element_bottom_position = (element_top_position + element_height);

            //check to see if this element is within viewport
            if ((element_bottom_position >= window_top_position) && (element_top_position <= window_bottom_position)) {
                $element.addClass('et-animated');
            } else {
                $element.removeClass('et-animated');
            }
        });
    }

    $window.on('scroll resize', check_if_in_view);
})(jQuery);
</script>

// Slide In menu to close automatically when you click on a menu item?
// Add this code to: Divi > Theme Options > Integration tab > Add code to the <head> of your blog:

<script>
(function($) {
$(document).ready(function() {
var menuItem = $('.menu-item a');
menuItem.each(function(){
$(this).bind('click', function(){
$('‪#-et‬-top-navigation .mobile_menu_bar').trigger('click');
})
})
});
})(jQuery)
</script>

//Change Divi contact form submit button text:
//Give your contact form a custom class
//Add the following script to Divi > Theme Options > Integration > Add code to the < head >:

<script type=”text/javascript”>
jQuery(document).ready(function(){
jQuery(“.myclass button.et_pb_contact_submit”).text(‘Text you want displayed‘);
});
</script>

//Change the read more button text:
//Add the following script to Divi > Theme Options > Integration > Add code to the < head >:

<script type="text/javascript">
(function($) {
$(document).ready(function() {
var newVal = 'Text you want displayed';
$('.more-link').html( newVal );
});
})(jQuery);
</script>

//Move the blog post title above the featured image in the Divi blog module:
//Add the following script to Divi > Theme Options > Integration > Add code to the < head >

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("body.blog article").each(function(){
jQuery(">a:first-child", this).insertAfter(jQuery("h2.entry-title", this));
});
});
</script>

//Hide div using class on row and jQuerry

<script type="text/javascript">
//if the HTML had one extra layer of nesting use `find()` method
jQuery(".hide-if-empty").each(function()
{
 if(jQuery(this).find(".et_pb_module").children("div").length == 0)
 {
 jQuery(this).hide();
 }
});
//direct children method targeting the class ACF in this case
jQuery(".hide-if-empty-sidebar").each(function()
{
 if(jQuery(this).children(".sb_mod_acf_single_item").length == 0)
 {
 jQuery(this).hide();
 }
});
</script>

//Make the full blurb clickable in Divi
//Add the class in the Blurb Advance settings and after that add this to CSS: .blurb_click:hover {cursor: pointer;} and one of the below JS code
// In the same tab:
<script type="text/javascript">
jQuery(document).ready(function($) {
	$(".blurb_click").click(function() {
		window.location = $(this).find("a").attr("href");
		return false;
	});
});
</script>
//In new tab
<script type="text/javascript">
jQuery(document).ready(function($) {
	$(".blurb_click_newtab").click(function() {
		 var blurbLink = $(this).find("a");
		 blurbLink.attr("target", "_blank");
		 window.open(blurbLink.attr("href"));
		 return false;
	});
});
</script>
	//Open external links into new tab
	<script type="text/javascript">
	jQuery('a').filter(function () {
	return this.hostname != window.location.hostname;
	}).attr('target', '_blank');
	</script>

	//Adding Fly-in Animations To Any Divi Section, Row and Module
	//thanks to Gino Quiroz : https://quiroz.co/adding-fly-in-animations-to-any-divi-module/
	//Below are the CSS Class groups for each animation.
	//et_pb_animation_top et-animated et-waypoint
	//et_pb_animation_bottom et-animated et-waypoint
	//et_pb_animation_right et-animated et-waypoint
	//et_pb_animation_left et-animated et-waypoint
	//et_pb_animation_fade_in et-animated et-waypoint
	<script>
	(function($) {
	var $animation_elements = $('.et-waypoint'),
	$window = $(window);

	function check_if_in_view() {
	var window_height = $window.height(),
	window_top_position = $window.scrollTop(),
	window_bottom_position = (window_top_position + window_height);

	$animation_elements.each(function() {
	var $element = $(this),
	element_height = $element.outerHeight(),
	element_top_position = $element.offset().top,
	element_bottom_position = (element_top_position + element_height);

	//check to see if this element is within viewport
	if ((element_bottom_position >= window_top_position) && (element_top_position <= window_bottom_position)) {
	$element.addClass('et-animated');
	} else {
	$element.removeClass('et-animated');
	}
	});
	}

	$window.on('scroll resize', check_if_in_view);
	})(jQuery);
	</script>

	// Slide In menu to close automatically when you click on a menu item?
	// Add this code to: Divi > Theme Options > Integration tab > Add code to the <head> of your blog:

	<script>
	(function($) {
	$(document).ready(function() {
	var menuItem = $('.menu-item a');
	menuItem.each(function(){
	$(this).bind('click', function(){
	$('‪#-et‬-top-navigation .mobile_menu_bar').trigger('click');
	})
	})
	});
	})(jQuery)
	</script>

	//Change Divi contact form submit button text:
	//Give your contact form a custom class
	//Add the following script to Divi > Theme Options > Integration > Add code to the < head >:

	<script type=”text/javascript”>
	jQuery(document).ready(function(){
	jQuery(“.myclass button.et_pb_contact_submit”).text(‘Text you want displayed‘);
	});
	</script>

	//Change the read more button text:
	//Add the following script to Divi > Theme Options > Integration > Add code to the < head >:

	<script type="text/javascript">
	(function($) {
	$(document).ready(function() {
	var newVal = 'Text you want displayed';
	$('.more-link').html( newVal );
	});
	})(jQuery);
	</script>

	//Move the blog post title above the featured image in the Divi blog module:
	//Add the following script to Divi > Theme Options > Integration > Add code to the < head >

	<script type="text/javascript">
	jQuery(document).ready(function(){
	jQuery("body.blog article").each(function(){
	jQuery(">a:first-child", this).insertAfter(jQuery("h2.entry-title", this));
	});
	});
	</script>

	//Hide div using class on row and jQuerry

	<script type="text/javascript">
	//if the HTML had one extra layer of nesting use `find()` method
	jQuery(".hide-if-empty").each(function()
	{
	if(jQuery(this).find(".et_pb_module").children("div").length == 0)
	{
	jQuery(this).hide();
	}
	});
	//direct children method targeting the class ACF in this case
	jQuery(".hide-if-empty-sidebar").each(function()
	{
	if(jQuery(this).children(".sb_mod_acf_single_item").length == 0)
	{
	jQuery(this).hide();
	}
	});
	</script>

	//Make the full blurb clickable in Divi
	//Add the class in the Blurb Advance settings and after that add this to CSS: .blurb_click:hover {cursor: pointer;} and one of the below JS code
	// In the same tab:
	<script type="text/javascript">
	jQuery(document).ready(function($) {
	$(".blurb_click").click(function() {
	window.location = $(this).find("a").attr("href");
	return false;
	});
	});
	</script>
	//In new tab
	<script type="text/javascript">
	jQuery(document).ready(function($) {
	$(".blurb_click_newtab").click(function() {
	var blurbLink = $(this).find("a");
	blurbLink.attr("target", "_blank");
	window.open(blurbLink.attr("href"));
	return false;
	});
	});
	</script>