Follow along with the video below to see how to install our site as a web app on your home screen.
Бележка: This feature may not be available in some browsers.
<div style="float:right; margin-right:25px; margin-top:-32px;">
<a href="?page=main"><img src="images/close.png" border="0" /></a>
</div>
<style type="text/css">
#fm{
margin:0;
padding:10px 30px;
}
.ftitle{
font-size:14px;
font-weight:bold;
color:#666;
padding:5px 0;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.fitem{
margin-bottom:5px;
}
.fitem label{
display:inline-block;
width:80px;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table id="dg" title="Списъци" class="easyui-datagrid" style="width:860px;height:400px"
url="pages/get_spisak.php"
toolbar="#toolbar" pagination="true"
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="kamion" width="80" align="center">Влекач</th>
<th field="remarke" width="80" align="center">Ремарке</th>
<th field="shofior_turcia" width="90">Шофьор Турция</th>
<th field="shofior_turcia2" width="90">Шофьор Турция II</th>
<th field="shofior_evropa" width="90">Шофьор Европа</th>
<th field="shofior_evropa2" width="90">Шофьор Европа II</th>
<th field="data_trugvane" width="90">Тръгване</th>
<th field="data_pribirane" width="90">Прибиране</th>
<th field="destination" width="90">Дестинация</th>
<th field="firma" width="90">Фирма</th>
<th field="cemt" width="90">СЕМТ</th>
<th field="zabelejka" width="90">Забележка</th>
</tr>
</thead>
</table>
<div id="toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onClick="newSpisak()">Нов запис</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onClick="editSpisak()">Редакция</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onClick="removeSpisak()">Изтриване</a>
</div>
<div id="dlg" class="easyui-dialog" style="width:400px;padding:10px 20px"
closed="true" buttons="#dlg-buttons">
<div class="ftitle">Нов запис</div>
<form id="fm" method="post" novalidate>
<div class="fitem">
<label>Влекач:</label>
<input name="kamion" class="easyui-validatebox" required="true">
</div>
<div class="fitem">
<label>Ремарке:</label>
<input name="vlekach" class="easyui-validatebox">
</div>
<div class="fitem">
<label>Шофьор Турция:</label>
<input name="shofior_turcia" class="easyui-validatebox">
</div>
<div class="fitem">
<label>Шофьор Турция II:</label>
<input name="shofior_turcia2" class="easyui-validatebox">
</div>
<div class="fitem">
<label>Шофьор Европа:</label>
<input name="shofior_evropa" class="easyui-validatebox">
</div>
<div class="fitem">
<label>Шофьор Европа II:</label>
<input name="shofior_evropa2" class="easyui-validatebox">
</div>
<div class="fitem">
<label>Тръгване:</label>
<input name="data_trugvane" class="easyui-validatebox">
</div>
<div class="fitem">
<label>Пристигане:</label>
<input name="data_pristigane" class="easyui-validatebox">
</div>
<div class="fitem">
<label>Дестинация:</label>
<input name="destination" class="easyui-validatebox">
</div>
<div class="fitem">
<label>Фирма:</label>
<input name="firma" class="easyui-validatebox">
</div>
<div class="fitem">
<label>СЕМТ:</label>
<input name="cemt" class="easyui-validatebox">
</div>
<div class="fitem">
<label>Забележка:</label>
<input name="zabelejka" class="easyui-validatebox">
</div>
</form>
</div>
<div id="dlg-buttons">
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onClick="saveSpisak()">Запис</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onClick="javascript:$('#dlg').dialog('close')">Отказ</a>
</div>
</body>
</html>