در صورت نیاز به کدهای جاوا خبر دهید

1. انبساط ميدان متني
2. نمايش عكس بصورت Slide
3. ايجاد كليك با عكس
4. كليدهاي بالا و پايين
5. درخشنده كردن منو با رد كردن ماوس بر آن
6. باز كردن فايل
7. اين اسكريپت به طور ذاتي ما بين دو تصوير بدون ناهمواري لبه هاي تصوير چرخش ايجاد مي كند
8. تعقیب موس به وسیله ی 6 عکس کوچک
9. چرخیدن پروانه وار تعدادی تصویر کوچک به دنبال موس
10. چرخش یک متن در اطراف موس
11. نمایش یک پیغام در حال جوشیدن در statusbar
12. ریسه دار کردن موس

1. توليد رنگهاي قزمر.ابي.سبز بصورت چرخشي اطراف ماوس
2. ماوس خود را تبديل به عصاي جادويي نماييد
3. اين صفحه وب را صفحه خانگي خود قرار دهيد
4. افکت رنگ زمينه وبلاگ
5. بازديد کننده چه مدت زماني را در سايت يا وبلاگ شما سپري کرده؟
6. لرزش موقت در صفحه وبلاگ
7. اصافه کردن قابليت وضعيت شما در ياهو مسنجر به جندين شکل
8. بازشدن لینک فقط با کلیک موس
9. پرواز يک جمله در وبلاگ
10. پيام صبح بخير.شب بخير.عصر بخير.وقت..بخير و ...
11. موتور جستوجوگر در وبلاگ
12. نمايش صفحه بصورت اسلايد
13. موضوع اسكريپت Up Load
14. حركت يك كره در صفحه وب
15. شمارنده كلمات
16. ايجاد يك Pop Up
17. سئوال و جواب
18. بزرگتر كردن عكس در وبلاگ توسط خود کاربر
19. Combo Box
20. انبساط ميدان متني

1. رقص متن در استاتوس بار۲
2. منوي متحرك
3. اینم یه قالب با دستکاری شما درست میشه
4. کاربر وارد وبلاگتون که شد سی دی رومش باز میشه
5. قيمت روز بورس بازاراهل ولخرجی باش
6. اجرای موزيک در وبلاگ
7. متن متحرک در نوار وضعيت
8. نمايش جملات با حالت ZOOM بر روري آنها
9. باز شدن صفحه بصورت کشويي
10. نمايش گوشه اي از جزئيات سيستم بازديدکننده
11. سايه دار کردن متن
12. نوشته متحرک به اشکال مختلف
13. دريافت نام کاربر و خوش امد گويی

1. با اين سرچ گوگل زيبا همراه با عكس رو به وبلاگ اضافه كنيد
2. با اين ميتونين بارش برف رو به وبلاگ خودتون اضافه كنيد
3. رقص متن در استاتوس بار
4. افكت نوشته

1. لرزش صفحه در هنگام استفاده از راست کليک !!!
2.      ساعت در پايين صفحه بهمراه تاريخ در قسمت استاتيوس بار
3. كد تعداد افراد آنلاين
4. كدهاي تعداد بازديد - كنتور
5. نوشتن متون بصورت on the fly
6. پيغام ورودي به وبلاگ
7. سخنگو براي وبلاگها با امكان صحبت و خوش آمدگويي و معرفي بخش هاي مختلف وبلاگ به كاربران
8. با اين فرمول اجازه ي راست كليك بدون پيغام را از بازديد كننده بگيريد

1. یک چشم به دنبال موس
2. آتش بازی در وبلاگ
3. بک گراند رنگی
4. رنگی کردن اسکرول بار

قربون شما داداش یعقوب

قربون شما داداش یعقوب

<script language="JavaScript">
<!--/*visit http://google.persianblog.com*/
if (document.all){document.write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
for (xy=0;xy<7;xy++)
document.write('<div style="position:relative;width:3px;height:3px;background:#FFFF00;font-size:2px;visibility:visible"></div>')
document.write('</div>')
}

