[Помогите] TDO mini forms прогресс бар

Тема в разделе "Wordpress", создана пользователем pupkin, 19 мар 2010.

Статус темы:
Закрыта.
Модераторы: Sorcus
  1. pupkin

    pupkin Создатель

    Регистр.:
    20 дек 2006
    Сообщения:
    24
    Симпатии:
    2
    народ не силен в php, суть такова с помощью плагина TDO mini forms, выведена форма на загрузку mp3 файлов, но когда заливаешь файл увидеть можно только по активности браузера, отсюда задача прикрутить прогресс бар загрузки, или на худой конец чтоб хоть какая гифка крутилась, подскажите как это сделать? адрес формы http://odinklass.com/?page_id=103
    вот код формы
    PHP:
    <!-- Form 1 start -->
    <!-- AJAX js start -->
    <script type='text/javascript' src='http://odinklass.com/wp-includes/js/jquery/jquery.js'></script>
    <script type='text/javascript' src='http://odinklass.com/wp-includes/js/tw-sack.js'></script>
    <script type="text/javascript">
        //<!-- [CDATA[
        function ajaxProgressStart%%FORMID%%() {
            var w = jQuery('#ajaxProgress%%FORMID%%').width();
            var h = jQuery('#ajaxProgress%%FORMID%%').height();
            var offset = jQuery('#tdomf_form%%FORMID%%').offset();
            var x = offset.left + ((jQuery('#tdomf_form%%FORMID%%').width() - w) / 2);
            var y = offset.top + ((jQuery('#tdomf_form%%FORMID%%').height() - h) / 2);
            jQuery('#ajaxProgress%%FORMID%%').css({display: 'block', height: h + 'px', width: w + 'px', position: 'absolute', left: x + 'px', top: y + 'px', zIndex: '1000' });
            jQuery('#ajaxProgress%%FORMID%%').attr('class','progress');
            ajaxShadow%%FORMID%%();
        }
        function ajaxShadow%%FORMID%%() {
            var offset = jQuery('#tdomf_form%%FORMID%%').offset();
            var w = jQuery('#tdomf_form%%FORMID%%').width();
            var h = jQuery('#tdomf_form%%FORMID%%').height();
            jQuery('#shadow%%FORMID%%').css({ width: w + 'px', height: h + 'px', position: 'absolute', left: offset.left + 'px', top: offset.top + 'px' });
            jQuery('#shadow%%FORMID%%').css({zIndex: '999', display: 'block'});
            jQuery('#shadow%%FORMID%%').fadeTo('fast', 0.2);
        }
        function ajaxUnshadow%%FORMID%%() {
            jQuery('#shadow%%FORMID%%').fadeOut('fast', function() {jQuery('#tdomf_shadow').hide()});
        }
        function ajaxProgressStop%%FORMID%%() {
            jQuery('#ajaxProgress%%FORMID%%').attr('class','hidden');
            jQuery('#ajaxProgress%%FORMID%%').hide();
            ajaxUnshadow%%FORMID%%();
        }
        function tdomfSubmit%%FORMID%%(action) {
            ajaxProgressStart%%FORMID%%();
            var mysack = new sack("http://odinklass.com/wp-content/plugins/tdo-mini-forms/tdomf-form-ajax.php" );
            mysack.execute = 1;
            mysack.method = 'POST';
            mysack.setVar( "tdomf_action", action );
            mysack.setVar( "tdomf_args", jQuery('#tdomf_form%%FORMID%%').serialize());
            mysack.onError = function() { alert('TDOMF: ОШИБКА с AJAX запросом.' )};
            mysack.runAJAX();
            return true;
        }
        function tdomfDisplayMessage%%FORMID%%(message, mode) {
            if(mode == "full") {
                jQuery('#tdomf_form%%FORMID%%_message').attr('class','hidden');
                document.getElementById('tdomf_form%%FORMID%%_message').innerHTML = "";
                document.tdomf_form%%FORMID%%.innerHTML = message;
                jQuery('#tdomf_form%%FORMID%%').focus();
                var offset = jQuery('#tdomf_form%%FORMID%%').offset();
                window.scrollTo(offset.left,offset.top);
            } else if(mode == "preview") {
                jQuery('#tdomf_form%%FORMID%%_message').attr('class','tdomf_form_preview');
                document.getElementById('tdomf_form%%FORMID%%_message').innerHTML = message;
                jQuery('#tdomf_form%%FORMID%%_message').focus();
                var offset = jQuery('#tdomf_form%%FORMID%%_message').offset();
                window.scrollTo(offset.left,offset.top);
            } else {
                jQuery('#tdomf_form%%FORMID%%_message').attr('class','tdomf_form_message');
                document.getElementById('tdomf_form%%FORMID%%_message').innerHTML = message;
                var offset = jQuery('#tdomf_form%%FORMID%%_message').offset();
                window.scrollTo(offset.left,offset.top);
                jQuery('#tdomf_form%%FORMID%%_message').focus();
            }
            ajaxProgressStop%%FORMID%%();
        }
        function tdomfRedirect%%FORMID%%(url) {
            //ajaxProgressStop%%FORMID%%();
            window.location = url;
        }
        //]] -->
    </script>
    <!-- AJAX js end -->
    <!-- shadow required for disabling form during AJAX submit -->
    <div id='shadow%%FORMID%%' class='tdomf_shadow'></div>
    <!-- ajaxProgress holds the HTML to show during AJAX busy -->
    <div id='ajaxProgress%%FORMID%%' class='hidden'>Минутку, отправляем...</div>
    %%FORMMESSAGE%%
    <!-- form start -->
    <form method="post" action="http://odinklass.com/wp-content/plugins/tdo-mini-forms/tdomf-form-post.php" id='tdomf_form%%FORMID%%' name='tdomf_form%%FORMID%%' class='tdomf_form' >
        %%FORMKEY%%
        <div><input type='hidden' id='tdomf_form_id' name='tdomf_form_id' value='%%FORMID%%' /></div>
        <div><input type='hidden' id='redirect' name='redirect' value='%%FORMURL%%' /></div>
        <!-- widgets start -->
        <!-- customfields-1 start -->
        <fieldset>
            <?php if(isset($post_args["customfields-tf-1-tf"])) {
                
    $temp_text $post_args["customfields-tf-1-tf"];
            } else { 
                
    $temp_text "";
            } 
    ?>
            <label for="customfields-tf-1-tf" class="required">Краткое описание цитаты (обязательно):
                <br/>
            </label>
            <small>Максиммальное кол-во символов: 100</small>
            <br/>
            <input type="text" title="Краткое описание цитаты" name="customfields-tf-1-tf" id="customfields-tf-1-tf" size="60" value="<?php echo htmlentities($temp_text,ENT_QUOTES,get_bloginfo('charset')); ?>"/>
        </fieldset>
        <!-- customfields-1 end -->
        %%WIDGET:upload-files%%
        <!-- tags start -->
        <fieldset>
            <label for="tags" >
            Метки (разделяйте запятыми):</label>
            <br/>
            <input type="text" id="tags" name="tags" size="60" value="<?php echo htmlentities($tags,ENT_QUOTES,get_bloginfo('charset')); ?>" />
        </fieldset>
        <!-- tags end -->
        <!-- widgets end -->
        <!-- form buttons start -->
        <table class='tdomf_buttons'><tr>
            <td><input type="submit" value="Отправить" name="tdomf_form%%FORMID%%_send" id="tdomf_form%%FORMID%%_send" onclick="tdomfSubmit%%FORMID%%('post'); return false;"/></td>
        </tr></table>
        <!-- form buttons end -->
    </form>
    <!-- form end -->
    <!-- Form 1 end -->
     
Статус темы:
Закрыта.