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

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

اين اسكريپت به كاربر اجازه مي دهد كه يك پنجره ي جديد با شرايطي كاملا دلخواه و اختياري ايجاد كند .

<!-- TWO STEPS TO INSTALL CUSTOMIZED WINDOW:

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

<HEAD>

</SCRIPT>

<BODY>

<CENTER>
<h4>Please choose from the following selections to customize your window</h4>
<br>
<TABLE cellpadding=5 border><TR><TD><PRE> 
<FORM name=form1  ACTION="javascript:" METHOD="POST">
<INPUT TYPE="text" NAME="url" value="http://www.ostadonline.com" >: URL
<INPUT TYPE="checkbox" NAME="tool">: Toolbar
<INPUT TYPE="checkbox" NAME="loc_box">: Location
<INPUT TYPE="checkbox" NAME="dir">: Directories
<INPUT TYPE="checkbox" NAME="stat">: Status
<INPUT TYPE="checkbox" NAME="menu">: Menubar
<INPUT TYPE="checkbox" NAME="scroll">: Scrollbars
<INPUT TYPE="checkbox" NAME="resize">: Resizable
<INPUT TYPE="text"   NAME="wid" value= >: Width
<INPUT TYPE="text"  NAME="heigh" value=>: Height
<BR><CENTER>
<INPUT TYPE="button" VALUE="=ENTER=" OnClick="customize(this.form)">
<INPUT TYPE="reset" VALUE="=RESET=" onClick="clear(this.form)">
</PRE></TD></TR></TABLE>
</FORM>
</CENTER>

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

اين اسكريپت تاريخ و زمان جاري را به كاربر نشان مي دهد .

اين اسكريپت به كاربر اجازه مي دهد كه فقط اعداد در مبناي دسيمال را وارد ميدان متني شود و بقيه ي اعداد توسط اين اسكريپت باز گردانده مي شود . براي مثال وقتي شما اعداد 99 يا 99.9 يا 99.99 را وارد كنيد پيغام خطا ظاهر نمي شود ولي عدد 99.999 باز گردانده مي شود .

<!-- TWO STEPS TO INSTALL DECIMALS ALLOWED:

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
function checkDecimals(fieldName, fieldValue) {

decallowed = 2;  // how many decimals are allowed?

if (isNaN(fieldValue) || fieldValue == "") {
alert("Oops!  That does not appear to be a valid number.  Please try again.");
fieldName.select();
fieldName.focus();
}
else {
if (fieldValue.indexOf('.') == -1) fieldValue += ".";
dectext = fieldValue.substring(fieldValue.indexOf('.')+1, fieldValue.length);

if (dectext.length > decallowed)
{
alert ("Oops!  Please enter a number with up to " + decallowed + " decimal places.  Please try again.");
fieldName.select();
fieldName.focus();
      }
else {
alert ("That number validated successfully.");
      }
   }
}
//  End -->
</script>
</HEAD>

<BODY>

<center>
<form>
Please enter a number with up to 2 decimal places:  <br>
<input type=text name=numbox>
<input type=button name=ok value="Ok" onClick="checkDecimals(this.form.numbox, this.form.numbox.value)">
</form>
</center>

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

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

<!-- TWO STEPS TO INSTALL EDITABLE MENU:

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>
<select onChange="beginEditing(this);" size=7>
<option value="read-only">Select an option to edit it.</option>
<option value="read-only">   ----------------------------              </option>
<option value="last">SurName</option>
<option value="first">FirstName</option>
<option value="email">Email</option>
<option value="add1">Address 1</option>
<option value="add2">Address 2</option>
</select>
</form>
</center>

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

اين اسكريپت چناچنه كاربر از كاراكترهاي نامناسب براي نوشتن آدرس Email استفاده كند پيغام خطا خواهد داد .

<!-- TWO STEPS TO INSTALL EMAIL ADDRESS VALIDATION:

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

<HEAD>

<!-- Changes:
/* 1.1.4: Fixed a bug where upper ASCII characters (i.e. accented letters
international characters) were allowed.

1.1.3: Added the restriction to only accept addresses ending in two
letters (interpreted to be a country code) or one of the known
TLDs (com, net, org, edu, int, mil, gov, arpa), including the
new ones (biz, aero, name, coop, info, pro, museum).  One can
easily update the list (if ICANN adds even more TLDs in the
future) by updating the knownDomsPat variable near the
top of the function.  Also, I added a variable at the top
of the function that determines whether or not TLDs should be
checked at all.  This is good if you are using this function
internally (i.e. intranet site) where hostnames don't have to 
conform to W3C standards and thus internal organization e-mail
addresses don't have to either.
Changed some of the logic so that the function will work properly
with Netscape 6.

1.1.2: Fixed a bug where trailing . in e-mail address was passing
(the bug is actually in the weak regexp engine of the browser; I
simplified the regexps to make it work).

1.1.1: Removed restriction that countries must be preceded by a domain,
so abc@host.uk is now legal.  However, there's still the 
restriction that an address must end in a two or three letter
word.

1.1: Rewrote most of the function to conform more closely to RFC 822.

1.0: Original  */
// -->