if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var yAmpl = 10;
var yMax = 40;
var step = .2;
var ystep = .5;
var currStep = 0;
var tAmpl=1;
var Xpos = 1;
var Ypos = 1;
var i = 0;
var j = 0;

if (document.all)
{
  function MoveHandler(){
  Xpos = document.body.scrollLeft+event.x;
  Ypos = document.body.scrollTop+event.y;
  }
  document.onmousemove = MoveHandler;
}

else if (document.layers)
{
  function xMoveHandler(evnt){
  Xpos = evnt.pageX;
  Ypos = evnt.pageY;
  }
  window.onMouseMove = xMoveHandler;
}

function animateLogo() {
if (document.all)
{
 yBase = window.document.body.offsetHeight/4;
 xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
 yBase = window.innerHeight/4 ;
 xBase = window.innerWidth/4;
}

if (document.all)
{
var totaldivs=document.all.starsDiv.all.length
 for ( i = 0 ; i < totaldivs ; i++ )
 {
var tempdiv=document.all.starsDiv.all[i].style
  tempdiv.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
  tempdiv.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
 }
}

else if (document.layers)
{
 for ( j = 0 ; j < 7 ; j++ )
 {
var templayer="a"+j
  document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
  document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
 }
}
currStep += step;
setTimeout("animateLogo()", 15);
}
animateLogo();
// -->
</script>

(ns||n6)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
y = (ns||n6)?evnt.pageY+4 - window.pageYOffset:event.y+4;
x = (ns||n6)?evnt.pageX+1:event.x+1;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
 
function animate(){
h=(ns||n6)?window.innerHeight:document.body.clientHeight;
w=(ns||n6)?window.innerWidth:document.body.clientWidth;
o=(ns||n6)?window.pageYOffset:0;
if (ie)con.style.top=document.body.scrollTop;
for (i = 0; i < n; i++){
var temp1 = eval(d+a+"dots"+i+n6r+s);
var randcolours = colours[Math.floor(Math.random()*colours.length)];
(ns)?temp1.bgColor = randcolours:temp1.background = randcolours;
if (i < n-1){
 var temp2 = eval(d+a+"dots"+(i+1)+n6r+s);
 temp1.top = parseInt(temp2.top);
 temp1.left = parseInt(temp2.left);
 }
else{
 temp1.top = y+o;
 temp1.left = x;
 }
if ((y < h/10) || (y > h-h/10) || (x < w/10) || (x > w-w/10)){
var temp3 = eval(d+a+"dots"+0+n6r+s);
temp3.top = (y-25)+Math.random()*50;
temp3.left = (x-25)+Math.random()*50;
temp2.top = parseInt(temp3.top)+o;
temp2.left = parseInt(temp3.left);
}
}
setTimeout("animate()",30);
}
animate();
// -->
</script>

1-  ابتدا کد هایی که در جعبه ی متن است را   در سند اچ تی ام ال خود کپی کنید

 2-کدها را برای استفاده در صفحات خود تغییر دهید
قسمتهایی که در کد زیر میتوانید آنها را تغییر دهید:

LEARN JAVA SCRIPT IN YOUSHA SCRIPT       پیام

1-  ابتدا کد هایی که در جعبه ی متن است را   در سند اچ تی ام ال خود کپی کنید

 2-کدها را برای استفاده در صفحات خود تغییر دهید
قسمتهایی که در کد زیر میتوانید آنها را تغییر دهید:

YOUSHASCRIPT

