Ну это только JS по моему, можно сделать ajax загрузчик, и JS выводить сообщение о загрузке, или даже можно без ajax, примерно так: щелкают по кнопке "загрузить" срабатывает функция JS которая выводит мессадж "идет загрузка", и при любом случае при успешной загрузке изображения страница перезагрузится, если сделано на PHP

onClick и вывести какой-то gif?

Если использовать этот плагин для отправки данных

http://jquery.malsup.com/form/


Тут немножко понятнее расписано.

http://www.linkexchanger.su/2008/45.html

То можно задействовать функцию beforeSubmit для старта анимации идет загрузка. И функцию success для остановки анимации.

Я однозначно что-то такое мутил бы .

Ну можно и так, если по быстрому =) И даже можно кнопку заблочить, чтобы еще раз не нажали.

Arni
По мне лучше делать обычным ajax (jquery) от этих плагинов толку мало

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

Arni
а простым ajax'ом просто указываешь $('#inputs').val(); и все, вот и данные полетели в обработчик...

Спасибо, ребята, намек понял буду пробовать, отпишу как сделаю.

что-то с блоком кнопки не вышло, форма не отправляет данные ...

Arni
какой же там код, это же кнопка :)

<input type="submit" name="add" value="Добавить" onclick="this.disabled=true;"  />

после такого действия, форма не отправляет данные, хотя я думаю этого варианта было бы достаточно

вообще мне наверное нужно было бы в ява постить, что-то я не подумал ...

этот пример пробовал, тоже самое, форма не отправляет данные а скрипт выполняется.

вот весь код, мне нужно что бы на время выполнения скрипта ПШП выводилось либо гиф изображение, либо блочилась кнопка, либо что нибудь, что бы человек мог понят что идёт процесс

Попробуй так, если не пройдет решим по другому

<input type="submit" name="add" value="Добавить" onsubmit="this.disabled=true; return true;"  />

onsubmit="this.disabled=true; return true;" 

а не onClick? сабмит вообще без действий, ретурн тоже ставил, никак не работает, кнопка блочится а данные не отправляются.

Evilsoul
onSubmit

Можно тогда сделать функцией типа

function sub() {
   return true;
   document.getElementById('knopkaID').disabled = true;
}

А епт, onSubmit="sub()" помести в форму а не в кнопку!!

)))

Всё равно не работает (

скрипт работает а кнопка не блочится

<script type="text/javascript">
        function sub() {
             return true;
                   document.getElementById('knopkaID').disabled = true;
}
</script>

        <h2>Редактирование галереи 
            <span style="color:red;"><?php echo $title; ?></span>
            <a style="font-size:12px; color:#fff;" href="<?php echo href('rem=read', 'num='.$GET['num']);?>"><< вернутся к выбору галереи</a>
        </h2>
        <center><p style="color:red"><?php echo $info; ?></p></center>
        <div style="background-color:#dFd; border:2px solid green; margin:0 10px 0 10px; padding:5px;">
            <form name="form" action="" method="post" enctype="multipart/form-data" onsubmit="sub()">
                <table>
                    <tr>
                        <td>
                            <b>Добавить изображение: </b>
                        </td>
                        <td colspan="2">
                            <input type="file" name="file" size="57" /><br />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>Подпись изображения: </b>
                        </td>
                        <td>
                            <input type="text" name="form[value1]" size="70" maxlength="150" value="<?php echo $POST['value1']; ?>"/>
                        </td>
                        <td>
                            <input id="knopkaID" type="submit" name="add" value="Добавить" />
                        </td>
                    </tr>
                </table>
            </form>
        </div>
            <?php echo $image; ?>
        <div style="clear:both;"></div>

Evilsoul
Чет я перепутал, ведь return прекращает выполнение функции, следоватлеьно кинь ретурн в конец)

function sub() {
   document.getElementById('knopkaID').disabled = true;
 return true;
}

PS у меня заработало всё =)

sharki
Так скрипт не выполняется кнопка блочится

Так у меня скрипт убежал выполняться, и кнопка заблочилась...

Щас сделаю файл загрузку чтобы прям как у тебя..

