react-ej1-demos/index.html

100 строки
4.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Essential JS 1 for React Application</title>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<meta name="description" content="The sample browser is built by Syncfusion Essential JS 1 React components in a React JS application based on a single page application (SPA)"/>
<meta name="author" content="Syncfusion"/>
<link rel="shortcut icon" href="content/images/favicon.ico"/>
<link rel="stylesheet" href="content/style.css" />
<link href="content/ej/themes/default-theme/ej.web.all.min.css" rel="stylesheet" />
<link href="content/ej/themes/responsive-css/ej.responsive.css" rel="stylesheet" />
<link href="content/bootstrap.min.css" rel="stylesheet" />
<script src="scripts/react.min.js"></script>
<script src="scripts/react-dom.min.js"></script>
<script src="scripts/create-react-class.min.js"></script>
<script src="scripts/jquery-3.4.1.min.js"></script>
<script src="scripts/jsondata.min.js"></script>
<script src="scripts/jquery.validate.min.js"></script>
<script src="scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="scripts/jsrender.min.js"></script>
<script src="scripts/ej.web.all.min.js"></script>
<script src="scripts/properties.js" type="text/javascript"></script>
<script src="scripts/cultures/ej.culture.de-DE.min.js"></script>
<script src="scripts/cultures/ej.culture.en-US.min.js"></script>
<script src="scripts/cultures/ej.culture.fr-FR.min.js"></script>
<script src="scripts/cultures/ej.culture.zh-CN.min.js"></script>
<script src="scripts/templatelocaldata.js"></script>
<script src="scripts/ej.web.react.min.js"></script>
<script src="scripts/sampleslist.js"></script>
<script src="scripts/CodeMirror/codemirror.min.js" type="text/javascript"></script>
<script src="scripts/CodeMirror/javascript.min.js" type="text/javascript"></script>
<script src="scripts/CodeMirror/css.min.js" type="text/javascript"></script>
<script src="scripts/CodeMirror/xml.min.js" type="text/javascript"></script>
<script src="scripts/CodeMirror/htmlmixed.min.js" type="text/javascript"></script>
<script src="scripts/CodeMirror/jsx.min.js" type="text/javascript"></script>
<link href="scripts/CodeMirror/codemirror.min.css" rel="stylesheet" />
<style>
.background {
display : none;
}
.background.show {
display : block;
position : fixed;
z-index: 100;
background-image : url('http://loadinggif.com/images/image-selection/3.gif');
background-color:#666;
opacity : 0.4;
background-repeat : no-repeat;
background-position : center;
left : 0;
bottom : 0;
right : 0;
top : 0;
}
#loadinggif.show {
left : 50%;
top : 50%;
position : absolute;
z-index : 101;
width : 62px;
height : 32px;
margin-left : -16px;
margin-top : -16px;
}
.starttext {
color: #fff;
display: table;
font-size: 36px;
margin: 0 auto;
position: relative;
text-align: center;
top: 42%;
width: 100%;
height:45px;
padding-top: 20px;
}
.background .e-themechange::before {
font-size: 33px;
}
</style>
</head>
<body id="targetdialog" class="azure">
<h1 style="color: transparent;margin: auto;height: 0;">Essential JS 1 | React Application</h1>
<div class="background">
<div id="waiting_temp"></div>
</div>
<script type="text/javascript">
function isIE() {
var myNav = navigator.userAgent.toLowerCase();
return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
}
if (typeof isIE() == "number" && isIE() <= 9)
location.replace("error.html");
</script>
<div id="root"></div>
<script src="app/main/base.js"></script>
</body>
</html>