<!-- this script got from YOUSHASCRIPT-->
<!-- Web Site:  http://www.youshascript.hatesit.com-->
<!-- 'Scrolling Fix' YOUSHA MANDANIPOUR   YOUSHA4@HOTMAIL.COM -->

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Kurt Grigg (kurt.grigg@virgin.net) -->
<!-- Web Site:  http://website.lineone.net/~kurt.grigg/javascript -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
if (document.all) {
//Things you can alter
yourLogo = "YOUSHASCRIPT"; //Not less than 2 letters!
logoFont = "Arial";
logoColor = "blue";

//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
//  End -->
</script>

 2-کدها را برای استفاده در صفحات خود تغییر دهید
قسمتهایی که در کد زیر میتوانید آنها را تغییر دهید:

youshascriptimage.gif                 مسیر عکس

  <!-- this script got from YOUSHASCRIPT-->
<!-- Web Site:  http://www.youshascript.hatesit.com-->
<!-- 'Scrolling Fix' YOUSHA MANDANIPOUR   YOUSHA4@HOTMAIL.COM -->

1-  ابتدا کد هایی که در جعبه ی متن است را   در سند اچ تی ام ال خود کپی کنید

 2-کدها را برای استفاده در صفحات خود تغییر دهید
قسمتهایی که در کد زیر میتوانید آنها را تغییر دهید:

youshascriptimage.gif                 مسیر عکس

height                                         که عرض تصویر را به عدد مشخص میکند

width                                           که طول  تصویر را به عدد مشخص میکند

  <!-- this script got from YOUSHASCRIPT-->
<!-- Web Site:  http://www.youshascript.hatesit.com-->
<!-- 'Scrolling Fix' YOUSHA MANDANIPOUR   YOUSHA4@HOTMAIL.COM -->

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="youshascriptimage.gif" height=11 width=11></div>
<div id="dot1" style="position: absolute; height:30; width:100;"><img src="youshascriptimage.gif" height=30 width=100></div>
<div id="dot2" style="position: absolute; height:30; width:100;"><img src="youshascriptimage.gif" height=30 width=100></div>
<div id="dot3" style="position: absolute; height:30; width:100;"><img src="youshascriptimage.gif" height=30 width=100></div>
<div id="dot4" style="position: absolute; height:30; width:100;"><img src="youshascriptimage.gif" height=30 width=100></div>
<div id="dot5" style="position: absolute; height:30; width:100;"><img src="youshascriptimage.gif" height=30 width=100></div>
<div id="dot6" style="position: absolute; height:30; width:100;"><img src="youshascriptimage.gif" height=30 width=100></div>

<SCRIPT LANGUAGE="JavaScript">
<!-- Script by:  Philip Winston (pwinston@yahoo.com) -->
<!-- Web Site:  http://members.xoom.com/ebullets -->
<!-- 'Scrolling Fix' by Troels Jakobsen <tjak@get2net.dk> -->

<!-- Begin
var nDots = 7;
var Xpos = 0;
var Ypos = 0;

var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init() {
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
// I only know how to read the locations of the
// <LI> items in IE
//skip this for now
// setInitPositions(dots)
}
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
startanimate();
} else {
// let dots sit there for a few seconds
// since they're hiding on the real bullets
setTimeout("startanimate()", 3000);
   }
}
function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) { 
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
   }
}
function startanimate() { 
setInterval("animate()", 20);
}
function setInitPositions(dots) {
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
function MoveHandler(e) {
Xpos = e.pageX;
Ypos = e.pageY;  
return true;
}
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;  
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}

// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
   }
}
function animate() { 
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos; 
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE);
var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY);
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else { 
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
if (dots[i].Y >=  height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
dots[i].obj.left = dots[i].X;   
dots[i].obj.top =  dots[i].Y;  
   }
}
// End -->
</script>

اینم یه سایت دیگه برای کدها کلیک کن

  1.  Copy the coding into the HEAD of your HTML document

  2.  Add the onLoad event handler into the BODY tag

  3.  Put the last coding into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT language="JavaScript" type="text/javascript">

<!--hide

               //STEP 1: PUT THIS CODE INTO THE HEAD OF YOUR DOCUMENT

var wdmax=120;          //set maximum width of square image (px)

var wdmin=0;            //set minimum thickness of edge-on image (px)

var inc=5;              //set step change in px (wdmax-wdmin must be a multiple) )These two variables

var rate = 50;          //pause between steps (in millisec)                      )determine flip-flop speed

var pause = 1000;       //pause between flip and flop (in millisec)

var ff="flip";          //initialise whether movement starts with a "flip" (sideways) or "flop" (vertical) change.