может с гиф картинкой попробовать, типа окно потемнело кружочек крутится

Evilsoul
У меня всё прекрасно работает вот скрипт

 <form action="test.php" method="post" onsubmit="sub()" enctype="multipart/form-data">  
<input type="checkbox" name="public_p[]" value="1 значение"> 1<br>
<input type="checkbox" name="public_p[]" value="2 чето еще"> 2<br>
<input type="checkbox" name="public_p[]" value="3"> 3<br>
<input type="checkbox" name="public_p[]" value="4"> 4<br>
<input type="file" name="fil"> 
<input type="submit" value="Go" id="knopkaID">
</form>

php

print_r($_FILES['fil']);

JS

function sub() {
   document.getElementById('knopkaID').disabled = true;
 return true;
}

хм, а меня нет (

у меня получается что данные якобы уходят но не доходят до скрипта ПШП
соответственно файл не загружается(

Щас че нить другое придумаю

UPDATE


Попробуй в кнопке терь прописать, так тоже у меня работает (не забудь удалить onsubmit в форме)

<input type="submit" value="Go" id="knopkaID" onclick="sub()">   

кнопка заблочилась данные не пошли ( мне кажется что это всё из за того что у меня action не указан

Evilsoul
Всё возможно, так проверь =))

            <form action="<?php echo $_SERVER['HTTP_REFERER']; ?> " method="post" enctype="multipart/form-data" >

как говорится: Фиг-вам :)

может всё же картинку?

Evilsoul
Делай картинку =))

function sub() {
   document.getElementById('div').innerHTML('<img src="kartinka.gif" />');
   return true;
}

картинка уже есть куда это втыкнуть, в функцию?

<script type="text/javascript">
function sub() {
   document.getElementById('div').innerHTML('<img src="http://localhost/skins/images/loading.gif" />');
   return true;
}
</script>

<div id="div">
</div>
        <h2>Редактирование галереи 
            <span style="color:red;"><?php echo $title; ?></span>
            <a style="font-size:12px; color:#fff;" href="<?php echo href('rem=read', 'num='.$GET['num']);?>"><< вернутся к выбору галереи</a>
        </h2>
        <center><p style="color:red"><?php echo $info; ?></p></center>
        <div style="background-color:#dFd; border:2px solid green; margin:0 10px 0 10px; padding:5px;">
            <form action="" method="post" enctype="multipart/form-data" >
                <table>
                    <tr>
                        <td>
                            <b>Добавить изображение: </b>
                        </td>
                        <td colspan="2">
                            <input type="file" name="file" size="57" /><br />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>Подпись изображения: </b>
                        </td>
                        <td>
                            <input type="text" name="form[value1]" size="70" maxlength="150" value="<?php echo $POST['value1']; ?>"/>
                        </td>
                        <td>
                            <input type="submit" name="add" value="Добавить" onclick="sub()" />
                        </td>
                    </tr>
                </table>
            </form>
        </div>
            <?php echo $image; ?>
        <div style="clear:both;"></div>

картинки не увидел :)

А где див, куда будет добавляться картинка? =))

<div id="div"></div>

вон же, в верху ШТМЛ

<script type="text/javascript">
function sub() {
   document.getElementById('div').style.display="block";
   return true;
}
</script>

<div id="div" style="display:none;">
<img src="http://localhost/skins/images/loading.gif" />
</div>

ТАк сделал, РАБОТАЕТ !!! только падло кружок не крутится :)

в ИЕ6 не крутится а остальное ок :)

<div id="div" style="display:none; position: fixed; left:50%; top:50%;">
<img src="http://localhost/skins/images/loading.gif" />
</div>

ура=)) ну это осел что сказать)) да еще и 6ой...

я в основном его использую да бы кроссбраузерность была хороша

<div id="div" style="display:none; position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55); -moz-opacity: 0.55; -khtml-opacity: 0.55; opacity: 0.55; ">
<img style="position: fixed; left:50%; top:50%;" src="http://localhost/skins/images/loading.gif" />
</div>

в общем вот так работает вообще суперово, блин, я доволен :) осталось в ксс засунуть это всё.
а тебе + за активную помощь, спасибо B)