Воскресенье, 05.05.2024, 11:27
Приветствую Вас Гость | RSS
Главная | Мой профиль | Регистрация | Вход
Меню сайта
Наш опрос
Оцените мой сайт
Всего ответов: 78
Форма входа
Календарь новостей
«  Май 2024  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Поиск
Друзья сайта
Статистика
JavaScript
Скрипт автоматической скрытой отправки данных с формы
<html>
<head>
<title>Скрипт автоматической скрытой отправки данных с формы</title>
<SCRIPT language=JavaScript>
<!-- Beginning of JavaScript -
function sendmail() {
 if (document.all) {
  document.forms[0].submit()
 }
}
// -->
</SCRIPT>
</head>
<body onload="sendmail()">
<FORM action="адрес программы">
<!-- Обратите внимание что здесь реально есть смысл ставить только адрес программы. У меня стоит e-mail за ненадобностья данной информации мне. Это должен быть файл спрятаный в структуру <iframe></iframe> (<frame></frame>) с 0 размерами, чтобы не проиходило видимой перезагрузки страницы, или есть еще способ открыть новое окно и в нем загрузить эту страницу, но это будет видно пользователю.-->
<input type=hidden value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT">
<!--Все поля можно зделать под любую серверную программу, в том числе программы, которые предоставляют разные хостинги в качестве предустановленных скриптов-->
</FORM>
</body>
</html>
 
Простая проверка ввода электронного адреса (e-mail), на наличиен "@" и "." с определенных знаков.
 
<html>
<head>
<title>Простая проверка ввода электронного адреса (e-mail), на наличиен "@" и "." с определенных знаков.</title>
<script language="JavaScript">
 <!--
function isValidEmailAddress ( str )  {
//   проверяет  не осталось ли поле пустым
if (str == " ") {
alert ("Enter an email address in the field, please.")
return false
}
//   проверяет наличи  '@'
else if ( str. indexOf ( "@" , 4) == -1 ) {
alert("Error: Вы внесли  " + str + ". Ваш электронный адрес не содержит в себе '@' ." ) ;
return false
}
 //  проверяет наличие 'точки'
else if ( str. indexOf ( "." , 7) == -1 ) {
alert("Error:  Вы внесли " + str + ". Ваш электронный адрес не содержит в себе '.' ." ) ;
return false
}
return true
}
--></script>
</head>
<body>
E-mail:<form><input type="text" size="30" maxlength="40" name="EmailAddressField" valing="middle" onChange="isValidEmailAddress(this.value)"><input type="submit" value="Отправить"></form>
</body>
</html>
 
Сложная проверка ввода электронного адреса (e-mail) на наличиен "@" и ".", расстояние до них от начала и конца, расстояние между ними
 
<html>
<head>
<title>Сложная проверка ввода электронного адреса (e-mail) на наличиен "@" и ".", расстояние до них от начала и конца, расстояние между ними.</title>
<script Language="JavaScript">
<!-- //
function showerror() {
alert("Адрес электронной почты был введен неправильно.");
}
function checkmail()
{
txt=document.entermail.address.value;
if (txt == "") {
alert("Введите Адрес электронной почты.");
return(false)
}
if (txt.indexOf(".") == -1) {
alert("Нет символа\".\"");
return(false)
}
dog = txt.indexOf("@");
if (dog == -1) {
alert("Нет символа\"@\".");
return(false)
}
if ((dog < 1) || (dog > txt.length - 5)) {
showerror();
return(false)
}
if ((txt.charAt(dog - 1) == '.') || (txt.charAt(dog + 1) == '.')) {
showerror();
return(false)
}
}
//-->
</script>
<body>
<form method="POST" name="entermail" onSubmit="return checkmail()">
<p><b><small>E-mail:</small></b><br>
<input type="text" name="address" size="20"><br>
<input type="submit" value="Check" name="B1"> * <input type="reset"
value="Clear" name="B2"></p>
</form>
</body>
</html>
 
Простая проверка наличия данных в избранных полях (проверка производиться перед отправкой формы)
 
<html>
<head>
<title>Простая проверка наличия данных в избранных полях (проверка производиться перед отправкой формы)</title>
<script language="JavaScript">
<!--
required = new Array("name", "email");
required_show = new Array("Имя", "E-mail");
function SendForm () {
var i, j;
for(j=0; j<required.length; j++) {
for (i=0; i<document.forms[0].length; i++) {
 if (document.forms[0].elements[i].name == required[j] && document.forms[0].elements[i].value == "" ) {
alert('Пожалуйста, введите ' + required_show[j]);
document.forms[0].elements[i].focus();
return false;
}
}
}
return true;
}
-->
</script>
</head>
<body>
<form action="/cgi-bin/formmail.cgi" onsubmit="return SendForm();">
<table><tr>
<td>Имя:* <input type="text" name="name" ></td>
<td>E-mail:* <input type="text" name="email"></td></tr>
<tr><td>Сообщение:</td><td>Тема:   <input type="text" name="subject"></td></tr>
<tr><td colspan="2"><textarea name="message" rows="3" cols="48"></textarea></td></tr>
<tr><td colspan="2"><input type="submit" value="Отправить">  * - необходимые для заполнения поля</td></tr></table></form>
</body>
</html>
 
Отправка на емайл сообщения, с указанием темы и отправителя (при участии почтовика).
 
<html>
<head>
<title>Отправка на емайл сообщения, с указанием темы и отправителя (при участии почтовика).</title>
<script language="JavaScript"  type="text/javascript">
<!--// JavaScript1.3. script written by Deto Freeman
function goSend() {
top.location.href="mailto:scriptic@narod.ru?subject=Privet Name=" + document.fMem.tMemNm.value + ",Mail=" + document.fMem.tMemMl.value + ",Ad=" + document.fMem.tMemAd.value + ",Comments=" + document.fMem.tMemCm.value + ",ok(075765)"; }
//-->
</script>
</head>
<body>
<table><tr>
<td><form name=fMem>Имя:</td><td><input type="text" name="tMemNm"></td>
</tr><tr>
<td>E-mail:</td><td><input type="text" name="tMemMl"></td>
</tr><tr>
<td>Адрес:</td><td><input type="text" name="tMemAd"></td>
</tr><tr>
<td>Коментарий:</td><td><input type="text" name="tMemCm"></td>
</tr><tr>
<td> </td><td><input type="button" value="   OK   " onClick="goSend()"></form></td>
</tr></table>
</body>
</html>
 
Выделение всего содержимого поля textarea кликом по ссылке.
 
<html>
<head>
<title>Выделение всего содержимого поля textarea кликом по ссылке.</title>
<SCRIPT>
<!--
function highlight(x){
document.forms[x].elements[0].focus()
document.forms[x].elements[0].select()
}
//-->
</SCRIPT>
</head>
<body>
<FORM action= method=post>
<A href="javascript:highlight(0)" onmouseover="window.status='';return true">Выделить все</A><br>
<TEXTAREA cols=45 rows=3 style="WIDTH:250" wrap=virtual>
Для того, чтобы выделить содержание формы нажмите Select All</TEXTAREA></FORM>
</body>
</html>
 
Копирование содержимого поля textarea кликом по кнопке.
 
<html>
<head>
<title>Копирование содержимого поля textarea кликом по кнопке.</title>
<SCRIPT language=javascript>
function toBuf(name){
if(document.selection.createRange().text!=""){
name.focus();
document.selection.createRange().duplicate().execCommand("Copy");
}else{
name.focus();name.createTextRange().execCommand("Copy");}}
</SCRIPT>
</head>
<body>
<form name=main>
<textarea id=lat name=lat cols="40" rows="3">
<a href="http://studia.scriptic.ru/">
<img height="31" width="88" border="0" src="http://studia.scriptic.ru/banner/88/web-disain.gif"></a></textarea><br>
<INPUT title=copy onclick=toBuf(main.lat) type=button value="Копировать в буфер">
</form>
</body>
</html>
 
Выделение всех елементов checkbox установкой одного макрера "Выделить все"
 
<html>
<head>
<title>Выделение всех елементов checkbox установкой одного макрера "Выделить все"</title>
<SCRIPT language=JavaScript title="check">
function CheckAll(Element,Name){
if(document.getElementById) {
 thisCheckBoxes = Element.parentNode.parentNode.parentNode.getElementsByTagName('input');
 for (i = 1; i < thisCheckBoxes.length; i++){
  if (thisCheckBoxes[i].name == Name){
   thisCheckBoxes[i].checked = Element.checked;
   Colorize(document.getElementById(thisCheckBoxes[i].id.replace('cb','tr')), thisCheckBoxes[i]);
  }
 }
 }
}
function Colorize(Element, CBElement){
if(document.getElementById) {
 if(Element && CBElement){
  Element.className = ( CBElement.checked ? 'selected' : 'default' );
 }
}
}
function CheckRadioTR(Element){
if(document.getElementById) {
 CheckTR(Element);
 thisTRs = Element.parentNode.getElementsByTagName('tr');
 for (i = 0; i < thisTRs.length; i++){
  if (thisTRs[i].id != Element.id && thisTRs[i].className != 'header') thisTRs[i].className = 'default';
 }
}
}
function CheckTR(Element){
if(document.getElementById) {
 thisCheckbox = document.getElementById(Element.id.replace('tr','cb'));
 thisCheckbox.checked = !thisCheckbox.checked;
 Colorize(Element, thisCheckbox);
}
}
function CheckCB(Element){
if(document.getElementById) {
 if(document.getElementById(Element.id.replace('cb','tr'))){Element.checked = !Element.checked;}
}
}
</SCRIPT>
</head>
<body>
<form action="">
<INPUT onclick="CheckAll(this,'ids')" type=checkbox>Выделить все<br>
<INPUT onclick="return CheckCB(this);" type=checkbox value=1 name=ids> 1 <br>
<INPUT onclick="return CheckCB(this);" type=checkbox value=2 name=ids> 2 <br>
<INPUT onclick="return CheckCB(this);" type=checkbox value=3 name=ids> 3 <br>
<INPUT onclick="return CheckCB(this);" type=checkbox value=4 name=ids> 4 <br>
</form>
</body>
</html>
 
