<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
//Тут должен быть запрос на бэкэнд который работает с БД
var response =
<?php
include_once 'dbConfig.php';
$query_c="SELECT * FROM a_product";
$result_c=$con->query($query_c);
echo json_encode($result_c);
?>;
var arr = response.map((obj) => {
return `<option value=${obj.id}>${obj.name}</option>`;
});
function addstr() {
var str = document.createElement('tr');
str.innerHTML = `<td><select>${arr.join('')}</select></td>`;
var table = document.getElementById('table');
table.appendChild(str);
}
</script>
</head>
<body>
<button onclick="addstr()">Добавить строку</button>
<form>
<table id="table">
</table>
</form>
</body>
</html>
return `<option value=${obj.id}>${obj.name}</option>`;
$.each(Array(33),function(indx, element){
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
img {
width: 128px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
(function($) {
$.fn.rotateImg = function(options) {
var defaults = {
deg: 0
};
var settings = $.extend({}, defaults, options);
return this.each(function() {
var img = $(this).css({
position: 'absolute'
});
var imgpos = img.position();
var x0, y0;
$(window).load(function() {
x0 = imgpos.left + img.width() / 2;
y0 = imgpos.top + img.height() / 2
});
var x, y, x1, y1, r;
$("html").mousemove(function(e) {
x1 = e.pageX;
y1 = e.pageY;
x = x1 - x0;
y = y1 - y0;
r = 180 + settings.deg - 180 / Math.PI * Math.atan2(y, x);
img.css("transform", "rotate(-" + r + "deg)");
img.css("-moz-transform", "rotate(-" + r + "deg)");
img.css("-webkit-transform", "rotate(-" + r + "deg)");
img.css("-o-transform", "rotate(-" + r + "deg)")
})
})
}
})(jQuery);
$(function() {
function rand(a) {
return 50 + Math.floor(Math.random() * (a - 200))
}
$('<img>', {
src: 'http://vignette3.wikia.nocookie.net/assassinscreed/images/e/ec/AcII-common-sword.png/revision/latest?cb=20151018215313&path-prefix=ru',
css: {
top: 100,
left: 100
}
}).appendTo('body')
$('img').rotateImg({
deg: 0
}); //задать угол коррекции если нужно
});
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
//Тут должен быть запрос на бэкэнд который работает с БД
var response = {
materials: [{
name: "Железо"
}, {
name: "Дерево"
}, {
name: "Стекло"
}]
};
var arr = response.materials.map((obj) => {
return `<option>${obj.name}</option>`;
});
function addstr() {
var str = document.createElement('tr');
str.innerHTML = `<td><select>${arr.join()}</select></td>`;
var table = document.getElementById('table');
table.appendChild(str);
}
</script>
</head>
<body>
<button onclick="addstr()">Добавить строку</button>
<form>
<table id="table">
</table>
</form>
</body>
</html>