<!-- Begin
function emailCheck (emailStr) {

/* The following variable tells the rest of the function whether or not
to verify that the address ends in a two-letter country or well-known
TLD.  1 means check it, 0 means don't. */

var checkTLD=1;

/* The following is the list of known TLDs that an e-mail address must end with. */

var knownDomsPat=/^(com|net|org|edu|int|mil|gov|arpa|biz|aero|name|coop|info|pro|museum)$/;

/* The following pattern is used to check if the entered e-mail address
fits the user@domain format.  It also is used to separate the username
from the domain. */

var emailPat=/^(.+)@(.+)$/;

/* The following string represents the pattern for matching all special
characters.  We don't want to allow special characters in the address. 
These characters include ( ) < > @ , ; : \ " . [ ] */

var specialChars="\$\$><@,;:\\\\\\\"\\.\\[\\]";

/* The following string represents the range of characters allowed in a 
username or domainname.  It really states which chars aren't allowed.*/

var validChars="\[^\\s" + specialChars + "\]";

/* The following pattern applies if the "user" is a quoted string (in
which case, there are no rules about which characters are allowed
and which aren't; anything goes).  E.g. "jiminy cricket"@disney.com
is a legal e-mail address. */

var quotedUser="(\"[^\"]*\")";

/* The following pattern applies for domains that are IP addresses,
rather than symbolic names.  E.g. joe@[123.124.233.4] is a legal
e-mail address. NOTE: The square brackets are required. */

var ipDomainPat=/^\[(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})\]$/;

/* The following string represents an atom (basically a series of non-special characters.) */

var atom=validChars + '+';

/* The following string represents one word in the typical username.
For example, in john.doe@somewhere.com, john and doe are words.
Basically, a word is either an atom or quoted string. */

var word="(" + atom + "|" + quotedUser + ")";

// The following pattern describes the structure of the user

var userPat=new RegExp("^" + word + "(\\." + word + ")*$");

/* The following pattern describes the structure of a normal symbolic
domain, as opposed to ipDomainPat, shown above. */

var domainPat=new RegExp("^" + atom + "(\\." + atom +")*$");

/* Finally, let's start trying to figure out if the supplied address is valid. */

/* Begin with the coarse pattern to simply break up user@domain into
different pieces that are easy to analyze. */

var matchArray=emailStr.match(emailPat);

if (matchArray==null) {

/* Too many/few @'s or something; basically, this address doesn't
even fit the general mould of a valid e-mail address. */

alert("Email address seems incorrect (check @ and .'s)");
return false;
}
var user=matchArray[1];
var domain=matchArray[2];

// Start by checking that only basic ASCII characters are in the strings (0-127).

for (i=0; i<user.length; i++) {
if (user.charCodeAt(i)>127) {
alert("Ths username contains invalid characters.");
return false;
   }
}
for (i=0; i<domain.length; i++) {
if (domain.charCodeAt(i)>127) {
alert("Ths domain name contains invalid characters.");
return false;
   }
}

// See if "user" is valid

if (user.match(userPat)==null) {

// user is not valid

alert("The username doesn't seem to be valid.");
return false;
}

/* if the e-mail address is at an IP address (as opposed to a symbolic
host name) make sure the IP address is valid. */

var IPArray=domain.match(ipDomainPat);
if (IPArray!=null) {

// this is an IP address

for (var i=1;i<=4;i++) {
if (IPArray[i]>255) {
alert("Destination IP address is invalid!");
return false;
   }
}
return true;
}

// Domain is symbolic name.  Check if it's valid.
 
var atomPat=new RegExp("^" + atom + "$");
var domArr=domain.split(".");
var len=domArr.length;
for (i=0;i<len;i++) {
if (domArr[i].search(atomPat)==-1) {
alert("The domain name does not seem to be valid.");
return false;
   }
}

/* domain name seems valid, but now make sure that it ends in a
known top-level domain (like com, edu, gov) or a two-letter word,
representing country (uk, nl), and that there's a hostname preceding 
the domain or country. */