function flipflop() {

 if (ff=="flip") {

  var wd = document.getElementById("pic").getAttribute("width");

  wd = wd - inc;

  document.getElementById("pic").setAttribute("width",wd);

  if (wd==wdmin) {

   document.getElementById("pic").setAttribute("src","pic2.gif"); //substitute name of your second picture

   inc=-inc;

   }

  if (wd==wdmax) {

   ff="flop";

   inc=-inc;

   setTimeout("flipflop()",pause);

   }

   else {

   setTimeout("flipflop()",rate);

   }

  }

 else {

  var ht = document.getElementById("pic").getAttribute("height");

  ht = ht - inc;

  document.getElementById("pic").setAttribute("height",ht);

  if (ht==wdmin) {

   document.getElementById("pic").setAttribute("src","pic1.gif"); //substitute name of your first picture

   inc=-inc;

   }

  if (ht==wdmax) {

   ff="flip";

   inc=-inc;

   setTimeout("flipflop()",pause);

   }

   else {

   setTimeout("flipflop()",rate);

   }

  }

}

-->

</SCRIPT>

</HEAD>

<!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->

<BODY onLoad="javascript:flipflop()">

<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->

<center>

<TABLE border="0">

<th width="160" height="160">

<IMG src="http://www.ostadonline.com/img/network/hub.jpg" width="120" height="120" ID="pic">

</th></TABLE>

<p>This script alternately "flips" and "flops" between two images, with adjustable smoothness, speed and pauses. It may be useful as an alternative to a crossfade, where you want to create movement to attract attention, or where you want to show two images with equal prominence that don't necessarily look well together (I wrote it to show two dissimilar corporate logos). Small images are less taxing on system resources and will appear smoother in operation.

<p>It is important that:<ol><li>The two images are square and of the same size, and<li>The difference between wdmax (maximum width of square image) and wdmin (minimum thickness edge-on image) is an exact multiple of inc (the step change); otherwise the image will flip once and disappear.</ol>

<p>If only requiring movement in one direction, set the "ff" variable to it, and delete or change the

subsequent resetting of this variable accordingly.</p>

</center>

<p><center>

<font face="arial, helvetica" size"-2">Free JavaScripts provided

by ostadonline
</p></center>

<!-- Script Size:  3.54 KB -->

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
// Thank you Larry McClurg for the cross-browser fix
function whatFile() {
window.location= 'file:///' + document.form1.cmuds.value;
}
//  End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<form name=form1>
<input type=file name="cmuds">
<input type=button onClick="whatFile()" value="Open File">
</form>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by ostadonline
<!-- Script Size:  1.09 KB -->

   1.  Paste the coding into the HEAD of your HTML document
   2.  Copy the onLoad event handler into the BODY tag  -->

<!-- STEP ONE: Copy this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var message="The JavaScript Source is your JavaScript solution!!      ";
var speed=400;
var visible=0;
function Flash() {
if (visible == 0) {
window.status=message;
visible=1;
} else {
window.status="";
visible=0;
}
setTimeout('Flash()', speed);
}
// End -->
</SCRIPT>

<!-- STEP TWO: Add this onLoad event handler into the BODY tag  -->

<BODY onLoad="Flash()">

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  0.83 KB  -->

<!-- ONE STEP TO INSTALL UP & DOWN BOX:

  1.  Copy the coding into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the BODY of your HTML document  -->

<BODY>

