آموزش كدنويسي جاوا اسكيريپت

Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page

آموزش كد نويسي جاوا

موضوع اسكريپت كنترل بر رمز ورودي

اين اسكريپت زماني كاربرد دارد كه شما يك Max Length براي فيلد ورودي Password تعريف كنيد در اينصورت اگر تعداد كاراكترهاي وارد شده از حداقل آن عددد تعريف شده كمتر باشد پيام خطا ظاهر مي شود ضمنا اگر كاراكترهاي دو ميدان ورودي Password و تاييد آن با هم ناهمخوان باشند پيام خطا ظاهر مي شوند .

<!-- TWO STEPS TO INSTALL VALIDATION (PASSWORD):

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

<HEAD>

</script>
</HEAD>

<BODY>

<center>
<form name=myForm onSubmit="return validatePwd()">
Enter your password twice.
<br>
(At least 6 characters, 12 characters max, and spaces are not allowed.)
<p>
Password: <input type=password name=password maxlength=12>
<br>
Verify password: <input type=password name=password2 maxlength=12>
<p>
<input type=submit value="Submit">
</form>
</center>

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

</center><p>

موضوع اسكريپت موافقت قبل از ورود اطلاعات

اين اسكريپت در زماني كاربرد دارد كه دو كليد راديويي مربوط به موافقت و يا عدم موافقت داشته باشيد . در اينصورت اگر شما كليد موافقت را اعلام كنيد در Box مربوطه مي توانيد اسم خود را وارد و يا تغيير دهيد در غير اينصورت Box قفل شده و شما حق نوشتن و يا تغييرات را در آن نداريد . اين مورد بيشتر براي مواقعي كاربرد دارد كه مسئول سايت تعهدي در قبال ضرري كه بازديد كننده از خريد نرم افزار يا هر چيز ديگري متضمن مي شود را ندارد .

<!-- TWO STEPS TO INSTALL AGREE BEFORE ENTRY:

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

<HEAD>

<!-- Begin

agree = 0;  // 0 means 'no', 1 means 'yes'

//  End -->
</script>
</HEAD>

<BODY>

<center>
<form name=enableform>
You can only enter your name if you agree to the terms. (just a demo)<br>
<br>
<input type=radio name='enable' value='agree' onClick="agree=1; document.enableform.box.focus();">I agree<br>
<input type=radio name='enable' value='disagree' onClick="agree=0; document.enableform.box.value='';">I disagree<br>

Please enter your name:

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

موضوع اسكريپت Email به هر جا

اين اسكريپت به كاربران اجازه مي دهد كه در هر زمان به هر آدرسي Email ارسال كنند .

<!-- TWO STEPS TO INSTALL ANYWHERE MAIL:

1.  Paste the designated coding into the HEAD of your HTML document 
   2.  Put the last script into the BODY of the HTML document  -->

<HEAD>

</SCRIPT>

<BODY>

<CENTER>
<a href='javascript:mailsome1()'>E-Mail Someone!</a>
<FORM>
<input type=button value="E-Mail Someone!" onClick="mailsome1()">
</FORM>
</CENTER>

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

موضوع اسكريپت عوض كننده رنگ Background

با اين اسكريپت كاربران مي توانند با كليك بر روي كليدهايي كه قبلا در صفحه ايجاد شده رنگ پيش زمينه صفحه را به دلخواه تغيير دهند .

<!-- TWO STEPS TO INSTALL BACKGROUND COLOR CHANGER:

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

<HEAD>

</script>

</HEAD>

<BODY>

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

موضوع اسكريپت عوض شدن رنگ پيش زمينه با mouseover

از اين اسكريپت براي عوض كردن رنگ پيش زمينه صفحه وب استفاده مي شود كه اين امر يا با رد كردن موس از روي يك ابر متن و يا با كليلك بر روي ابر متن انجام مي پذيرد .

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- TWO STEPS TO INSTALL BACKGROUND COLOR-CHANGE:

1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  --><HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1256">
<SCRIPT language=JavaScript>

<!-- Begin
// Copyright 2001 by www.CodeBelly.com
// Please do *not* remove this notice.

var backColor = new Array(); // don't change this

// Enter the colors you wish to use. Follow the
// pattern to use more colors.  The number in the
// brackets [] is the number you will use in the
// function call to pick each color.

backColor[0] = '#FF0000';
backColor[1] = '#00FF00';
backColor[2] = '#FFC0C0';
backColor[3] = '#FFFFFF';

// Do not edit below this line.

function changeBG(whichColor){
document.bgColor = backColor[whichColor];
}
//  End -->
</SCRIPT>

<META content="MSHTML 6.00.2726.2500" name=GENERATOR></HEAD>
<BODY><A onmouseover=javascript:changeBG(2) 
href="file:///C:/Documents%20and%20Settings/B.Zarabian/Desktop/g.html#">Change 
by placing mouse over link</A> <A href="javascript:changeBG(1)">Change by clicking on link</A> 
<P>
<CENTER><FONT face="arial, helvetica" size?-2?>Free JavaScripts provided by 
ostadonline<BR></FONT></CENTER></BODY></HTML>

موضوع اسكريپت كليدي براي پخش يا عدم پخش موزيك در صفحه وب

با اين اسكريپت مي توانيد موزيكي كه در پيش زمينه صفحه در حال پخش مي باشد را اجرا و يا حتي قفل كنيد .