if (checkTLD && domArr[domArr.length-1].length!=2 && 
domArr[domArr.length-1].search(knownDomsPat)==-1) {
alert("The address must end in a well-known domain or two letter " + "country.");
return false;
}

// Make sure there's a host name preceding the domain.

if (len<2) {
alert("This address is missing a hostname!");
return false;
}

// If we've gotten this far, everything's valid!
return true;
}

//  End -->
</script>

</HEAD>

<BODY>

<form name=emailform onSubmit="return emailCheck(this.email.value)">
Your Email Address:  <input type=text name="email"><br>
<input type=submit value="Submit">
</form>

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

اين اسكريپت همراه با كليد به كاربران اجازه مي دهد كه با كليك بر روي كليد مورد نظر Email را به آدرس شخص مورد نظر ارسال كنيد و تذكر ضمنا از طريق اين اسكريپت مي توانيد موضوع Email را نيز تعيين كنيد .

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

<!-- TWO STEPS TO INSTALL ENLARGE IMAGE:

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

اين اسكريپت بطور اتوماتيك با زياد شدن كاراكترهاي درون يك ميدان متني سايز آن را تا حدي كه در كد تعريف شده است افزايش مي دهد .

<!-- TWO STEPS TO INSTALL EXPANDING TEXTBOX:

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>

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

</form>

</script>

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

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

با اين اسكريپت منويي ايجاد مي شود كه با حركت ماوس كاربر بر روي آيتم هاي آن اين منو دچار تغيير رنگ و درخشندگي خاصي مي شود .

اين اسكريپت به طور ذاتي ما بين دو تصوير بدون ناهمواري لبه هاي تصوير چرخش ايجاد مي كند .

<!-- THREE STEPS TO INSTALL FLIPFLOP:

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

<HEAD>

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

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

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

by ostadonline
</p></center>

اين كد كاربران را به درست بودن قالبي كه وارد كردند اطمينان مي دهد مثلا در مورد Zip code عدد وارد شده بايد پنج رقمي باشد .

<!-- TWO STEPS TO INSTALL ZIP CODE VALIDATION:

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
function validateZIP(field) {
var valid = "0123456789-";
var hyphencount = 0;

if (field.length!=5 && field.length!=10) {
alert("Please enter your 5 digit or 5 digit+4 zip code.");
return false;
}
for (var i=0; i < field.length; i++) {
temp = "" + field.substring(i, i+1);
if (temp == "-") hyphencount++;
if (valid.indexOf(temp) == "-1") {
alert("Invalid characters in your zip code.  Please try again.");
return false;
}
if ((hyphencount > 1) || ((field.length==10) && ""+field.charAt(5)!="-")) {
alert("The hyphen character should be used with a properly formatted 5 digit+four zip code, like '12345-6789'.   Please try again.");
return false;
   }
}
return true;
}
//  End -->
</script>
</HEAD>

<BODY>

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

</center><p>

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

<!-- TWO STEPS TO INSTALL ACCEPT TERMS:

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>

<form action="/yourscript.cgi-or-your-page.html" method="POST" onsubmit="return checkCheckBox(this)">
I accept: <input type="checkbox" value="0" name="agree">
<input type="submit" value="Continue Order">
<input type="button" value="Exit" onclick="document.location.href='/index.html';">
</form>

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

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

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

<!-- TWO STEPS TO INSTALL MENU TEXT:

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<br>
by ostadonline
</center><p>

اين اسكريپت به كاربر اجازه مي دهد كه آهنگ دلخواه خود را از منو انتخاب و هنگاميكه ارتباط با سايت برقرار است به عنوان موزيك Background به اجرا در مي آيد .

<!-- TWO STEPS TO INSTALL MIDI MENU:

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
songNum = new Array();
songNum[0] = "#";
songNum[1] = "http://www.ostadonline.com/ws/janmaryam.mid";
songNum[2] = "http://www.ostadonline.com/ws/ayiran.mid";
songNum[3] = "http://www.ostadonline.com/ws/azkarkhe.mid";
songNum[4] = "http://www.ostadonline.com/ws/m-mjan.mid";

<BODY>

<center>
<form name=choose>
<select size=1 name=track onChange="chooseSong(this);">
<option value="0">music1</option>
<option value="1">music2</option>
<option value="2">music3</option>
<option value="3">music4</option>
<option value="4">music5</option>
</select>
<input type=button onMouseDown="chooseSong(document.choose.track)" value=" Play ">
</form>

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