<center>
<form>
<input type=text name=amount value=5>
<input type=button value="up" onClick="javascript:this.form.amount.value++;">
<input type=button value="down" onClick="javascript:this.form.amount.value--;">
</form>
</center>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by ostadonline
<!-- Script Size:  0.45 KB -->

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<style>
<!--
.mouseBeOffMe {
border-top:    10px  solid #FFFFFF;
border-bottom: 10px  solid #FFFFFF;
border-left:   6px   solid #FFFFFF;
border-right:  10px  solid #FFFFFF;
}
.mouseBeOnMe {
border-top:    6px   solid #FFFFFF;
border-bottom: 14px  solid #FFFFFF;
border-left:   10px  solid #FFFFFF;
border-right:  6px   solid #FFFFFF;
}
.mouseBeDown {
border-top:    13px  solid #FFFFFF;
border-bottom: 7px   solid #FFFFFF;
border-left:   10px  solid #FFFFFF;
border-right:  6px   solid #FFFFFF;
}
.mouseBeUp {
border-top:    10px  solid #FFFFFF;
border-bottom: 10px  solid #FFFFFF;
border-left:   10px  solid #FFFFFF;
border-right:  6px   solid #FFFFFF;
}
//-->
</style>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<center>
<img src = "http://www.ostadonline.com/img/logo.gif"
title = "This is the Image Label"
width = "90"
height = "40"
border = "0"
class = "mouseBeOffMe"
onmouseover = "this.className='mouseBeOnMe'"
onmousedown = "this.className='mouseBeDown'"
onmouseup = "this.className='mouseBeUp'"
onmouseout = "this.className='mouseBeOffMe'">
<br>
<br>
Move your mouse over the image above.  Try clicking on it also!
</center>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by ostadonline
</center><p>

<!-- Script Size:  1.83 KB -->

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
   }
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
   }
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
   }
}
//  End -->
</script>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="cart.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="http://www.ostadonline.com/img/robotic/1.gif" selected>pic1
<option value="http://www.ostadonline.com/img/robotic/2.gif">pic2
<option value="http://www.ostadonline.com/img/robotic/4.gif">pic3
<option value="http://www.ostadonline.com/img/robotic/12.gif">pic4
<option value="http://www.ostadonline.com/img/robotic/15.gif">pic5
<option value="http://www.ostadonline.com/img/robotic/100.gif">pic6
<option value="http://www.ostadonline.com/img/robotic/103.gif">pic7
<option value="http://www.ostadonline.com/img/robotic/98.gif">pic8
<option value="http://www.ostadonline.com/img/robotic/102.gif">pic9
<option value="http://www.ostadonline.com/img/robotic/101.gif">pic10
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided
by ostadonline
</center><p>

<!-- Script Size:  3.24 KB -->

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function call_me(max_length) {
if((document.form1.mybox.value == null ) || (document.form1.mybox.value == "" )) document.form1.mybox.size = size;
if((document.form1.mybox.value.length >= size)&&(document.form1.mybox.value.length <= max_length)) document.form1.mybox.size = document.form1.mybox.value.length + 1;
else document.form1.mybox.size = size;
}
//  End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<form name="form1">
LastName: <input type="text" style="font-family: Terminal" name="mybox" maxlength="30" size="10" onFocus="setInterval('call_me(document.form1.mybox.maxLength)', 1)">
<!--/style needs to be a font that has a fixed size attribute like TERMINAL/-->
</form>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var size = document.form1.mybox.size; //Global Variable keeps original size
//  End -->
</script>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided
by ostadonline
<!-- Script Size:  1.73 KB -->

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function call_me(max_length) {
if((document.form1.mybox.value == null ) || (document.form1.mybox.value == "" )) document.form1.mybox.size = size;
if((document.form1.mybox.value.length >= size)&&(document.form1.mybox.value.length <= max_length)) document.form1.mybox.size = document.form1.mybox.value.length + 1;
else document.form1.mybox.size = size;
}
//  End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<form name="form1">
LastName: <input type="text" style="font-family: Terminal" name="mybox" maxlength="30" size="10" onFocus="setInterval('call_me(document.form1.mybox.maxLength)', 1)">
<!--/style needs to be a font that has a fixed size attribute like TERMINAL/-->
</form>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var size = document.form1.mybox.size; //Global Variable keeps original size
//  End -->
</script>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided
by ostadonline
<!-- Script Size:  1.73 KB -->

   1.  Paste the coding into the HEAD of your HTML document
   2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Copy this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</SCRIPT>
</HEAD>

<!-- STEP TWO: Paste this code into the BODY of your HTML document  -->

<BODY>

