Скрыть див через определенное время

@androidos · Регистрация: 07.07.2011

Студворк — интернет-сервис помощи студентам

Вообщем не получается, делаю так:

JavaScript
1
2
3
4
5
<script type="text/javascript">
    function hideDiv(){
        $('#successdiv').delay(3000).fadeOut(); 
    }
</script>

HTML5
1
<input type="submit" value="Send Message" id="submit" name="submit" class="submit_btn float_l" onclick="return validate(); hideDiv();" />

Где ошибка народ?

Добавлено через 2 часа 1 минуту
офигеть форум...элементарный вопрос для человека, который разбирается, вроде выложил свой вариант, не прошу за меня сделать...а в ответ ничего...

KOPOJI · 27.01.2013, 17:01

Не по теме:

androidos, Вы уж извините, но Вам тут никто и ничего не должен, сегодня выходной и у всех есть свои дела.

весь код покажите

@androidos · 27.01.2013, 17:05 **[ТС]**

про должен никто не говорил, ну форум то большой, народу здесь много, просто как мне кажется просто влом написать или исправить ))
Я весь код скинул, который отвечает за данное действие !

KOPOJI · 27.01.2013, 17:13

Сообщение от androidos

Я весь код скинул, который отвечает за данное действие !

как у вас он расположен? Где находится тег script? Есть ли другие скрипты на ready/load?
Раз ничего нет - тогда так.

JavaScript
1
2
3
4
5
<script type="text/javascript">
    $(function hideDiv(){
        $('#successdiv').delay(3000).fadeOut(); 
    })
</script>

Добавлено через 58 секунд
P.S. если вы скинули именно весь код, как вы утверждаете - поздравляю, у вас отсутствует див с id="successdiv"

@androidos · 27.01.2013, 17:26 **[ТС]**

скрипт расположен сразу после body, есть скрипт на валидацию, вот он

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script type="text/javascript">
    function validate(){
        var name = document.getElementById("name1");
        var email = document.getElementById("email1");
        var message = document.getElementById("msg1");
        
        
        var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
        
        if(name.value.length < 2){
            //name.style.border = "1px solid #E00000";
            //namelabel.innerHTML = "CANNOT BE LESS THAN 2 SYMBOLS";
            alert("Name length cannot be less than 2 symbols");
            
            return false;
        }
        
        
        if (email.value.search(emailRegEx) == -1) {
            //email.style.border = "1px solid #E00000";
            //maillabel.innerHTML = "INVALID E-MAIL FORMAT";
            alert("Invalid e-mail format");
            return false;
        }
        
        
        if(message.value.length < 10){
            //message.style.border = "1px solid #E00000";
            //msglabel.innerHTML = "CANNOT BE LESS THAN 5 SYMBOLS";
            alert("Message length cannot be less than 10 symbols");
            return false;
        }
        
         return true;
    }
</script>

и див конечно же есть, я имел ввиду что код JS, который отвечает за это действие, я весь выложил, вот див

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
            <div id="successdiv" style="padding-top:9px; padding-left:5px; float:left;">
                <tr>
                        <td style="">
                            <span  class="successmsg">  <?php
                            if($_POST['submit']) {      
                                    $to = 'info@comp.com';  
                                    
                                    $name = substr(htmlspecialchars(trim($_POST['name1'])), 0, 1000);
                                    $name = '=?utf-8?b?'. base64_encode($name) .'?='; 
                                    
                                    $message = substr(htmlspecialchars(trim($_POST['msg1'])), 0, 1000000);
                                    
                                    $from = $_POST['email1'];                           
                                    $headers = "Content-type: text/plain; charset=\"utf-8\"\r\n"; 
                                    $headers .= "From: <". $from .">\r\n"; 
                                    $headers .= "MIME-Version: 1.0\r\n"; 
                                    $headers .= "Date: ". date('D, d M Y h:i:s O') ."\r\n"; 
                                    
                                    mail($to, $name, $message, $headers);
 
                                    echo 'Your message was successfully sent'.'<img src="img/mailok.png" >';
                                    // echo '<div style="color:green; text-align:center; padding-top:10px;">Your message was successfully sent</div>';
                            }   
                            ?>
                            </span>
                        </td>
                </tr>
            </div>

KOPOJI · 27.01.2013, 17:44

сделайте как я выше написал уже

@Dolphin · 27.01.2013, 17:48

JavaScript
1
2
3
4
5
<script type="text/javascript">
    function hideDiv(){
        setTimeout(function(){$('#successdiv').fadeOut()}, 3000); 
    }
</script>

@androidos · 27.01.2013, 17:51 **[ТС]**

Сообщение от KOPOJI

сделайте как я выше написал уже

увы - не работает!

KOPOJI · 27.01.2013, 17:53