موضوع اسكريپت نمايش صفحه بصورت اسلايد

اين اسكريپت صفحه نمايش را از بالا و پايين و چپ و راست صفحه نمايش به حركت در مي آورد .

موضوع اسكريپت Up Load

اين اسكريپت به كاربران اجازه مي دهد كه فايلهايي از نوع gif و jpg و ديگر فايلهايي كه تعريف شده است را از ميان يك فرم Upload كنيد .

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<!-- TWO STEPS TO INSTALL UPLOAD FILTER:

</SCRIPT>

<META content="MSHTML 6.00.2726.2500" name=GENERATOR></HEAD>
<BODY>
<CENTER>Please upload only images that end in:
<SCRIPT>
document.write(extArray.join("  "));
</SCRIPT>
 
<P>
<FORM name=upform action=/cgi-bin/some-script.cgi method=post 
encType=multipart/form-data><INPUT type=file name=uploadfile> 
<P><INPUT onclick="LimitAttach(this.form, this.form.uploadfile.value)" type=button value=Submit name=Submit> 
</FORM></CENTER>
<P>
<CENTER><FONT face="arial, helvetica" size=-2>Free JavaScripts provided by 
ostadonline<BR></FONT></CENTER></BODY></HTML>

موضوع اسكريپت حركت يك كره در صفحه وب

با اين اسكريپت مي توان گلوله اي در صفحه قرار داد بعد از باز شدن صفحه در هر قسمتي از صفحه كه كليلك كنيد توپ به آن سمت پرتاب خواهد شد .

<!-- TWO STEPS TO INSTALL BALL DROP:

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

<HEAD>

</script>
</HEAD>

<BODY>

<center>
Click anywhere to start script<br>
<div id="staticBall" style="position:relative;visibility:visible">
<img src="http://javascript.internet.com/img/ball-drop/ball.gif" height=30 width=30 alt="Static ball">
</div>
</center>
<div id="ball" style="visibility:hidden; position:absolute; left:100; top:10; height:34; width:34">
<img src="http://javascript.internet.com/img/ball-drop/ball.gif" height=30 width=30 alt="Bouncing ball">
</div>

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

موضوع اسكريپت شمارنده كلمات

اين كد به شما اجازه مي دهد كه كلمات يا كاراكترهايي را كه وارد يك فيلد متني مي كنيد شمارش كنيد و براي آن يك حد نصاب تعريف كنيد .

< !-- TWO STEPS TO INSTALL WORD COUNTER:

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 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 -- >

موضوع اسكريپت All Lower Case

اين اسكريپت تبديل كننده تمام ورودي يك فيلد متني به حروف كوچك مي باشد .

موضوع اسكريپت ايجاد يك Pop Up

ايجاد يك Pop Up كه بتوان با طول و عرض خاصي و داشتن Scroll در جاي مشخص از صفحه و به URL مشخص مي باشد .

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< !-- TWO STEPS TO INSTALL CUSTOMIZED POPUP:

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 >

موضوع اسكريپت حساسيت ميدان Password به حروف بزرگ

اين اسكريپت زمان نوشتن كلمه ي رمز در ميدان متني در صورتيكه كليد Caps Lock كاربر روشن باشد پيغام خطا مي دهد .

<!-- ONE STEP TO INSTALL CHECK CAP LOCKS:

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

<BODY>

<!-- Begin
function checkCapsLock( e ) {
	var myKeyCode=0;
	var myShiftKey=false;
	var myMsg='Caps Lock is On.\n\nTo prevent entering your password incorrectly,\nyou should press Caps Lock to turn it off.';

// Internet Explorer 4+
	if ( document.all ) {
		myKeyCode=e.keyCode;
		myShiftKey=e.shiftKey;

// Netscape 4
	} else if ( document.layers ) {
		myKeyCode=e.which;
		myShiftKey=( myKeyCode == 16 ) ? true : false;

// Netscape 6
	} else if ( document.getElementById ) {
		myKeyCode=e.which;
		myShiftKey=( myKeyCode == 16 ) ? true : false;

}

// Upper case letters are seen without depressing the Shift key, therefore Caps Lock is on
	if ( ( myKeyCode >= 65 && myKeyCode <= 90 ) && !myShiftKey ) {
		alert( myMsg );

// Lower case letters are seen while depressing the Shift key, therefore Caps Lock is on
	} else if ( ( myKeyCode >= 97 && myKeyCode <= 122 ) && myShiftKey ) {
		alert( myMsg );

}
}
//  End -->
</script>
<FORM>
<STRONG>Password:</STRONG>
<INPUT TYPE="Password" NAME="Password" SIZE=16 MAXLENGTH=16 onKeyPress="checkCapsLock( event )">
<P>
<INPUT TYPE="Reset">
</FORM>

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

موضوع اسكريپت اتصال به URL از طريق يك Checkbox

اين اسكريپت هنگامي كه كاربر بر روي Check box تيك مي زند به URL خاصي هدايت مي شود.

موضوع اسكريپت بستن پنجره

با بكار بردن اين اسكريپت بعد از مدت زمانيكه مقدار آن در كد نويسي تعريف مي شود پيغامي مبني بر تاييد بسته شدن پنجره براي كاربر ظاهر خواهد شد .

<<صفحه بعدي