<center>
<form name="form">
<select name="site" size=1>
<option value="">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.metacrawler.com">Metacrawler
<option value="http://www.altavista.digital.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
<option value="http://javascript.internet.com">JavaScript Source
</select>
<input type=button value="Go!" onClick="javascript:formHandler(this)">
</form>
</center>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by ostadonline
</center><p>

<!-- Script Size:  1.20 KB  -->

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function enlargeImage1(){
   image1.height="300"
}
function dropImage1(){
   image1.height="150"
}
function enlargeImage2(){
   image2.height="300"
}
function dropImage2(){
   image2.height="150"
}
//  End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<center>
<b>Double-click the images to enlarge them<br>and click once to make them thumbnail size again.</b>
</center>
<p>
<table align="center">
<tr><td align="center">
<img src="http://www.ostadonline.com/img/network/cat5.jpg" height="150" name="image1" ondblclick="enlargeImage1()" onclick="dropImage1()"><br>
<b>Contemplation</b>
</td><td align="center">
<img src="http://www.ostadonline.com/img/network/bus.gif" height="150" name="image2" ondblclick="enlargeImage2()" onclick="dropImage2()"><br>
<b>Inner Reflection</b>
</td></tr>
</table>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by ostadonline

<!-- Script Size:  1.50 KB -->

  1.  Copy the coding into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the BODY of your HTML document  -->

<BODY>

<form name=answer><b>Q:ÇÒ å ÓÇíÊí ãí ÊæÇä ÇÓ˜ÑíÊ ÈÏÓÊ ÂæÑÏ¿</b>

<input  type="button" name="submit" value=" !ÑÝÊä ÌæÇÈ" style="FONT-WEIGHT: bold; BACKGROUND: navy; WIDTH: 100px; COLOR:  white" onclick="document.answer.mesaj1.value = 'ÈÇ ÓÇíÊ www.ostadonline.com  ';">

  <input name=mesaj1 rows="2" cols="40" wrap="virtual" style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; WIDTH: 500px; BORDER-BOTTOM: medium none;color:red"

       ><br><b>Q:äÏ ÇÓ˜ÑíÊ ãí ÊæÇä ÏÑ Çíä ÓÇíÊ ÈÏÓÊ ÂæÑÏ¿</b>

    <input  type="button" name="submit" value=" !ÑÝÊä ÌæÇÈ " style="FONT-WEIGHT: bold; BACKGROUND: navy; WIDTH: 100px; COLOR:  white" onclick="document.answer.mesaj2.value = ' ÏÑ ÍÏæÏ 50 ÇÓ˜ÑíÊ ';">

  <input name=mesaj2 rows="2" cols="40" wrap="virtual" style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; WIDTH: 500px; BORDER-BOTTOM: medium none;color:red"

       ></form>

<p><center>

<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>

by ostadonline

</center><p>

<!-- Script Size:  1.49 KB -->

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -- >< !-- STEP ONE: Paste this code into the HEAD of your HTML document  -- >< HTML >< HEAD >
< META http-equiv=Content-Type content="text/html; charset=utf-8" >
< SCRIPT language=JavaScript >

< !-- Begin
function popupPage(l, t, w, h) {
var windowprops = "location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes" +
",left=" + l + ",top=" + t + ",width=" + w + ",height=" + h;

var URL = "http://www.ostadonline.com";
popup = window.open(URL,"MenuPopup",windowprops);
}
//  End -- >
< /SCRIPT >
< !-- STEP TWO: Copy this code into the BODY of your HTML document  -- >
< META content="MSHTML 6.00.2800.1106" name=GENERATOR >< /HEAD >
< BODY >
< CENTER >
< TABLE >
  < TBODY >
  < TR >
    < TD >
      < FORM name=popupform >< PRE >Customize Your Popup Window!< BR >
Distance from left edge:  < INPUT maxLength=4 size=2 name=left > pixels
Distance from top edge:   < INPUT maxLength=4 size=2 name=top > pixels

