JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex, nofollow" />
<meta name="description" content="A to Z Guest Supply" />
<meta name="author" content="Rashid Safarov - [email protected]">
<meta name="copyright" content="AZGS">
<link rel="shortcut icon" href="http://www.azgs.co.uk/images/favicon.ico" />
<title>AZGS | Control Panel</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.azgs.co.uk/js/ui/ui.core_new.js"></script>
<script type="text/javascript" src="http://www.azgs.co.uk/js/ui/ui.widget.js"></script>
<script type="text/javascript" src="http://www.azgs.co.uk/js/ui/ui.position.js"></script>
<script type="text/javascript" src="http://www.azgs.co.uk/js/ui/ui.dialog.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
//Dialog box for confirmed data upload
$( "#uploadbox" ).dialog({
autoOpen: false,
height: 150,
width: 300,
modal: true,
resizable: false,
buttons: {
"Add": function() {
}
},
close: function() {
}
});
//Binding upload confirm
$(document).on('click', '.upload_confirmed', function(e){
$( "#uploadbox" ).dialog(" open ");
});
});
</script>
<body>
<a href="javascript:void(0);" abbr="quotation" class="upload_confirmed">Add</a>
<div id="uploadbox" title="Upload file" class="modal_box" >
<form style="margin-top:10px;">
<label...