pgroot91 · April 17, 2021 14:02 · Jan 14, 2015 · Jan 14, 2015 · Jan 14, 2015 · Jan 14, 2015
diff --git a/ux.js b/ux.js
@@ -0,0 +1,19 @@
+$.ajax({
+	url: ajaxpagination.ajaxurl,
+	type: 'post',
+	data: {
+		action: 'ajax_pagination',
+		query_vars: ajaxpagination.query_vars,
+		page: page
+	},
+	beforeSend: function() {
+		$('#main').find( 'article' ).remove();
+		$('#main nav').remove();
+		$(document).scrollTop();
+		$('#main').append( '<div class="page-content" id="loader">Loading New Posts...</div>' );
+	},
+	success: function( html ) {
+		$('#main #loader').remove();
+		$('#main').append( html );
+	}
+})
diff --git a/my_ajax_pagination.php b/my_ajax_pagination.php
@@ -0,0 +1,37 @@
+add_action( 'wp_ajax_nopriv_ajax_pagination', 'my_ajax_pagination' );
+add_action( 'wp_ajax_ajax_pagination', 'my_ajax_pagination' );
+
+function my_ajax_pagination() {
+    $query_vars = json_decode( stripslashes( $_POST['query_vars'] ), true );
+
+    $query_vars['paged'] = $_POST['page'];
+
+
+    $posts = new WP_Query( $query_vars );
+    $GLOBALS['wp_query'] = $posts;
+
+    add_filter( 'editor_max_image_size', 'my_image_size_override' );
+
+    if( ! $posts->have_posts() ) { 
+        get_template_part( 'content', 'none' );
+    }
+    else {
+        while ( $posts->have_posts() ) { 
+            $posts->the_post();
+            get_template_part( 'content', get_post_format() );
+        }
+    }
+    remove_filter( 'editor_max_image_size', 'my_image_size_override' );
+
+    the_posts_pagination( array(
+        'prev_text'          => __( 'Previous page', 'twentyfifteen' ),
+        'next_text'          => __( 'Next page', 'twentyfifteen' ),
+        'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>',
+    ) );
+
+    die();
+}
+
+function my_image_size_override() {
+    return array( 825, 510 );
+}
diff --git a/final-localization.php b/final-localization.php
@@ -1,3 +1,4 @@
+global $wp_query;
 wp_localize_script( 'ajax-pagination', 'ajaxpagination', array(
 	'ajaxurl' => admin_url( 'admin-ajax.php' ),
 	'query_vars' => json_encode( $wp_query->query )

diff --git a/final-localization.php b/final-localization.php
@@ -0,0 +1,4 @@
+wp_localize_script( 'ajax-pagination', 'ajaxpagination', array(
+	'ajaxurl' => admin_url( 'admin-ajax.php' ),
+	'query_vars' => json_encode( $wp_query->query )
+));
diff --git a/ajax-pagination.js b/ajax-pagination.js
@@ -15,7 +15,7 @@
 			type: 'post',
 			data: {
 				action: 'ajax_pagination',
-				wp_query: ajaxpagination.wp_query,
+				query_vars: ajaxpagination.query_vars,
 				page: page
 			},
 			success: function( html ) {

diff --git a/ajax-pagination.js b/ajax-pagination.js
@@ -0,0 +1,28 @@
+(function($) {
+
+	function find_page_number( element ) {
+		element.find('span').remove();
+		return parseInt( element.html() );
+	}
+
+	$(document).on( 'click', '.nav-links a', function( event ) {
+		event.preventDefault();
+
+		page = find_page_number( $(this).clone() );
+
+		$.ajax({
+			url: ajaxpagination.ajaxurl,
+			type: 'post',
+			data: {
+				action: 'ajax_pagination',
+				wp_query: ajaxpagination.wp_query,
+				page: page
+			},
+			success: function( html ) {
+				$('#main').find( 'article' ).remove();
+				$('#main nav').remove();
+				$('#main').append( html );
+			}
+		})
+	})
+})(jQuery);
diff --git a/ajax-action.php b/ajax-action.php
@@ -0,0 +1,7 @@
+add_action( 'wp_ajax_nopriv_ajax_pagination', 'my_ajax_pagination' );
+add_action( 'wp_ajax_ajax_pagination', 'my_ajax_pagination' );
+
+function my_ajax_pagination() {
+    echo get_bloginfo( 'title' );
+    die();
+}
diff --git a/ajax-call.js b/ajax-call.js
@@ -0,0 +1,13 @@
+$(document).on( 'click', '.nav-links a', function( event ) {
+	event.preventDefault();
+	$.ajax({
+		url: ajaxpagination.ajaxurl,
+		type: 'post',
+		data: {
+			action: 'ajax_pagination'
+		},
+		success: function( result ) {
+			alert( result );
+		}
+	})
+})
diff --git a/localize-script.html b/localize-script.html
@@ -0,0 +1,5 @@
+<script type='text/javascript'>
+/* <![CDATA[ */
+var ajaxpagination = {"ajaxurl":"http:\/\/wordpress.local\/wp-admin\/admin-ajax.php"};
+/* ]]> */
+</script>
diff --git a/localize-script.php b/localize-script.php
@@ -0,0 +1,3 @@
+wp_localize_script( 'ajax-pagination', 'ajaxpagination', array(
+	'ajaxurl' => admin_url( 'admin-ajax.php' )
+));
diff --git a/simple-alert.js b/simple-alert.js
@@ -0,0 +1,6 @@
+(function($) {
+	$(document).on( 'click', '.nav-links a', function( event ) {
+		event.preventDefault();
+		alert( 'Clicked Link' );
+	})
+})(jQuery);
diff --git a/enqueue.php b/enqueue.php
@@ -0,0 +1,4 @@
+function my_enqueue_assets() {
+    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
+    wp_enqueue_script( 'ajax-pagination',  get_stylesheet_directory_uri() . '/js/ajax-pagination.js', array( 'jquery' ), '1.0', true );
+}
diff --git a/child-functions.php b/child-functions.php
@@ -1,4 +1,4 @@
-add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
-function enqueue_parent_styles() {
+add_action( 'wp_enqueue_scripts', 'my_enqueue_assets' );
+function my_enqueue_assets() {
     wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
 }
diff --git a/child-functions.php b/child-functions.php
@@ -0,0 +1,4 @@
+add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
+function enqueue_parent_styles() {
+    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
+}
diff --git a/child-style.css b/child-style.css
@@ -0,0 +1,11 @@
+/*
+ Theme Name:   Twenty Fifteen AJAX
+ Theme URI:    http://yourwebsite.com/twentyfifteen-ajax/
+ Description:  The Twenty Fifteen theme with additional AJAX pagination
+ Author:       Daniel Pataki
+ Author URI:   http://danielpataki.com
+ Template:     twentyfifteen
+ Version:      1.0.0
+ Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, responsive-layout, infinite-scroll, post-slider, design, food, journal, magazine, news, photography, portfolio, clean, contemporary, dark, elegant, modern, professional, sophisticated
+ Text Domain:  twentyfifteen-ajax
+*/