Width of popup window:    < INPUT maxLength=4 size=2 name=width > pixels
Height of popup window:   < INPUT maxLength=4 size=2 name=height > pixels
< /PRE >
      < CENTER >< INPUT onclick="popupPage(this.form.left.value, this.form.top.value, this.form.width.value, this.form.height.value)" type=button value="Open the Popup!" >
      < /CENTER >< /FORM >< /TD >< /TR >< /TBODY >< /TABLE >< /CENTER >
< P >
< CENTER >< FONT face="arial, helvetica" size=-2 >Free JavaScripts provided
ostadonline < !-- Script Size:  1.48 KB -- >< /FONT >< /CENTER >< /BODY >< /HTML >

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -- >

< !-- STEP ONE: Paste this code into the HEAD of your HTML document  -- >

< HEAD >

< SCRIPT LANGUAGE="JavaScript" >

< !-- This script and many more are available free online at -- >
< !-- The JavaScript Source!! http://WWW.OSTADONLINE.com -- >

< !-- Begin
   var submitcount=0;
   function checkSubmit() {

      if (submitcount == 0)
      {
      submitcount++;
      document.Surv.submit();
      }
   }

function wordCounter(field, countfield, maxlimit) {
wordcounter=0;
for (x=0;x<field.value.length;x++) {
      if (field.value.charAt(x) == " " && field.value.charAt(x-1) != " ")  {wordcounter++}  // Counts the spaces while ignoring double spaces, usually one in between each word.
      if (wordcounter > 250) {field.value = field.value.substring(0, x);}
      else {countfield.value = maxlimit - wordcounter;}
      }
   }

function textCounter(field, countfield, maxlimit) {
  if (field.value.length > maxlimit)
      {field.value = field.value.substring(0, maxlimit);}
      else
      {countfield.value = maxlimit - field.value.length;}
  }
//  End -- >
< /script >

< /HEAD >

< !-- STEP TWO: Copy this code into the BODY of your HTML document  -- >

< BODY >

< !-- This script and many more are available free online at -- >
< !-- The JavaScript Source!! http://www.ostadonline.com -- >

< FORM NAME=Surv >
< TABLE BORDER="0" CELLSPACING="0" CELLPADDING="3" width=550 >
< tr>< td valign="top" >
< font color="000000" size="2" face="verdana, helvetica, arial" >In 100 < b >words< /b > or less, why do you (or would you) like living on the coast?< /font >< font color="ff0000" size="2" face="verdana, helvetica, arial" >*< /font >
< td valign="top" >< textarea name="Q3367" cols="40" rows="5" wrap="hard" onKeyDown="wordCounter(this.form.Q3367,this.form.remLen,100);" onKeyUp="wordCounter(this.form.Q3367,this.form.remLen,100);" >< /textarea >
< br >Words remaining: < input type=box readonly name=remLen size=3 value=100 >< /td >< /tr >

< tr >< td colspan=2 >< hr width=80% >< /td >< /tr >

< tr >< td valign="top" >
< font color="000000" size="2" face="verdana, helvetica, arial" >In 100 < b >characters< /b > or less, why do you (or would you) like living on the coast?< /font >< font color="ff0000" size="2" face="verdana, helvetica, arial" >*< /font >
< td valign="top" >
< textarea name="Q336" cols="40" rows="5" wrap="hard" onKeyDown="textCounter(this.form.Q336,this.form.remLentext,100);" onKeyUp="textCounter(this.form.Q336,this.form.remLentext,100);" >< /textarea >
< br >Characters remaining: < input type=box readonly name=remLentext size=3 value=100 >
< /td >< /tr >
< /TABLE >

< INPUT TYPE="button" VALUE="Submit" onclick='' name=submit1 >
< INPUT TYPE="reset" VALUE="Reset" id=reset1 name=reset1 >
< /FORM >
< P >
< FONT SIZE="-2" COLOR="ff0000" FACE="verdana, helvetica, arial" >*< /FONT >< FONT SIZE="-2" COLOR="4169e1" FACE="verdana, helvetica, arial"  Indicates a required question.< /FONT >

< p >< center >
< font face="arial, helvetica" size"-2" >Free JavaScripts provided by ostadonline< br >

< !-- Script Size:  3.38 KB -- >