почти все работает

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<script src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
    $(function hideDiv(){
        $('#successdiv').delay(3000).fadeOut(); 
    })
    function validate(){
        var name = document.getElementById("name1");
        var email = document.getElementById("email1");
        var message = document.getElementById("msg1");
        
        
        var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
        
        if(name.value.length < 2){
            //name.style.border = "1px solid #E00000";
            //namelabel.innerHTML = "CANNOT BE LESS THAN 2 SYMBOLS";
            alert("Name length cannot be less than 2 symbols");
            
            return false;
        }
        
        
        if (email.value.search(emailRegEx) == -1) {
            //email.style.border = "1px solid #E00000";
            //maillabel.innerHTML = "INVALID E-MAIL FORMAT";
            alert("Invalid e-mail format");
            return false;
        }
        
        
        if(message.value.length < 10){
            //message.style.border = "1px solid #E00000";
            //msglabel.innerHTML = "CANNOT BE LESS THAN 5 SYMBOLS";
            alert("Message length cannot be less than 10 symbols");
            return false;
        }
        
         return true;
    }
</script>
<div id="successdiv">foo</div>
<input type="submit" value="Send Message" id="submit" name="submit" class="submit_btn float_l" onclick="return validate(); hideDiv();" />

@androidos · 27.01.2013, 17:54 **[ТС]**

Сообщение от Dolphin

JavaScript
1
2
3
4
5
<script type="text/javascript">
 function hideDiv(){
 setTimeout(function(){$('#successdiv').fadeOut()}, 3000); 
 }
</script>

'
тоже не работает, увы...из-за чего может конфликтовать?

@Dolphin · 27.01.2013, 17:59

А ошибка какая нить падает? В firebug можно отследить

@androidos · 27.01.2013, 18:05 **[ТС]**

ошибки нет, посмотрел

@Dolphin · 27.01.2013, 18:29

HTML5
1
<input type="submit" value="Send Message" id="submit" name="submit" class="submit_btn float_l" onclick="return validate();" />

JavaScript
1
2
3
4
<script type="text/javascript">
    function validate(){
       setTimeout(function(){$('#successdiv').fadeOut()}, 3000);
       ........

@androidos · 27.01.2013, 20:01 **[ТС]**

Dolphin, не помогает...

@Dolphin · 27.01.2013, 20:16

создал небольшой такой пример у себя, все работает. Значит что то другое..

@androidos · 27.01.2013, 20:21 **[ТС]**

а что может быть еще? У меня там подключены плагины разные от jquery, может это как-то влиять ?

@Dolphin · 27.01.2013, 20:23

а форма валидации работает?

@androidos · 27.01.2013, 20:34 **[ТС]**

Да, работает...

@Dolphin · 27.01.2013, 20:36

id'шник проверь, один ли он на странице, нет ли в нем русских букв

@androidos · 27.01.2013, 23:06 **[ТС]**

спасибо, буду пробовать

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	27.01.2013, 17:01
	Не по теме: androidos, Вы уж извините, но Вам тут никто и ничего не должен, сегодня выходной и у всех есть свои дела. весь код покажите 0

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
	27.01.2013, 17:05 [ТС]
	про должен никто не говорил, ну форум то большой, народу здесь много, просто как мне кажется просто влом написать или исправить )) Я весь код скинул, который отвечает за данное действие ! 0

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	27.01.2013, 17:44
	сделайте как я выше написал уже 0

@Dolphin 814 / 797 / 201 Регистрация: 21.09.2012 Сообщений: 2,656
	27.01.2013, 17:59
	А ошибка какая нить падает? В firebug можно отследить 0

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
	27.01.2013, 18:05 [ТС]
	ошибки нет, посмотрел 0

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
	27.01.2013, 20:01 [ТС]
	Dolphin, не помогает... 0

@Dolphin 814 / 797 / 201 Регистрация: 21.09.2012 Сообщений: 2,656
	27.01.2013, 20:16
	создал небольшой такой пример у себя, все работает. Значит что то другое.. 0

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
	27.01.2013, 20:21 [ТС]
	а что может быть еще? У меня там подключены плагины разные от jquery, может это как-то влиять ? 0

@Dolphin 814 / 797 / 201 Регистрация: 21.09.2012 Сообщений: 2,656
	27.01.2013, 20:23
	а форма валидации работает? 0

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
	27.01.2013, 20:34 [ТС]
	Да, работает... 0

@Dolphin 814 / 797 / 201 Регистрация: 21.09.2012 Сообщений: 2,656
	27.01.2013, 20:36
	id'шник проверь, один ли он на странице, нет ли в нем русских букв 1

@androidos 29 / 27 / 5 Регистрация: 07.07.2011 Сообщений: 782
	27.01.2013, 23:06 [ТС]
	спасибо, буду пробовать 0