JQuery ui experiments

Developer
Tess DiNapoli
Size
1,957 Kb
Views
8,096
  1. JQuery ui experiments Previews
  2. JQuery ui experiments HTML Codes
  3. JQuery ui experiments CSS Codes
  4. JQuery ui experiments JS Codes

How do I make an jquery ui experiments?

A place to play around with jQuery UI .sortable. What is a jquery ui experiments? How do you make a jquery ui experiments? This script and codes were developed by Tess DiNapoli on 14 January 2023, Saturday.

JQuery ui experiments Previews
IQ Test

JQuery ui experiments - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>jQuery ui experiments</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--JUST A TEMPLATE to jump off of, sourced directly from jQuery ui cdn-->
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div class="form-group">	<label for="comment">Today's tasks:</label>	<textarea class="form-control" rows="2" id="taskItem" placeholder="what's up today?"></textarea>	<br>	<input class="btn btn-default" type="submit" onclick="addTask()" value="add">	</button>
<ul id="sortable"> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span></li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li> <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul> <script src="js/index.js"></script>
</body>
</html>

JQuery ui experiments - Script Codes CSS Codes

ul {	list-style-type: none;
}
/* //to be styled and customized later// */

JQuery ui experiments - Script Codes JS Codes

$(function() { $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); });
JQuery ui experiments - Script Codes
JQuery ui experiments - Script Codes
Home Page Home
Developer Tess DiNapoli
Username TessDiNapoli
Uploaded January 14, 2023
Rating 3
Size 1,957 Kb
Views 8,096
Do you need developer help for JQuery ui experiments?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tess DiNapoli (TessDiNapoli) Script Codes
Name
Play with Instagram API
Daily Task List
Feedback Page
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!