Modal popup form registration

by AJIEKCEU

HTML

<a href="#" id="link_form">Modal popup</a>
<div id="form_popup" class="form888">
    <form id="formcont" method="post" action="/ura/?" name="MyForm9" class="usual" enctype="multipart/form-data">
        <table border="0" cellspacing="0" cellpadding="0">
            <tbody>
                <tr>
                    <td class="form_name" >Регистация</td>
                </tr>
                <tr>
                    <td class="grey">Представтесь</td>
                </tr>
                <tr>
                <td class="grey"><input type="text" class="fields888 " name="#" size="30" autocomplete="off" value="" /></td>
                </tr>
                <tr>
                    <td class="grey">Контактный телефон</td>
                </tr>
                <tr>
                    <td class="grey"><input type="text" class="fields888 " name="#" size="30" autocomplete="off" value=""/></td>
                </tr>
                <tr>
                    <td class="grey">Тема сообщения</td>
                </tr>
                <tr>
                    <td class="grey"><input type="text" class="fields888 " name="#" size="30" autocomplete="off" value=""/></td>
                </tr>
                <tr>
                    <td class="grey">Сообщеиние</td>
                </tr>
                <tr>
                    <td class="grey"><textarea class="fields888 " name="#"  autocomplete="off"></textarea></td>
                </tr>
                <tr>
                    <td class="button">
                        <button class="button_inner ">Отправить сообщение</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
    <a id="close_x" class="close" href="#">X</a>
</div> <!--  end form-->

CSS

/* form popups*/
.form888{background-color:#e6e8e9;display:none;overflow:hidden;padding:30px;position:relative;width:460px;}
.form888 textarea,.form888 {font:13px Arial, Verdana,"Trebuchet MS", Helvetica, sans-serif;}
.form888 .form_name{font-size:23px;font-weight:700;padding-bottom:15px;}
.form888 .grey{color:#000;font-size:13px;padding:5px 2px 0;}
.form888 .fields888{background:#FFF;border:0;border-top:1px solid #B2B2B2;font-size:16px;height:33px;line-height:16px;margin-bottom:5px;outline:none;padding:2px 4px;width:342px;}
.form888 textarea{height:100px!important;}
.form888 button{border:none;}
.form888 .button{-moz-border-radius:2px;-moz-box-shadow:1px 1px 2px #CCC;-webkit-border-radius:2px;-webkit-box-shadow:1px 1px 2px #CCC;border:2px solid #000;border-radius:2px;box-shadow:1px 1px 2px #CCC;cursor:pointer;display:block;float:left;margin:15px 0 0;}
.form888 .button_inner{-moz-border-radius:1px;-webkit-border-radius:1px;background-color:#006065;border:1px solid #FFF;border-radius:1px;color:#FFF;cursor:pointer;font-weight:700;padding:6px 10px 4px;text-transform:uppercase;}
.form888 .button:hover,.form888 .button:active{border:2px solid #F9648E;}
.form888 #close_x{color:#000;font-size:21px;font-weight:700;overflow:hidden;position:absolute;right:15px;text-decoration:none;top:15px;}
.form888 sup{color:red;font-family:"Trebuchet MS",sans-serif;font-size:28px;left:5px;position:relative;top:13px;}

JavaScript

/*
* $ lightbox_me
* By: Buck Wilson
* Version : 2.3
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/


(function($) {

    $.fn.lightbox_me = function(options) {

        return this.each(function() {

            var
            opts = $.extend({}, $.fn.lightbox_me.defaults, options),
                $overlay = $(),
                $self = $(this),
                $iframe = $('<iframe id="foo" style="z-index: ' + (opts.zIndex + 1) + ';border: none; margin: 0; padding: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter: mask();"/>'),
                ie6 = ($.browser.msie && $.browser.version < 7);

            if (opts.showOverlay) {
                //check if there's an existing overlay, if so, make subequent ones clear
                var $currentOverlays = $(".js_lb_overlay:visible");
                if ($currentOverlays.length > 0) {
                    $overlay = $('<div class="lb_overlay_clear js_lb_overlay"/>');
                } else {
                    $overlay = $('<div class="' + opts.classPrefix + '_overlay js_lb_overlay"/>');
                }
            }

/*----------------------------------------------------
               DOM Building
            ---------------------------------------------------- */
            if (ie6) {
                var src = /^https/i.test(window.location.href || '') ? 'javascript:false' : 'about:blank';
                $iframe.attr('src', src);
                $('body').append($iframe);
            } //...