Денис

В чём именно у вас затык? Если алгоритм, то тут вариантов не много

if (данные счетчика хранятся в БД || файле ) {
   отправляем ajax-запрос || обычный запрос на сервер;
   увеличиваем значение на 1 в хранилище;
} elseif (счетчик для каждого клиента свой && данные необходимо хранить на клиенте) {
   используем localStorage/sessionStorage || cookie;
} else {
   // а тут бы неплохо уточнить, что и как у вас построено
}

Если же техническая сторона вопроса, то рассказывайте, что не получается

Вот, например, как можно проверять - заполнены ли все поля или нет.

$(".next").click(function() {
    current_fs = $(this).parent();
    var hasEmpty = $('input', current_fs).css('border-color', '#ccc').filter(function() {
        return $.trim($(this).val()) === '';
    }).css('border-color', '#f00').length;
    if (hasEmpty) {
        alert('А заполнять поля за тебя Пушкин будет?');
        return false;
    }
    // Остальной код обработчика
});

Проверку по каждому отдельному полю, с учетом необходимых требований (формат Email, кол-во символов и т.д.) - это уже сами.

Файл style.css, строка 3. Мешает свойство -webkit-user-select: none;.

Можно с помощью метода $.ajaxSetup(). Только учитывайте, что настройки определенные в нём, будут применяться ко всем ajax-запросам.

$.ajaxSetup({
    beforeSend: function(jqXHR, settings) {
        console.log(settings.data);
    }
});

Если нужно вывести данные только конкретного запроса, то можно ориентироваться на его url:

$.ajaxSetup({
    beforeSend: function(jqXHR, settings) {
        if ('http://site.com'.indexOf(settings.url) !== -1) {
            console.log(settings.data);
        }
    }
});

Примерчик

Ничего не имею против той статьи, хоть и старовата, но непонятно, почему автор смешал нативный JS с jQuery. В принципе, последний в сочетании с FormData отлично справляется с поставленной вами задачей без лишней мороки (пример навскидку).

В данном случае, можно обойтись без каких-то лишних телодвижений. Раз изображение аватара это уникальный файл, то можно и имя ему задать уникальное. Каждому последующему загружаемому файлу, задавать это же уникальное имя и он будет просто перезаписывать существующий. Кроме того, можно хранить аватар в самой БД, что так же исключит лишние накопления.

Набросал вам простенький пример ( jsfiddle.net/0tv0pv66 ). Надеюсь, что доработать его под свои требования, уже не составит труда.

var data = [
    ['load miha.dat... Creating file!', 2000],
    ['[Connect] User miha, IP 78.25.120.131', 2500],
    ['Connect Ok', 1500],
    ['Uploading virus', 3000],
    ['Uploading Ok', 1500],
    ['Read the personal data', 4000],
    ['Credit Card Number Ok', 1500],
    ['Password Ok', 1500],
    ['Goodbye, money!', 1500],
    ['[Disconnect] User miha', 1000],
    ['Disconnect Ok!', 0]
],
i = 0,
cons = $('#console'),
consH = cons.outerHeight(),
cursor = $('<span id="cursor">&nbsp;</span>');

function addString() {
    if (typeof data[i] != 'undefined') {
        $('<p>' + data[i][0] + '</p>').appendTo(cons).append(cursor);
        if (cons[0].scrollHeight > consH) {
            $('p:first-child', cons).remove();
        }
        setTimeout(addString, data[i][1]);
        i++;
    }
}
addString();

Если нужно, то можно добавить "плюшек" ;)

Ни в TinyMCE, ни в другом известном мне редакторе "из коробки", нет возможности реализовать то, что вы хотите. Точнее реализовать можно, но своими усилиями - дописать расширение/надстройку, которая будет добавлять некий html-сниппет, например, как в примере по приведенной вами ссылке. Вот вам такой пример. По нажатию на кнопку (я её там единственную оставил), добавляется html-код в редактор. На странице же вам нужно будет только подключить JS и CSS плагина Сollapse.

P.S. Я с TinyMCE практически не знаком ( в отличии от вас ;)) ), поэтому вполне возможно, что там есть и более удобные методы API для реализации задуманного.

var d = document;

d.addEventListener('DOMContentLoaded', function(){

	var frame = d.getElementById('ifr'), // ваш iframe
	MutationObserver = window.MutationObserver || window.WebKitMutationObserver,
	observer = new MutationObserver(function (mutations) {
		resizeIframe(frame);
    }),
	config = {
		attributes: true,
		childList: true,
		characterData: true,
		subtree: true
	};
	frame.addEventListener('load', function(){
		observer.observe(this.contentDocument.body, config);
		resizeIframe(this);	
	}, false);
	
}, false);

	
function resizeIframe(o){
	o.style.height = o.contentDocument.body.scrollHeight + 'px';	
}

Только надо учитывать, что MutationObserver не поддерживается в ослах ниже 11-ой версии.