[biryukovm]

Привет всем вот у меня задачка и я грузанулся.
Я делаю современную форму регистрации как в http://affiliates.marathonbet.com/Re...ion/Registrate

В общем я уже все написал только вот осталось немного
Мне нужно понять что если клик произошел вне полей
<div class="form_input"></div>

то заменить все "form_input activ" на "form_input"
Но чтобы у меня правильно все сработало необходимо получить параметры class="form_input" и iid="1"
А получается так я могу получить ID но не могу получить остальные данные. Я не гуру но искал в гугле читал минуалы но толком не нашел.
Может подскажите пример или продемонстрируете скрипт рабочий.
Заранее спасибо.

<form id="shablon_registration_1">
    <div class="form_input" id="form-input-1" iid="1">
        <label>Имя</label>
        <input id="form_input_input-1" type="text" name=""   oninput="formoninput(1)"/>
        <span class="err"></span>
    </div>
    <div class="form_input" id="form-input-2" iid="2">
        <label>Фамилия</label>
        <input id="form_input_input-2" type="text" name="" iid="2"  oninput="formoninput(2)"/>
        <span class="err"></span>
    </div>
    <div class="form_input" id="form-input-3" iid="3">
        <label>Фамилия</label>
        <input id="form_input_input-3" type="text" name="" iid="3"  oninput="formoninput(3)"/>
        <span class="err"></span>
    </div>
    <div class="form_input" id="form-input-4" iid="4">
        <label>Фамилия</label>
        <input id="form_input_input-4" type="text" name=""  iid="" oninput="formoninput(4)"/>
        <span class="err"></span>
    </div>
</form>

$(document).ready(function() {
/*        $('.form_input').click(function() {
            var iid = $(this).attr("iid");
            var clas = $(this).attr("class");
                
                //alert(clas);
                $('.form_input').removeClass('form_input activ').addClass('form_input');
                $('#form-input-'+ iid).removeClass('form_input').addClass('form_input activ');
        });*/
        document.onclick = function( e ) {
            //var element = e.srcElement || e.target;
            // узнаешь id элемента на который кликнули
            //id_element = element.id;
            //val_element = element.getAttributeNode("class");
            //clas = document.getElementById(id_element).getAttributeNode("class").value;
            //
            var iid = $(this).attr("iid");
            var clas = $(this).attr("class");
            alert(clas+' '+iid);
            //clas = document.getElementById(id_element).attr("class");
            //alert(clas+' '+id_element+' '+ val_element);
            //iid = document.getElementById(id_element).attr("iid");


            if (clas=='form_input'){
                $('.form_input').removeClass('form_input activ').addClass('form_input');
                $('#form-input-'+ iid).removeClass('form_input').addClass('form_input activ');
            }else{
                $('.form_input').removeClass('form_input activ').addClass('form_input');
            }
        };

        
//$(document).mouseup(function (e) {

     
        
});