Metabox - update Post - save duplicated rows to database / post via Ajax WordPress

Arnav Joy answers:

What code you are using ?
Can you show full code ?

User183722 comments:

I have explain a bit more in my question and a bit of code. Full Code would be a bit to much... I need only to know how i can save the new boxes that are duplicated with jquery and a script to the php variables. After that i can use the post informations for the shortcode in frontend... Did you understand what i mean? Here the link for the Script that i use to duplicate the div box with input fields: https://codecanyon.net/item/easy-row-duplication-jquery-plugin/10756407

User183722 answers:

I use only Wordpress editor. Its only styled by jqueryUI and CSS... For the Content Elements (Rows) i use the following Extension from Codecanyon: https://codecanyon.net/item/easy-row-duplication-jquery-plugin/10756407

With it i can click on Add Row and the Div will completely duplicated. I also can sortable the divs. The Extension allows me to have callbacks for "Add Row" or "Delete Row" and for sortable start and stop...
When i add a row or delete, the results should be saved as a normal input or textfield in the metabox.
I save a field with following code:
if ( isset($_POST['arti_carousel_tab_formattings_items_button_texttransform'])){
update_post_meta( $post_id, 'arti_carousel_tab_formattings_items_button_texttransform', $_POST['arti_carousel_tab_formattings_items_button_texttransform']);
};

Here a bit Code of my Metabox.php, the whole Code would be a bit to much for this site...

<?php
/* Security Check */
if (!defined('ABSPATH')) {
return;
}

// Register Custom Post Type
function arti_carousel_add_post_type() {

$labels = array(
'name' => _x( 'Carousels', 'Post Type General Name', 'arti-carousel' ),
'singular_name' => _x( 'Carousel', 'Post Type Singular Name', 'arti-carousel' ),
'menu_name' => __( 'Arti-Carousels', 'arti-carousel' ),
'name_admin_bar' => __( 'Arti-Carousels', 'arti-carousel' ),
'archives' => __( 'Item Archives', 'arti-carousel' ),
'attributes' => __( 'Item Attributes', 'arti-carousel' ),
'parent_item_colon' => __( 'Parent Item:', 'arti-carousel' ),
'all_items' => __( 'All Items', 'arti-carousel' ),
'add_new_item' => __( 'Add New Item', 'arti-carousel' ),
'add_new' => __( 'Add New', 'arti-carousel' ),
'new_item' => __( 'New Item', 'arti-carousel' ),
'edit_item' => __( 'Edit Item', 'arti-carousel' ),
'update_item' => __( 'Update Item', 'arti-carousel' ),
'view_item' => __( 'View Item', 'arti-carousel' ),
'view_items' => __( 'View Items', 'arti-carousel' ),
'search_items' => __( 'Search Item', 'arti-carousel' ),
'not_found' => __( 'Not found', 'arti-carousel' ),
'not_found_in_trash' => __( 'Not found in Trash', 'arti-carousel' ),
'featured_image' => __( 'Featured Image', 'arti-carousel' ),
'set_featured_image' => __( 'Set featured image', 'arti-carousel' ),
'remove_featured_image' => __( 'Remove featured image', 'arti-carousel' ),
'use_featured_image' => __( 'Use as featured image', 'arti-carousel' ),
'insert_into_item' => __( 'Insert into item', 'arti-carousel' ),
'uploaded_to_this_item' => __( 'Uploaded to this item', 'arti-carousel' ),
'items_list' => __( 'Items list', 'arti-carousel' ),
'items_list_navigation' => __( 'Items list navigation', 'arti-carousel' ),
'filter_items_list' => __( 'Filter items list', 'arti-carousel' ),
);
$args = array(
'label' => __( 'Carousel', 'arti-carousel' ),
'description' => __( 'Post Type Description', 'arti-carousel' ),
'labels' => $labels,
'supports' => false,
'hierarchical' => false,
'supports' => array( 'title' ),
'public' => true,
'show_ui' => true,
'show_in_menu' => true,
'show_in_admin_bar' => true,
'show_in_nav_menus' => true,
'can_export' => true,
'has_archive' => true,
'exclude_from_search' => false,
'publicly_queryable' => true,
'capability_type' => 'post',
);
register_post_type( 'arti_carousel', $args );

}

add_action( 'init', 'arti_carousel_add_post_type', 0 );
//Show Metabox
add_action( 'add_meta_boxes', 'arti_carousel_add_custom_meta_box' );
function arti_carousel_add_custom_meta_box (){
add_meta_box(
'arti_carousel_editor',
__('Carousel', 'arti-carousel'),
'arti_carousel_editor',
'arti_carousel',
'normal',
'high'
);
}


function arti_carousel_editor( $post )
{
wp_nonce_field('arti_carousel_save_meta_box_data', 'arti_carousel_meta_box_nonce');
$output = '
<div id="arti-carousel-tabs-5">' /* Carousel Items */ .'
<div class="easyRowDuplicationContainer container">
<div class="arti-carousel-admin-item-holder rowDuplication columns">
<div class="column col-4">
<div class="arti-carousel-admin-item arti-carousel-item-admin-headline">
<label for="arti_carousel_tab_items_headline">'.__('Image', 'arti-carousel').'</label>
<input type="text" name="arti_carousel_image" class="arti_carousel_image" value="'.esc_html(get_post_meta($post->ID, 'arti_carousel_image', true)).'"/>
<input type="button" class="arti_carousel_image_button" value="'.__('Upload','arti-carousel').'" data-uploader_title="'.__('File Upload','arti-carousel').'" data-uploader_button_text="'.__('Choose File','arti-carousel').'" />
</div>
</div>
<div class="column col-4">
<div class="arti-carousel-admin-item arti-carousel-item-admin-headline">
<label for="arti_carousel_tab_items_headline">'.__('Headline', 'arti-carousel').'</label>
<input placeholder="'.__('Headline 1', 'arti-carousel').'" name="arti_carousel_tab_items_headline" value="'.esc_html(get_post_meta($post->ID, 'arti_carousel_tab_items_headline', true)).'">
</div>
<div class="arti-carousel-admin-item arti-carousel-item-admin-textarea">
<label for="arti_carousel_tab_items_textarea">'.__('Text', 'arti-carousel').'</label>
<textarea rows="15" placeholder="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet." name="arti_carousel_tab_items_textarea">'.esc_html(get_post_meta($post->ID, 'arti_carousel_tab_items_textarea', true)).'</textarea>
</div>
</div>
<div class="column col-4">

</div>
</div>
</div>
</div>
';
echo $output;
};

add_action('save_post','arti_carousel_save'); //Save Code
function arti_carousel_save( $post_id )
{
//Security
if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
return;
};
//Nonce-Field Check
if ( ! isset($_POST['arti_carousel_meta_box_nonce'])){
return;
}
if( ! wp_verify_nonce($_POST['arti_carousel_meta_box_nonce'], 'arti_carousel_save_meta_box_data')){
return;
}
//Nonce-Field Check END
if ( 'arti_carousel' == $_POST['post_type']){
if( !current_user_can( 'edit_page', $post_id) || !current_user_can( 'edit_post', $post_id)){
return;
};
};
//Security END

//Fields - Basic Settings
include('metabox-save/fields-basic-setings.php');
//Fields - Formattings
include('metabox-save/fields-formattings.php');
//Load CSS Code for File
include('metabox-save/getCSS.php');

cssfile($post_id,$cssFile);

}