coderisimo

А в чем проблема? Сохраняйте order-number какой-нибудь, а потом при выборке сортируйте по этому полю и выводите.

уот так уот!

https://codepen.io/coderisimo-the-encoder/pen/dapL...

$("#element_id")[0].getBoundingClientRect().width; ?

function SendPost1() { // Наша функция, которая будет осуществлять ajax-отправку
  
$("#form-contact input[required]").each(function(i, z) {  
  if (!$(z).val()) {
      alert("Э !А хто поля будет заполнять?!");
      return;
    }
  });

  jQuery.ajax({
    // Начала конструкции для работы с Ajax через jQuery
    type: "GET", // Метод, которым получаем данные из формы
    url: "http://site-name/send.php", // Обработчик формы.
    data: jQuery("#form-contact").serialize(), // Этот метод, берет форму с id=form и достает оттуда данные
    success: function(html) {
      // функция выполняемая при успешном отправлении данных
      jQuery(".wr").empty(); // очищаем тело документа
      jQuery(".wr").append(
        "<h5 style='margin-top: 10px;'><center>Ваше сообщение успешно отправлено.</center></h5>"
      ); // вставляем сообщение об успехе
    }
  });
}

Надеюсь , общая идея ясна?

Можно и на PHP

"примерчик" :
https://jpgraph.net/features/src/show-example.php?...

скачать здесь :
https://jpgraph.net/download/

Я бы использовал chart.js (но это javascript)

Вот вам общий вид ф-ции ,которая, каждый раз при вызове будет возвращать одну и 5 ссылок случайным образом.

function getOneLInkFromFive(){
return ['link1','link2','link3','link4','link5',][Math.floor(Math.random() * (5))];
}

Прошу прощения, что использую "устаревший" jQuery ))))).
Всего одна "устаревшая" строчка решает задачу.

$('.intro').each(function(e){
   /friend/i.test($(this).html()) && $(this).css('background-color', 'silver');
 });

Я в подобных случаях использовал jQ UI
посмотрите - jqueryui.com/draggable/#constrain-movement
и
jqueryui.com/draggable/#snap-to

Например, перед отправкой удалить пустые объекты.
Как-то так.

parentData= parentData.filter(function(n){ return n.glob_id  != undefined });

PS если "пустой" , значит равный "", то подправьте условие != undefined

Как работает сцепление методов : Каждый метод не только модифицирует объект, но и возвращает его .
Например :

// define the class
var Kitten = function() {
  this.name = 'Garfield';
  this.color = 'brown';
  this.gender = 'male';
};

Kitten.prototype.setName = function(name) {
  this.name = name;
  return this;
};

Kitten.prototype.setColor = function(color) {
  this.color = color;
  return this;
};

Kitten.prototype.setGender = function(gender) {
  this.gender = gender;
  return this;
};

Kitten.prototype.save = function() {
  console.log(
    'saving ' + this.name + ', the ' +
    this.color + ' ' + this.gender + ' kitten...'
  );

  // save to database here...

  return this;
};

и затем

new Kitten()
  .setName('Bob')
  .setColor('black')
  .setGender('male')
  .save();

1) вместо setInterval или setTimeout нужно использовать requestAnimationFrame . Почему? Гуглите )))
2) Проще использовать что-то готовое , типа - blaiprat.github.io/jquery.animateSprite , тогда для простых вещей не придется писать много кода. Посмотрите, там все просто и наглядно.
3) Почитайте про спрайты в анимации. Предыдущий пункт , как раз их и юзает.
4) Ну и .. да.. учите JS ))))) . Самый лучший ресурс на русском, ИМХО - https://learn.javascript.ru/css-transitions

Удачи ))

При сложении если хотя бы один операнд это ОБЪЕКТ , он преобразовывается к примитиву (строка , бул или число).
При преобразовании массива к примитиву используется join , т.е получается строка. Пустой массив - пустая строка.
Ну , и false + '' = 'false' ;