Главная сайта
Статьи
Каталог сайтов
Форум web-мастеров
Доска бесплатных обьявлений
Уфимский чат. Общение без границ
| Сегодня её увидели бы: | 71 раз(а) | 10 человек(а) | Сейчас на сайте: 17 |
|
Партнёр нашего сайта: Сайтостроительство от Vbnzq - Сайт портфолио Vbnzq создание сайтов обработка графики создание фирменного стиля логотипов примеры работ HTML CSS JavaScript SSI DOM PHP стандарт w3c
Если у вас есть сайт и вы хотите зарабатыват на нём - то мы готовы купить ваш трафик : 2-6 центов/клик. Откровенные фото знаменитостей |
здесь выложена коллекция java скриптов на "все случаи жизни". По мере возможности и нформация в данном разделе будет увеличиваться. Java аплеты будут добавлены позже.
|
| channelmode | yes | no | 1 | 0 | показывает элементы управления Channel |
| directories | yes | no | 1 | 0 | включает кнопки каталога |
| fullscreen | yes | no | 1 | 0 | полностью разворачивает окно |
| heght | число | высота окна в пикселах |
| left | число | положение по горизонтали относительно левого края экрана в пикселах |
| location | yes | no | 1 | 0 | поле Address |
| menubar | yes | no | 1 | 0 | стандартные меню броузера |
| resizeable | yes | no | 1 | 0 | возможность изменять размер окна |
| scrollbars | yes | no | 1 | 0 | горизонтальная и вертикальная полосы прокрутки |
| status | yes | no | 1 | 0 | строка состояния |
| toolbar | yes | no | 1 | 0 | включает панели инструметов |
| top | число | положение по вертикали относительно верхнего края экрана в пикселах |
| width | число | ширина окна в пикселах |
Пример:
ссылка:
<a hef="" onclick="return
OpenWin()">Открыть новое окно</a>
код:
<script
language=javascript>
<!--
function OpenWin() {
window.status
="";
features = "top=50, left=50, width=300, height=300, toolbar=no,
"
+
"menubar=no, location=no, directories=no";
newWin = window.open ("some.htm",
"MyWin", features);
window.status = "Открыть новое
окно";
window.event.cancelBubble = true;
window.event.returnValue =
false;
}
--></script>
Новое диалоговое окно (метод
showModalDialog)
Доступные свойства метода:
| border | thick | thin | размер рамки вокруг окна |
| center | yes | no | 1 | 0 | выравнивание окна по центру главного |
| dialogHeight | число + единицы измерения | высота диалогового окна |
| dialogLeft | число + единицы измерения | горизонтальное положение диалогового окна |
| dialogTop | число + единицы измерения | вертикальное положение диалогового окна |
| dialogWidth | число + единицы измерения | ширина диалогового окна |
| font | строка таблицы стилей | шрифт и стиль, определенные по умолчанию для окна |
| font-family | строка таблицы стилей | вид шрифта, определенный по умолчанию для окна |
| font-size | строка таблицы стилей | размер шрифта, определенный по умолчанию для окна |
| font-style | строка таблицы стилей | тип шрифта, определенный по умолчанию для окна |
| font-variant | строка таблицы стилей | вариант шрифта (обычный/курсив), определенный по умолчанию для окна |
| font-weight | строка таблицы стилей | толщина шрифта, определенная по умолчанию для окна |
| help | yes | no | 1 | 0 | включение кнопки Help в верхнюю панель |
| maximize | yes | no | 1 | 0 | включение кнопки Maximize в верхнюю панель |
| minimize | yes | no | 1 | 0 | включение кнопки Minimize в верхнюю панель |
Пример:
ссылка:
<a
hef="" onclick="return OpenDialog()">Открыть новое дилоговое
окно</a>
код:
<script
language=javascript>
<!--
function OpenDialog() {
window.status
="";
features = "dialogWidth=300px; dialogHeight=300px; scrollbars=no;
"
+
"center=yes; border=thin; help=no; status=no";
newDialog =
window.showModalDialog ("some.htm", "MyDialog", features);
window.status =
"Открыть новое диалоговое окно";
}
--></script>
Смена заголовков при
использовании фреймов
код:
<head>
<script
language="javascript"> <!--
function newTitle()
{
top.document.title="Новый
заголовок";
}
--></script>
</head>
<body
onload="newTitle();">
Как убрать пунктирную
рамку вокруг ссылок
код:
<a ...
onfocus="this.blur()">ссылка</a>
Ссылка, меняющая
содержимое нескольких фреймов
код:
<a
href= "page01.htm"onclick="top.frames[1].location="page02.htm;
top.frames[2].location="page02.htm"; ...
">ссылка</a>
java
скрипт "упругий текст"
Вот это вставляем до тэга </head> - - - - - - - - - - - - - - - - - >
<script
LANGUAGE="JavaScript">
// Array of sizes to cycle over
var sizes = new
Array("0px", "1px", "2px", "4px", "8px");
sizes.pos = 0;
function rubberBand() {
var el =
document.all.elastic;
if (null == el.direction)
el.direction = 1;
else
if ((sizes.pos > sizes.length - 2) ||
(0 == sizes.pos))
el.direction *=
-1;
el.style.letterSpacing = sizes[sizes.pos +=
el.direction];
}
</script>
А вот это после <body> до тэга </body>
<h1 ID="elastic" ALIGN="center">Вот он какой упругий текст</h1>
java скрипт "эффект баннера"
Код разделен на три части,т.к. именно таким образом его необходимо разместить
Это вставляем перед </head>
<SCRIPT
language=javaScript>
functioncheckBrowserForVersion4(){varx=navigator.appVersion;y=x.substring(0,4);
if(y>=4)strobeEffect();}
varisNav=(navigator.appName.indexOf("Netscape")!=-1);a=0;b=1;ob=1;
var
colors=new
Array("FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","F9F9F9",
"F1F1F1",
"E9E9E9","E1E1E1","D9D9D9","D1D1D1","C9C9C9","C1C1C1","B9B9B9",
"B1B1B1","A9A9A9","A1A1A1","999999",
"919191","898989","818181","797979",
"CC0000","CC0000","CC0000","CC0000","CC0000","CC0000","CC0000","CC0000",
"CC0000","CC0000","CC0000","CC0000","CC0000","CC0000","CC0000")
function
strobeEffect(){color=colors[a];
aah="<table
width=200><td><center><font color="+color+" face=
arialsize=+3>";aab="</font></a></center></td></table>"
ob1="Добро пожаловать!"
ob2="Простые
JavaScripts"
ob3="http://javatop.narod.ru"
ob4="Подробное
описание"
obj=eval("ob"+ob);mid=obj;aa=aah+mid+aab
if(isNav)
{document.object1.document.write(aa);document.object1.document.close();}
else
{object1.innerHTML=aa}
a+=b;if (a== 38)b-=2,ob+= 1;if(ob==4)ob=1;if (a==
0)b+=2;xx=setTimeout("strobeEffect()",20);}
</SCRIPT>
Это вставляем в <body>
onload=checkBrowserForVersion4()
Это сразу после <body>
<DIV id=objectx
style="Z-INDEX: 2;
LEFT: 100px; POSITION: absolute; TOP: 10px"><FONT face=arial
color=#669999><B>Полезный скрипт</B></FONT>
</DIV>
<DIV id=object1
style="Z-INDEX: 2; LEFT: 100px; POSITION:
absolute; TOP: 50px"></DIV>
java скрипт "вращающийся текст"
Это вставляем между метой <head> и </head> - - - - - - - - - - - - - - - - - - - - - - ->
<script
language="Jscript" FOR="Seq"
event="oninit">
Seq.item("ActionSet1").at(1.000, "RotateAll()",-1, 0.050,
1);
Seq.item("ActionSet1").Play();
</SCRIPT>
<SCRIPT
LANGUAGE="JScript">
window.onload=loadme;
function loadme()
{
sgMSDHTML.SetIdentity();
<!-- Button1.value="Pause";
-->
}
function RotateAll()
{
sgMSDHTML.Rotate(10,9,0);
}
</SCRIPT>
<SCRIPT
LANGUAGE="JScript">
function Start() {
if
(Button1.value=="Pause"){
Seq.item("ActionSet1").Pause();
<!--
Button1.value="Play";
-->
}else{
Seq.item("ActionSet1").Play();
<!--
Button1.value="Pause"; -->
}
}
</SCRIPT>
Затем желательно убрать "свой" <bodybgcolor> и вставить все
это до тэга </body>
можно не убирать,может Ваш лучше. - - - -
- - - - - - - - - - - - - - - - - - - - ->
<BODY BGCOLOR="#000000" TEXT="#000000"
LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000">
<OBJECT
ID="Seq"
CLASSID="CLSID:B0A6BAE2-AAF0-11d0-A152-00A0C908DB96">
<OBJECT ID=sgMSDHTML STYLE="Position:absolute;
HEIGHT:280; WIDTH:750; Top:130;
Left:1"
CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
<PARAM
NAME="Line0001" VALUE="SetLineColor(255,255,255)">
<PARAM
NAME="Line0002" VALUE="SetFillColor(0,0,255)">
<PARAM NAME="Line0003"
VALUE="SetFillSTYLE(1)">
<PARAM NAME="Line0004"
VALUE="SetLineSTYLE(1)">
<PARAM NAME="Line0005"
VALUE="SetFont('Verdana',40,550,0,0,0)">
<PARAM NAME="Line0006"
VALUE="Text('Java Script', -120, -90, 0)">
<PARAM NAME="Line0007"
VALUE="Text('Постоянное обновление коллекции', -340, -40, 0)">
<PARAM
NAME="Line0008" VALUE="Text('texiko.by.ru', -60, 10, 0)">
<PARAM
NAME="Line0009" VALUE="Text('Welcome!!!', -120, 60,
0)">
</OBJECT>
java скрипт "простая бегущая строка"
<MARQUEE scrollAmount=3 scrollDelay=50
align="bottom">
<DIV
style="COLOR: #da034a; FONT-SIZE: 16px;
FONT-WEIGHT: bold">
www.vasinsky.com -всё для
web-мастера - портал web-мастеров - форум web-мастеров
</DIV></MARQUEE>
java скрипт "текст с тенью"
Для этого эффекта ,который очевидно будет полезен в заголовках ,между </head> и <body> вставляем это :
<STYLE>.pr6
{
FILTER:DropShadow(Color="#6699CC",OffX="3",OffY="3",Positive="1")
}
</STYLE>
Где :OffX=3 , OffY=3, -положение тени (относительное смещение).Positive ="1" - лучше не менять
А вот это разместим после <body>
<DIV class=pr6
style="FONT-WEIGHT: normal; FONT-SIZE: 26pt; WIDTH: 700px; COLOR: red;
LINE-HEIGHT: normal; FONT-STYLE: normal; HEIGHT: 30px; FONT-VARIANT:
normal">
<P align="center">Текст с тенью - удачный стиль
заголовка</P>
</DIV>
java скрипт "ваше время на странице в текстовом поле"
<Body
Onload="window.setTimeout('getSecs()',1)">
<Script
Language="JavaScript">
function person_in() {enter=new
Date();}
function person_out() {exit=new Date();
time_dif=(exit.getTime()-enter.getTime())/1000;
time_dif=Math.round(time_dif);
alert ("You've only been here for: " +
time_dif + " seconds!")}
startday = new Date();
clockStart =
startday.getTime();
function initStopwatch()
{var myTime = new
Date();
var timeNow = myTime.getTime();
var
timeDiff = timeNow - clockStart;
this.diffSecs =
timeDiff/1000;
return(this.diffSecs);}
function
getSecs()
{var mySecs = initStopwatch();
var mySecs1 = ""+mySecs;
mySecs1=
mySecs1.substring(0,mySecs1.indexOf(".")) + " сек";
document.forms[0].timespent.value =
mySecs1
window.setTimeout('getSecs()',1000);
}
</Script>
<Form>
Ваше время на этой
странице:
<Input Type="Text" Size="9"
Name="timespent"></Form>
java скрипт "дата и время в текстовом поле"
<Script
Language="JavaScript">
function fulltime()
{var time=new Date();
document.clock.full.value=time.toLocaleString();
setTimeout(" fulltime()",500)}
</Script>
<Form
Name=clock><Input Type=Text Size=25 Name=full></Form>
<Script Language="JavaScript">
fulltime();
</Script>
java скрипт "сколько дней осталось до нового года"
<Script
Language="JavaScript">
function myFunction1(){
if
(date<=myDate) month1=12-(month-myMonth);
else
month1=11-(month-myMonth);}
function myFunction2(){
if
(date>myDate) month1=(myMonth-month-1);
else
month1=(myMonth-month);}
function myFunction3(){
if
(date<=myDate) month1=0;
else month1=11;}
function
myFunction4(){
if (month==2) date1=(28-date+myDate);
if
(month==4) date1=(30-date+myDate);
if (month==6)
date1=(30-date+myDate);
if (month==9)
date1=(30-date+myDate);
if (month==11)
date1=(30-date+myDate);
if (month==1)
date1=(31-date+myDate);
if (month==3)
date1=(31-date+myDate);
if (month==5)
date1=(31-date+myDate);
if (month==7)
date1=(31-date+myDate);
if (month==8)
date1=(31-date+myDate);
if (month==10)
date1=(31-date+myDate);
if (month==12)
date1=(31-date+myDate);}
var date=(new
Date()).getDate();
var month=(new Date()).getMonth()+1;
var
myDate=01
var myMonth=01
if (month>myMonth)
myFunction1();
if (month<myMonth)
myFunction2();
if (month==myMonth)
myFunction3();
if (date<=myDate)
date1=(myDate-date);
if (date>myDate)
myFunction4();
if (month1==1)
monthtxt=("месяц");
if (month1>1 &&
month1<5) monthtxt=("месяцa");
if (month1>4)
monthtxt=("месяцев");
if (date1==1, 21)
datetxt=("день");
if (date1>1 && date1<5)
datetxt=("дня");
if (date1>21 && date1<25)
datetxt=("дня");
if (date1>4 && date1<21)
datetxt=("дней");
if (date1>24 && date1<31)
datetxt=("дней");
var txt=("До следующего года
осталось:");
if (month1==0 && date1==0)
txt=("Сегодня 1 января");
document.write(txt+'
');
if (month1>0) document.write(month1+" "+monthtxt+'
');
else
document.write("");
if (date1>0) document.write(date1+"
"+datetxt);
else
document.write("");
</Script>
java скрипт "какой день недели"
<Script
Language="JavaScript">
now = new Date()
if (now.getDay()
== 0)
document.write("Отдыхайте, завтра рабочий
день...")
if (now.getDay() == 1)
document.write("Сегодня понедельник - настраивайтесь на работу")
if
(now.getDay() ==
2)
document.write("Уже вторник,
понедельник к счастью позади!")
if (now.getDay() ==
3)
document.write("Половина недели позади - сегодня уже
среда")
if (now.getDay() == 4)
document.write("Сегодня четверг, скоро выходные...")
if (now.getDay()
== 5)
document.write("Сегодня пятница - последний рабочий
день")
if (now.getDay() == 6)
document.write("Сегодня первый день выходных!")
</Script>
java скрипт "сколько дней
странице"
<script language="JavaScript">
d0 = new
Date('January 25, 2003');
d1 = new Date();
dt = (d1.getTime() -
d0.getTime()) / (1000*60*60*24);
document.write('Этой страничке <font
color=#008000>' + Math.round(dt) + '-й</font>
день.');
</script>