Avalon4eg
-
Posts
266 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Avalon4eg
-
Обработка формы и вывод на стороне браузера средствами DHTML
Avalon4eg replied to redzerg's question in JavaScript
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script> <title>My Page</title> <script type="text/javascript"> function validateForm() { if(document.getElementById("name").value == "") { alert("Fill in your name"); return false; } else { var email = $('#email').val() var name = $('#name').val() var coment = $('#comment').val() var content = "<div><p>"+name+"</p>" content += "<p>"+email+"</p>" content += "<p>"+coment+"</p></div>" alert(content) $('.newAdd').prepend(content) } } </script> <style type="text/css"> .newAdd {width:20%; height:100px; margin-left:10%; margin-top:10px; margin-bottom:10px; float:left; border:1px #000 solid; text-align:center} </style> </head> <body style="background-color:grey;"> <center> <form name="form1" method="post" style="margin-top:25px;"> <label for='mail'>Name*</label> <p> <input type="text" name="name" id="name"> </p> <label for='mail'>E-mail*</label> <p> <input type="text" name="email" id="email"> </p> <label for='mail'>Comment*</label> <p> <textarea name="comment" id="comment" cols="40" rows="3" maxlength="120"></textarea> </p> <p> <input type="button" value="Comment" onClick="validateForm();"> </p> </form></center> <div id="maindiv" style="width:1000px; height:auto; background-color:white; margin-left:auto; margin-right:auto; border:1px #000 solid"> <div class="newAdd"></div> </div> </body> </html> -
Дурова даже в расчет не берешь? =)
-
Обработка формы и вывод на стороне браузера средствами DHTML
Avalon4eg replied to redzerg's question in JavaScript
замените в форме кнопку submit на button к примеру и поставе на событие запуск вашей функции записываете в переменные email, name, comment значения value ваших инпутов и тексэрии далее формируйте html код типа такого var content = "<div><p>"+name+"</p>" comment += "<p>"+email+"</p>" content += "<p>"+comment+</p></div>" далее выводите это сообщение к примеру у вас есть слой <div id="masages"></div> в него нужно вывести это пожелание (не поню как этонаписать на чистом JS напишу как этозделать на jquery) $('#masages').prepend(content) в этом случае вам нужн будет подключить библиотеку <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> этонужно зделать до описание вашего скрипта -
Обработка формы и вывод на стороне браузера средствами DHTML
Avalon4eg replied to redzerg's question in JavaScript
А без PHP и работы с сервером ту не обойтись! JS работает только в браузере - изменения вносимые им видны только для пользователя, если нужно чтоб результаты были видны и другим, результаты должны передаваться в серверный скрипт который и будет осуществлять ее хранение и выдачу. Или ваш сайт не использует баз данных и PHP -
Обработка формы и вывод на стороне браузера средствами DHTML
Avalon4eg replied to redzerg's question in JavaScript
ajax. -
Обработка формы и вывод на стороне браузера средствами DHTML
Avalon4eg replied to redzerg's question in JavaScript
Странное требование. Как тогда организовать хранение данных? Ведь записи должны быть видны и другим пользователя. Или имелось в виду только организация добавления и вывода - если так то в чем проблема - JS вам в помощь -
Правильно будет поэкспериментировать
-
Ну так ни кто и не говорит, что убирать все цифры - их можно "запомнить", а вырезать только те которые совпадают с регуляркой (хотя это только теория)
-
нет min-height: 100% - то есть если контента мало то он занимает всю высоту, а если больше то тянется
-
нет, потому что прийдется тогда создавать тег заменяющий 3 бра и так далее
-
инлайн пропись сильнее, но всегда есть !important =)
-
min-height
-
Можно сначала прогнать переменную через регулярку которая найдет все что не буквы (т е все что входит в интервал [-+\(\)0-9]), а потом полученное уже проверять на валидность -вариант "плюс 7 (962 скобка закрылась три-семь5 два 8 9-ноль" конечно тут тоже ен учитывается =)
-
а пустота снизу и справа - это 2е и 3е измерение? =)
-
http://habrahabr.ru/post/110731/ нашел статью
-
на хабре где-то была статья про регулярки для телефонных номеров
-
Как создать gif анимацию
-
min-width: 100% может?
-
[-+0-9\(\)]{7,} как то так, хотя много неопределенность
-
Убери у input dispaly:block и label со span-ом перенеси в коде ниже input-ф
-
#panel_line { float:left }
-
Гениальное решение! Иначе не сказать Сначала сдвинуть блок в право (float: left), а потом вернуть его на место margin-ом Вы лучше конкретней объясните чего вы хотите добиться!
-
Скорей всего это белое всплывающее окно лежит в том же слое что и картинка <div id="main"> <div><img src="kakayatokkartikka.jpg"></div> <div id="child"></div> </div> то-есть при наведении курсора на слой main, появляется слой child. а при переводе курсора на него (на белое окно) событие не меняется - так как оно фактически лежит в слое main - ну это в теории
-
$('#id_elementa').hover (function(){ $('#id_popup_elementa').fadeIn('Скорость в миллисекундах') })
-
