Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Помогите отправить форму
 
 автор: Ури Геллер   (17.05.2010 в 14:26)   письмо автору
 
 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta name="author" content="">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <meta name="robots" content="index,all">
        <meta http-equiv="Content-language" content="ru">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="icon" type="image/png" href=""/><!-- 32x32 -->
        <style type="text/css">

            html {
                margin: 0;
                padding: 0;
            }

            body {
                font-family: serif;
                text-align: center; /* выравнивание содержимого по-центру в ie */
            }

            #container {
                margin: 0 auto; /* в нормальных броузерах выравнивание по-центру делается так */
                text-align: left;
                width: 640px;
                border: solid 1px;
            }

            #header, #content, #footer {margin: 0;}

            #header {
                border-bottom: solid 1px;
                padding: 0;
            }

            #content {
                font-size: 14pt;

            }

            #footer {
                border-top: solid 1px;
                font-size: 12pt;
            }

        </style>
        <title>Мой дневник / Добавить запись</title>
    </head>
    <body>
        <div id="container">
            <div id="header"><img src="style/logo.png" alt="Логотип
" style="width: 240px; height: 120px; border: 0; padding: 0; margin: 0;"></div>
            <div id="content">
                <h1>Добавить запись</h1>
                    <script type="text/javascript">

                    function trim(str) {
                        return str.replace(/^\s+|\s+$/g, '');
                    }

                    function count(x, y, z) {
                        var length = document.getElementById(x).value.length;
                        var left = z - length;
                        document.getElementById(y).innerHTML = left;
                    }

                    function check() {
                        var title = document.getElementById("title").value;
                        var body = document.getElementById("body").value;
                        var error = 0;
                        if (trim(title).length < 1) {
                            alert('Введите заголовок!');
                            error = 1;
                        }
                        if (trim(body).length < 3) {
                            alert('Текст должен содержать не менее 3 символов!');
                            error = 1;
                        }  
                        if (error == 0) {
                            document.getElementById("entry_form").submit();
                        }
                    }

                    </script>
                    <form id="entry_form" action="/mini-blog/admin/new_entry.php" method="post">
                        <div style="text-align: center;">
                            Название (Символов осталось : <span id="title_chars_left">24</span>)<br>
                            <input id="title" type="text" name="title" onkeyup="javascript: count('title', 'title_chars_left', 24);" size="64"><br>
                            Содержимое (Символов осталось : <span id="body_chars_left">1024</span>)<br>
                            <textarea id="body" name="body" onkeyup="javascript: count('body', 'body_chars_left', 1024);" cols="64" rows="24"></textarea><br>
                            <input id="submit" type="submit" value="Добавить">
                        </div>
                    </form>
                    <div id="submit_form" style="display: none; text-align: center;"><a href="javascript: check();">Добавить</a></div>
                    <script type="text/javascript">
                        document.getElementById("submit").style.display = "none"; // если отключен javascript
                        document.getElementById("submit_form").style.display = "block";
                    </script>
            </div>
            <div id="footer">&copy; localhost,2010</div>
        </div>
    </body>
</html>

  Ответить  
 
 автор: Ури Геллер   (17.05.2010 в 14:27)   письмо автору
 
   для: Ури Геллер   (17.05.2010 в 14:26)
 

document.getElementById("entry_form").submit(); форму не отправляет.

[поправлено модератором]

  Ответить  
 
 автор: The Mind   (17.05.2010 в 17:14)   письмо автору
 
   для: Ури Геллер   (17.05.2010 в 14:27)
 

замените эту строку:
<input id="submit" type="submit" value="Добавить">

на эту:
<input id="submit2" type="submit" value="Добавить">

*****

эту:
document.getElementById("submit").style.display = "none"; // если отключен javascript

на эту:
document.getElementById("submit2").style.display = "none"; // если отключен javascript

*****

лучше, чтобы id не совпадал с зарезервированными словами.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования