tesctovichok;

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » tesctovichok; » Тестовый форум » Скрипты

Скрипты

Страница:   1 2 3 4 5  

Сообщений 11 страница 20 из 43

11

  • Автор: Admin
  • Администратор
  • Зарегистрирован: 2010-08-05
  • Приглашений: 0
  • Сообщений: 45
  • Провел на форуме:
    4 часа 10 минут
  • Последний визит:
    2010-09-01 21:56:15

Счетчик оставшихся вводимых знаков

1. Если у вас уже имеется код подключения JQuery, то по второму разу его ставить не рекомендуется, если же нет, то в html-верх:
Код:

Код:
<script type="text/javascript" src="http://freemanager.ucoz.com/js/jquery.js"></script>

2. Ставим этот код в html-верх:
Код:

Код:
<script type="text/javascript" src="http://freemanager.ucoz.com/js/jquery.limit.js"></script>

3. Далее ставим код в форму ответа, но гостям его видно не будет:

Код:
<span id="charsLeft"></span>&nbsp;знаков осталось.
<script type="text/javascript"> 
$(document).ready(function(){        
$('textarea').limit('1000','#charsLeft');
}); 
</script>

"1000" меняете на свое максимальное число знаков или оставляете как есть...

12

  • Автор: Admin
  • Администратор
  • Зарегистрирован: 2010-08-05
  • Приглашений: 0
  • Сообщений: 45
  • Провел на форуме:
    4 часа 10 минут
  • Последний визит:
    2010-09-01 21:56:15

Запрет копирования информации

Код:
<body oncopy="return notcopy()">
<script language="JavaScript">
//http://ibutov.narod.ru
function notcopy(){
alert("Извините, но с этого сайта нельзя ничего копировать!")
return false
}
</script>

13

  • Автор: Admin
  • Администратор
  • Зарегистрирован: 2010-08-05
  • Приглашений: 0
  • Сообщений: 45
  • Провел на форуме:
    4 часа 10 минут
  • Последний визит:
    2010-09-01 21:56:15

Скрипт с помощью которого можно открывать\закрывать информацию по аватаром.

Код:
<script>
function HideInfo(id,but){
if(but.value=="+"){
  but.value = "-";document.getElementById(id).style.display = ""}
else{
  but.value = "+";document.getElementById(id).style.display = "none"}
  return false}

d = document.getElementsByTagName("div")

for (i=0;d[i]; i++){
if (d[i].className.indexOf("post-author")!=-1){t = d[i].innerHTML
   if((j = t.toLowerCase().indexOf("<li class=pa-from>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-from\">"))!=-1 || (j = t.toLowerCase().indexOf("<li class=pa-reg>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-reg\">"))!=-1)
    d[i].innerHTML = t.substring(0,j)+"<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='+'><br><div id='info"+i+"' style='display:none'>"+t.substring(j,t.length)+"</div>"}}
</script>

Вставляем в html-низ или в форму ответа
Если вставить в форму ответа, то скрипт не будет лишний раз грузиться на главной странице, на странице просмотра тем итд, но при этом скрипт будет работать только для зарегистрированных пользователей которые могут отвечать в данной теме.

14

  • Автор: Admin
  • Администратор
  • Зарегистрирован: 2010-08-05
  • Приглашений: 0
  • Сообщений: 45
  • Провел на форуме:
    4 часа 10 минут
  • Последний визит:
    2010-09-01 21:56:15

данный скрипт отображает текущую дату, месяц

Код:
Сегодня: <script language=javascript>
	var mydate=new Date()
	var year=mydate.getYear()
	if (year<200) year=1900+year
	var day=mydate.getDay()
	var month=mydate.getMonth()
	var daym=mydate.getDate()
	if (daym<10)
	daym="0"+daym
	var montharray=new
	Array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря")
	document.write(""+daym+" "+montharray[month]+" "+year+"")
	</script>

15

  • Автор: Admin
  • Администратор
  • Зарегистрирован: 2010-08-05
  • Приглашений: 0
  • Сообщений: 45
  • Провел на форуме:
    4 часа 10 минут
  • Последний визит:
    2010-09-01 21:56:15

Часы в заголовке окна

Код:
 <script language="JavaScript">
timestr = "00:00:00";
title=document.title;
tid = 0;
pause = 0;
var to;
var bcount;
var tcount;
function time(n) {
	tid=window.setTimeout("time(1)",to);
	today = new Date()
	if(today.getMinutes() < 10) pad = "0"
else    pad = "";
	if(today.getSeconds() < 10) pads = "0"
else      pads = "";
	timestr=today.getHours()+":"+pad+today.getMinutes()+":"+pads+today.getSeconds();
	document.title = title+' '+timestr;
	window.clearTimeout(tid);
	tid=window.setTimeout("time()",to);
}
function start(x) {
	f=x;
	to=60;
	time(x);
}
function cleartids() {
	window.clearTimeout(tid);
}
</script>
<body onload="start(document.forms[0])" onunload="cleartids()">

16

  • Автор: Admin
  • Администратор
  • Зарегистрирован: 2010-08-05
  • Приглашений: 0
  • Сообщений: 45
  • Провел на форуме:
    4 часа 10 минут
  • Последний визит:
    2010-09-01 21:56:15

Подсвечиваем разделы при наведении мышью.

Код:
<script type="text/javascript">
var td = document.getElementsByClassName("tcl")
for(i=0;i<td.length;i++){
td[i].setAttribute("onmouseover", "this.style.backgroundColor='red'")
td[i].setAttribute("onmouseout", "this.style.backgroundColor=''")
}
</script>

red - нужный цвет

17

  • Автор: Admin
  • Администратор
  • Зарегистрирован: 2010-08-05
  • Приглашений: 0
  • Сообщений: 45
  • Провел на форуме:
    4 часа 10 минут
  • Последний визит:
    2010-09-01 21:56:15

цветовыделение

Код:
<script type="text/javascript">
inColor("red", new Array("ник", "ник"))
inColor("blue", new Array("ник", "ник"))
inColor("green", new Array("ник"))
inColor("gray", new Array("ник"))
inColor("yellow", new Array("ник", "ник", "ник"))

function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
}}}}
</script>

18

  • Автор: Admin
  • Администратор
  • Зарегистрирован: 2010-08-05
  • Приглашений: 0
  • Сообщений: 45
  • Провел на форуме:
    4 часа 10 минут
  • Последний визит:
    2010-09-01 21:56:15

Дополнительные цвета

Код:
<table><tr>
<td onclick="return changeVisibility('mycolor', this)"><img src="http://forum.mybb.ru/i/color_swatch.png" alt="Мои цвета" /></td></tr></table>
<div class="container" id="mycolor" style="display:none; width:200px">
	<table cellspacing="0">
<tr>
<td style="background-color:#00FF00" height="15px" width="15px" onclick="bbcode('[color=#00FF00]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#00FF66" height="15px" width="15px" onclick="bbcode('[color=#00FF66]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#00FFFF" height="15px" width="15px" onclick="bbcode('[color=#00FFFF]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#66FF66" height="15px" width="15px" onclick="bbcode('[color=#66FF66]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#99FF99" height="15px" width="15px" onclick="bbcode('[color=#99FF99]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#CCFF00" height="15px" width="15px" onclick="bbcode('[color=#CCFF00]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#CCFF66" height="15px" width="15px" onclick="bbcode('[color=#CCFF66]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#CCFFCC" height="15px" width="15px" onclick="bbcode('[color=#CCFFCC]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#FFFF00" height="15px" width="15px" onclick="bbcode('[color=#FFFF00]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#FFFF99" height="15px" width="15px" onclick="bbcode('[color=#FFFF99]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#00CC66" height="15px" width="15px" onclick="bbcode('[color=#00CC66]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#339966" height="15px" width="15px" onclick="bbcode('[color=#339966]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#6699CC" height="15px" width="15px" onclick="bbcode('[color=#6699CC]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#CCCC66" height="15px" width="15px" onclick="bbcode('[color=#CCCC66]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#009966" height="15px" width="15px" onclick="bbcode('[color=#009966]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#9999FF" height="15px" width="15px" onclick="bbcode('[color=#9999FF]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#CC9933" height="15px" width="15px" onclick="bbcode('[color=#CC9933]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#CC66CC" height="15px" width="15px" onclick="bbcode('[color=#CC66CC]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#FF6600" height="15px" width="15px" onclick="bbcode('[color=#FF6600]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#FF6666" height="15px" width="15px" onclick="bbcode('[color=#FF6666]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#003333" height="15px" width="15px" onclick="bbcode('[color=#003333]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#003366" height="15px" width="15px" onclick="bbcode('[color=#003366]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#0033FF" height="15px" width="15px" onclick="bbcode('[color=#0033FF]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#333300" height="15px" width="15px" onclick="bbcode('[color=#333300]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#663399" height="15px" width="15px" onclick="bbcode('[color=#663399]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#993300" height="15px" width="15px" onclick="bbcode('[color=#993300]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#CC3333" height="15px" width="15px" onclick="bbcode('[color=#CC3333]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#FF3300" height="15px" width="15px" onclick="bbcode('[color=#FF3300]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#FF66FF" height="15px" width="15px" onclick="bbcode('[color=#FF66FF]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#003366" height="15px" width="15px" onclick="bbcode('[color=#003366]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#FF3366" height="15px" width="15px" onclick="bbcode('[color=#FF3366]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#0000FF" height="15px" width="15px" onclick="bbcode('[color=#0000FF]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#660033" height="15px" width="15px" onclick="bbcode('[color=#660033]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#990000" height="15px" width="15px" onclick="bbcode('[color=#990000]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#FF0000" height="15px" width="15px" onclick="bbcode('[color=#FF0000]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#FF0066" height="15px" width="15px" onclick="bbcode('[color=#FF0066]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#FFCCCC" height="15px" width="15px" onclick="bbcode('[color=#FFCCCC]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#ffcc66" height="15px" width="15px" onclick="bbcode('[color=#ffcc66]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#666633" height="15px" width="15px" onclick="bbcode('[color=#666633]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#cc6633" height="15px" width="15px" onclick="bbcode('[color=#cc6633]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#993300" height="15px" width="15px" onclick="bbcode('[color=#993300]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#99ff00" height="15px" width="15px" onclick="bbcode('[color=#99ff00]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#cccccc" height="15px" width="15px" onclick="bbcode('[color=#cccccc]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#ffcccc" height="15px" width="15px" onclick="bbcode('[color=#ffcccc]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#336666" height="15px" width="15px" onclick="bbcode('[color=#336666]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:#ff9999" height="15px" width="15px" onclick="bbcode('[color=#ff9999]', '[/color]'); return changeVisibility('mycolor', this)"></td>
</tr>
	</table>
	</div>

19

  • Автор: Admin
  • Администратор
  • Зарегистрирован: 2010-08-05
  • Приглашений: 0
  • Сообщений: 45
  • Провел на форуме:
    4 часа 10 минут
  • Последний визит:
    2010-09-01 21:56:15

Защита паролем
Для входа на страницу нужно ввести пароль.
пароль: "pass"

Код:
<script language="JavaScript">
 if (top.location.search=="") {
 pass = prompt('Введите пароль');
 if (pass=='pass') { alert('Пароль принят') } else { alert('Пароль непринят!'), top.location.href="" }
 };
</script>

20

  • Автор: Admin
  • Администратор
  • Зарегистрирован: 2010-08-05
  • Приглашений: 0
  • Сообщений: 45
  • Провел на форуме:
    4 часа 10 минут
  • Последний визит:
    2010-09-01 21:56:15

Вход на форум всплывающим окном

Прошу заметить, это не то окно, всплывающее гостям. Данный скрипт сделает так, чтобы при кнопке Вход всплывало окошко с формами для Ника и Пароля.

В хтмл-верх вставляем:

Код:
<style>
.dialog {width: 290px; border: 7px solid #4C77B6; background: #fff; padding: 12px 15px; z-index: 1000; position: fixed; top: 0px; margin: 200px 0 0 -145px; left: 50%;}
.dialog h6 {margin: 0px; padding: 0px; font-size: 26px; color: #4c4c4c; font-family: Arial, Tahoma, Helvetica, sans-serif; padding: 0 0 12px;}
.dialog span {float: left; color: #7f7f7f; margin: 0 0 3px;}
.dialog a {float: right; font-size: 11px; margin: 0 0 3px; color: #4C77B6;}
.dialog input {font-size:16px; color: #4c4c4c; font-family: Arial, Tahoma, Helvetica, sans-serif;}
.dialog_form {display: block; width: 99%; margin: 0 0 12px; clear: both;}
.dialog_remember {clear: both; padding: 0 0 8px;}
.dialog_remember div {display: block; clear: both; color: #7f7f7f; width: 99%; text-align: left; margin: -2px 2px 0 0;}
.dialog_remember input {margin-left: 0px;}
.auth_bg {height: 100%; width: 100%; position: fixed; z-index: 999; top:0px; left:0px;}
</style>
<!--[if lte IE 7]>
<style>
*html .dialog {position:expression('absolute'); top:expression(parseInt(document.documentElement.scrollTop, 10) + 'px');}
*html .auth_bg {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="auth_bg.png", sizingMethod="scale"); position:expression('absolute'); top:expression(parseInt(document.documentElement.scrollTop, 10) + 'px');}
</style>
<![endif]-->
    <div id="auth" style="display:none;">
        <div class="auth_bg" id="bg" onclick="login_hide();"></div>
    </div>
    
<div id="authdialog" class="dialog" style="position:absolute;left:-2000px;">
    <h6>Вход</h6>
<form id='login' method='post' action='/login.php?action=in' onsubmit='return my_form(this)'>
<input type='hidden' name='form_sent' value='1' />
<input type='hidden' name='redirect_url' value='index.php' />
<b>Логин:</b><br>
<input type='text' id='fld1'  name='req_username'  size='25'  maxlength='25'  onfocus=this.value='' value='NickName'><br><br>
<b>Пароль:</b> <a href=/login.php?action=forget>Забыли пароль?</a><br>
<input type='password'  id='fld2'  name='req_password'  size='16'  maxlength='16' / onfocus=this.value='' value='Password'><br><br>
<input type='submit'  class='button'  name='login'  value='Вход на форум!'/>
</form>
</div>

В хтмл-низ вставляем:

Код:
<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].id=="navlogin"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<a href=\"#\" onclick=\"login_show()\">Вход</a>"
}
i++
}
</script>
<script>
    function $(id)
    {
    return document.getElementById(id);
    }
    function login_show() {
    $('auth').style.display = "block";
    $('authdialog').style.left = '50%';
    $('loginfocusneeded').focus();
    }
    function login_hide() {
    $('authdialog').style.position = 'absolute';
    $('authdialog').style.left = '-2000px';
    $('auth').style.display = "none";
    }
    document.onkeypress = function(ev){
    ev = ev || event;
    if(ev.keyCode==27)
        login_hide();
    }
    function ieheight() {
    var bg = $('body').offsetHeight;
    $('bg').style.height = bg + 'px';
    }
    window.onload = ieheight;
</script>
Страница:   1 2 3 4 5  

Вы здесь » tesctovichok; » Тестовый форум » Скрипты

Рейтинг форумов | Создать форум бесплатно