|
|
|
|
<!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">© localhost,2010</div>
</div>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: Ури Геллер
(17.05.2010 в 14:26)
| | document.getElementById("entry_form").submit(); форму не отправляет.
[поправлено модератором] | |
|
|
|
|
|
|
|
для: Ури Геллер
(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 не совпадал с зарезервированными словами. | |
|
|
|