Форма для добавления пожеланий
Есть у меня задания следующее
Написать HTML страницу и сценарий на JavaScript для управления доской пожеланий. Доска должна содержать форму для добавления нового пожелания и перечень существующих пожеланий. 1. Перед добавлением пожелания проверить корректность полей. Имя - только буквы, минимум 3 символа Поле email обязательное и соответствует правилам записи еmail адресов Пожелания обязательно для заполнения. 2. В случае если данные введены некорректно, отображать сообщения о правилах заполнения полей. 3.Добавление пожелания реализуется на стороне браузера средствами DHTML. 4.Новое пожелания отображается первым ввэрху. 5. Пожелания отражаются в три колонки. 6. Расположение и отображения элементов задается стилями CSS. Я новичок, и вот что пока написал я
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Форма</title>
</head>
<body>
<h1>Дошка побажань</h1>
<form>
<fieldset>
<legend>Додати побажання</legend>
<div class="fie"><label for="name">Ваше ім'я: </label><input type="text" name="name" id="name"></div>
<div class="fie"><label for="name">Ваш email: </label><input type="text" name="email"></div><br>
<label style="float:left; margin-top:25px;" for="text">Ваше побажання: </label><br>
<textarea style="float:right" rows="5" cols="68" name="text" id="wish"></textarea></div>
<input style="float:right" type="button" onclick="addWish()" value="Добавити">
</fieldset>
</form>
<div id="table">
<div id="last"></div>
</div>
<script>
function addWish(){
autName = document.getElementById("name").value;
yourWish = document.getElementById("wish").value;
lastInTable = document.getElementById('last ')
newWish = document.createElement('div');
lastElement = document.getElementsByClassName("num"+i)
newWish.innerHTML='<p>'+ yourWish +'</p><span>'+ autName +'</span>';
newWish.className = "block"+ " num"+i;
{document.getElementById('table').appendChild(newWish);}
}
</script>
</body>
</html>
|
А в чем вопрос? Или вы просто похвастались?
|
Цитата:
лето же ну и раз препод дал задание, то развлекайтесь, вас ждет много интересных открытий :) |
ну мне нужно сделать чтоб добавлялось это пожелания спереди , а не последним, и поставить умови , и в случае отказа вызвать сообщения о не коректонсти
|
ну в моем городе будет курси потом, и среди тестовых заданий на поступления есть ето) и вечером немного сам учусь)
|
как то тут сложно все, но логика простая, каждому желанию присваиваеться номер и оно запихиваеть в регион у которого этот номер, посему что бы попадали в начало нужно не плюсовать в конец как счас а сначала пихать новые данные а потом то что было
|
а как именно сделать чтоб оно добавляло именно спереди всех?
|
глянь что я тут недвано делал: http://javascript.ru/forum/jquery/37...-urovnejj.html там в самом конце рабочий пример встроен.
В товем случае предполагаю плясать нужно от того же - у тебя есть контейнер в который ты будеш пихать поздравления, у меня просто добавляеться в конец, в твоем случае добавиться функция нахождения первого злемента у контейнера и тогда делаеш вставку до первого элемента, тем самым сдвигая все остальные. Если не додумаешся завтра вечером покажу если будет время |
Цитата:
http://learn.javascript.ru/modifying-document |
| Часовой пояс GMT +3, время: 03:13. |