Posted injQuery / Ajax / JavaScript / Mysql / Mysqli / php

jquery drag and drop save to database php

Today, We want to share with you jquery drag and drop save to database php.In this post we will show you dynamic drag and drop with jquery and php, hear for drag and drop reorder images using jquery ajax, php mysql we will give you demo and example for implement.In this post, we will learn about drag and drop jquery in php with an example.

PHP – Dynamic Drag and Drop table rows using JQuery Ajax

Step 1: Create Database Table

SQL Query:

CREATE TABLE IF NOT EXISTS `sorting_items` (

  `id` int(10) NOT NULL AUTO_INCREMENT,
  `title` varchar(120) NOT NULL,
  `description` text NOT NULL,
  `position_order` int(11) NOT NULL,
  PRIMARY KEY (`id`)

) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=7 ;

Step 2: Create index.php File

Example 2: index.php




    Dynamic Drag and Drop table rows in PHP Mysql- pakainfo.com
    
    
    
    


    

Dynamic Drag and Drop table rows in PHP Mysql - www.pakainfo.com

query($sql); while($user = $users->fetch_assoc()){ ?>
# Name Defination

Step 3: Create Database Configuration File

db_config.php


Step 4: Create ajaxPro.php File

ajaxPro.php

$v){
    $sql = "Update sorting_items SET position_order=".$i." WHERE id=".$v;
    $mysqli->query($sql);
	$i++;
}

?>

I hope you get an idea about Using jQuery or MooTools For Drag, Drop, Sort, Save.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

I am Jaydeep Gondaliya , a software engineer, the founder and the person running Pakainfo. I'm a full-stack developer, entrepreneur and owner of Pakainfo.com. I live in India and I love to write tutorials and tips that can help to other artisan, a Passionate Blogger, who love to share the informative content on PHP, JavaScript, jQuery, Laravel, CodeIgniter, VueJS, AngularJS and Bootstrap from the early stage.

Leave a Reply

Your email address will not be published. Required fields are marked *

We accept paid guest Posting on our Site : Guest Post Chat with Us On Skype