Количество введенных знаков в поле формы.
 
<html>
<head>
<title>Количество введенных знаков в поле формы.</title>
</head>
<body>
<form name=add>
<textarea class=forms name=descr rows=2 cols=25>
</textarea>
<br>
<SCRIPT language=javascript type="text/javascript">
<!--//
document.write("введено знаков: <input type=text name=curtxt size=4 class=forms>");
//-->
</SCRIPT>
</form>
<SCRIPT language=javascript type="text/javascript">
<!--//
function gettxt()
{
 document.add.curtxt.value=document.add.descr.value.length;
 setTimeout("gettxt()",500);
}
gettxt();
//-->
</SCRIPT>
</body>
</html>
Информацию можно перекидывать из одного поля OPTION в другое поле OPTION.
 
<html>
<head>
<title>Информацию можно перекидывать из одного поля OPTION в другое поле OPTION.</title>
<SCRIPT language=JavaScript>
<!--
function move(fbox,tbox)  {
for(var i=0; i<fbox.options.length; i++)  {
  if(fbox.options[i].selected && fbox.options[i].value != "")  {
     // Add Option to tbox
     var no = new Option();
     no.value = fbox.options[i].value;
     no.text = fbox.options[i].text;
     tbox.options[tbox.options.length] = no;
     //  Clear option in fbox
     fbox.options[i]=null;
  i--;
     }  }
   SortD(tbox);
}
function SortD(box)  {
  var temp_opts = new Array();
  var temptxt = new Object();
  var tempval = new Object();
  // Load temp array
  for(var i=0; i<box.options.length; i++)  {
    temp_opts[i] = box.options[i];
  }
  //sort temporary
  for(var x=0; x<temp_opts.length-1; x++)  {
    for(var y=(x+1); y<temp_opts.length; y++)  {
      if(temp_opts[x].text > temp_opts[y].text)  {
        temptxt = temp_opts[x].text;
        temp_opts[x].text = temp_opts[y].text;
        temp_opts[y].text = temptxt;
 
  tempval = temp_opts[x].value;
        temp_opts[x].value = temp_opts[y].value;
        temp_opts[y].value = tempval;
 
      }  }  }
  for(var i=0; i<box.options.length; i++)  {
    box.options[i].value = temp_opts[i].value;
    box.options[i].text = temp_opts[i].text;
  }}
function Select(box)  {
  for(var i=0; i<box.options.length; i++)  {
    box.options[i].selected = true;
  }}
// -->
</SCRIPT>
</head>
<body>
<table><tr><td><em>Список в форме отсортирован по имени<br>
Используйте Shift и Ctrl при выделении</em></td>
<td><FORM action="" method=post><TABLE border=0><TR><TD>
Люблю:<br><SELECT multiple name=list1 size=4>
<OPTION value=11>ветер</OPTION><OPTION value=12>дождь</OPTION><OPTION value=13>ливень</OPTION>
<OPTION value=14>мороз</OPTION><OPTION value=15>наводнение</OPTION><OPTION value=16>снег</OPTION>
<OPTION value=17>тепло</OPTION><OPTION value=18>ураган</OPTION><OPTION value=19>холод</OPTION>
</SELECT></TD><TD> <br> <br>
<INPUT name=B1 onclick=move(this.form.list1,this.form.list2) type=button value="   >>   "><BR>
<INPUT name=B2 onclick=move(this.form.list2,this.form.list1) type=button value="   <<   ">
</TD><TD>Не люблю:<br><SELECT multiple name=list2 size=4>
<OPTION value=21>грозу</OPTION><OPTION value=22>духоту</OPTION><OPTION value=23>жару</OPTION>
</SELECT></TD></TR></TABLE></FORM></td></tr></table>
</body>
</html>
 
Конструктор сайтов - uCoz Copyright MyCorp © 2024