اموزش كدهاي جاوا اسكريپ

**~~K053_LSH_KV90~~** · 30-06-2005, 12:09

مخفی کردن جاوا اسکریپت از دست مرورگرهای قدیمی
-------
<html>
<head>
</head>

<body>

<h1>



<script language="javascript" type="text/javascript">

document.write("Nazanin Studio")

//end hiding script from old browsers -->
</script>
</h1>

</body>
</html>

**~~K053_LSH_KV90~~** · 30-06-2005, 12:11

تنظیم یک فیلد بر اساس فیلد دیگر
-----
<html>
<head>
<script language="javascript" type="text/javascript">
function SubmitIt(carForm) {
doorOption = -1

if (carForm.DoorCt[doorOption].value == "fourDoor" && carForm.sunroof.checked) {
alert("The sunroof is only available on the two door model")
return false
}
return true
}

function doorSet(sunroofField) {
if (sunroofField.checked) {
for (i=0; i<document.myForm.DoorCt.length; i++) {
if (document.myForm.DoorCt[i].value == "twoDoor") {
document.myForm.DoorCt[i].checked = true
}
}
}
}
</script>
</head>
<body>
<h2>
Car Picker<p>
<form onSubmit="return SubmitIt(this)" action="ok.asp" name="myForm">
Doors:
<br>
<input type="CHECKBOX" name="sunroof" value="YES" onClick="doorSet(this)">Sunroof(two door only)
<br><br>
<input type="radio" value="twoDoor" name="DoorCt">two
<input type="radio" value="fourDoor" name="DoorCt">Four
<br>

<input type="Submit" value="Submit">
</form></h2>
</body>
</html>

**~~K053_LSH_KV90~~** · 30-06-2005, 12:12

تغییر رنگ پس زمینه هنگام ورود به صفحه که بعد از ان روی رنگ مشکی ثابت میماند
------
<script>
// Modified by OREAT WHITE SHARK

function initArray()
{
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = initArray.arguments[i]
}

var hexChars = "0123456789ABCDEF";

function Dec2Hex (Dec)
{
var a = Dec % 16;
var b = (Dec - a)/16;
hex = "" + hexChars.charAt(b) + hexChars.charAt(a);
return hex;
}

function bgChanger (begin, end, steps)
{
steps = steps -1 ;

redA = begin.charAt(0) + begin.charAt(1);
red_valA = parseInt(redA,'16');
redB = end.charAt(0) + end.charAt(1);
red_valB = parseInt(redB,'16');
red_int = ((red_valB - red_valA) / steps) * -1;
grnA = begin.charAt(2) + begin.charAt(3);
grn_valA = parseInt(grnA,'16');
grnB = end.charAt(2) + end.charAt(3);
grn_valB = parseInt(grnB,'16');
grn_int = ((grn_valB - grn_valA) / steps) * -1;
bluA = begin.charAt(4) + begin.charAt(5);
blu_valA = parseInt(bluA,'16');
bluB = end.charAt(4) + end.charAt(5);
blu_valB = parseInt(bluB,'16');
blu_int = ((blu_valB - blu_valA) / steps) * -1;

step = 2;
red = red_valA;
grn = grn_valA;
blu = blu_valA;

document.bgColor = begin;

while ( steps >= step )
{
red -= red_int;
red_round = Math.round(red);
red_hex = Dec2Hex(red);

grn -= grn_int;
grn_round = Math.round(grn);
grn_hex = Dec2Hex(grn);

blu -= blu_int;
blu_round = Math.round(blu);
blu_hex = Dec2Hex(blu);

document.bgColor = red_hex + grn_hex + blu_hex;

step++;
}
document.bgColor = end;
}

</script>
</head>
<body bgcolor=#000000 text=#FFFFFF link="FF0000" vlink="8888FF"

alink="FF00FF">
<script>

</script>
</head>
<body>
<BODY BGCOLOR=000000 text="#ffffff" link="#0000ff"

vlink="#c00c0">
--------
میشه رنگها رو عوض کرد بگین تا بکنم

**~~K053_LSH_KV90~~** · 30-06-2005, 12:14

تنظیم رنگ بکگراند توسط کاربر با کلیک بر روی کلیدهای مورد نظر
----------
<body>
<script language="Javascript">

</script>
<form>
<input type="button" value="zard" onclick="backbs('yellow')">
<input type="button" value="khaki" onclick="backbs('khaki')">
<input type="button" value="sefid" onclick="backbs('white')">
<input type="button" value="toosi" onclick="backbs('gray')">
<input type="button" value="meshki" onclick="backbs('black')">
<input type="button" value="soorati" onclick="backbs('pink')">
<input type="button" value="abi" onclick="backbs('blue')">
<input type="button" value="sabz" onclick="backbs('Green')">
<input type="button" value="noghre ei" onclick="backbs('silver')">
<input type="button" value="sabz tire" onclick="backbs('teal')">
<input type="button" value="limooei" onclick="backbs('lime')">
<input type="button" value="abi nafti" onclick="backbs('navy')">
<input type="button" value="ghermez" onclick="backbs('red')">
<input type="button" value="narenji" onclick="backbs('orange')">
<input type="button" value="ghahve ei" onclick="backbs('olive')">
</form>
</script>
</body>

**~~K053_LSH_KV90~~** · 30-06-2005, 12:16

حرکت سریع متن در نوار وضعیت
---------
<html>

<head>
<script language="JavaScript">

</script>
</head>

<body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080"
onLoad="timerONE=window.setTimeout('scrollit(100)' ,500)">
</body>
</html>

**~~K053_LSH_KV90~~** · 30-06-2005, 12:17

متن نوار عنوان (Title) را به حرکت در آورید
-------
<head>
<script language="JavaScript1.2">

var message="Welcome Too My Webloge " //specifys the title
var message=message+" " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds.
i="0" //declares the variable and sets it to start at 0
var temptitle="" //declares the variable and sets it to have no value yet.
var speed="150" //the delay in milliseconds between letters

function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i) //sets the initial title
temptitle=temptitle+message.charAt(i) //increases the title by one letter
i++ //increments the counter
if(i==message.length) //determines the end of the message
{
i="0" //resets the counter at the end of the message
temptitle="" //resets the title to a blank value
}
setTimeout("titler()",speed) //Restarts. Remove line for no-repeat.
}

window.onload=titler
</script>
</head></body>
</html>

**~~K053_LSH_KV90~~** · 30-06-2005, 12:17

با این کد 4 متن رو با حالت متغییر زوم خواهید داشت
-----
<SCRIPT LANGUAGE="JavaScript">


</script>
</body>
</html>

**~~K053_LSH_KV90~~** · 30-06-2005, 12:19

با این کد بازی X O را در وبلاگ یا سایتتان خواهید داشت
---------
<html>
<head>

<body>

<script>
var _url = document.location.toString().split("?");
var _parm = _url[1]?_url[1]:"";
var _P0n = "";
var _P0v = 0;
var _P1n = "";
var _P1v = 0;
if (_parm != "") {
_P0n=_parm.split("&")[0].split("=")[0].toLowerCase();
_P0v=parseInt(_parm.split("&")[0].split("=")[1]);
if(_parm.split("&")[1]) {
_P1n = _parm.split("&")[1].split("=")[0].toLowerCase();
_P1v = parseInt(_parm.split("&")[1].split("=")[1]);
} else {
_P1n ="";
}
} else {
_P0n="";
_P1n="";
}

var MATRIX_SIZE = 3;
var AMOUNT_TO_WIN = 4;
var PARAM_SIZE = "size".toLowerCase();
var PARAM_WIN = "win".toLowerCase();
if (_P0n==PARAM_SIZE) {MATRIX_SIZE=_P0v;}
if (_P1n==PARAM_SIZE) {MATRIX_SIZE=_P1v;}
if (_P0n==PARAM_WIN) {AMOUNT_TO_WIN=_P0v;}
if (_P1n==PARAM_WIN) {AMOUNT_TO_WIN=_P1v;}

//////////////////////////////

if(MATRIX_SIZE<3)MATRIX_SIZE=3;
if(MATRIX_SIZE>10)MATRIX_SIZE=10;
if(AMOUNT_TO_WIN>MATRIX_SIZE)AMOUNT_TO_WIN=MATRIX_ SIZE;
if(AMOUNT_TO_WIN<3)AMOUNT_TO_WIN=3;

document.write("<BR>"+AMOUNT_TO_WIN+" in a row wins!<BR>");
var tbo = '';
tbo += '<form name=table1>';
tbo += '<table>';
for (var i=0;i<MATRIX_SIZE;i++) {
tbo += '<TR>';
for(var j=0;j<MATRIX_SIZE;j++) {
var _c = parseInt(i)*parseInt(MATRIX_SIZE)+parseInt(j);
tbo += '<td><input name=s'+_c+' type=text size=1 value=" " onfocus="clicked(table1.s'+_c+');blur()"></td>';
}
tbo += '</tr>';
}
tbo += '</table>';
tbo += '<table><tr><td>Restart Game with: <input type=button value="Player is X" onclick=setPlayers("X","O")></td>';
tbo += '<td><input type=button value="Computer is X" onclick=setPlayers("O","X")></td></tr>';
tbo += '<tr><td>Player is: <input name=pis type=text size=1 value="X" onfocus=blur()></td>';
tbo += '<td>Computer is: <input name=cis type=text size=1 value="O" onfocus=blur()></td></tr>';
tbo += '</table>';
tbo += '<table><tr><td>Won: <input type=text value="0" name=gameswon size=2></td>';
tbo += '<td>Ties: <input type=text value="0" name=gamestied size=2></td>';
tbo += '<td>Lost: <input type=text value="0" name=gameslost size=2></td></tr></table>';
tbo += 'Set Matrix Size: ';
var XX="";
for(var i=3;i<11;i++) {
if(i==MATRIX_SIZE) {
tbo += ' '+i+'x'+j+' ';
} else {
tbo += '<input type=button value="'+i+'x'+i+'"';
XX =_url[0]+"?"+PARAM_SIZE+'='+i+"&"+PARAM_WIN+'='+AMOUNT _TO_WIN;
tbo += ' onclick="document.location=\''+XX+'\'"> ';
}
}
tbo += '<BR>Amount In a Row Wins: ';
for(var i=3;i<11;i++) {
if(i==AMOUNT_TO_WIN) {
tbo += ' '+i+' ';
} else {
tbo += '<input type=button value='+i+' ';
XX = _url[0]+"?"+PARAM_SIZE+'='+MATRIX_SIZE+'&'+PARAM_WIN+ '='+i;
tbo += ' onclick="document.location=\''+XX+'\'"> ';
}
}
tbo += '</form>';
document.write(tbo);
/////////////////////////////////////////////

var PLAYER="X";
var COMPUTER="O";
var BLANK=" ";
var ROWS = new Array();
var COLS = new Array();
var DIAG = new Array();

DIAG[0]=new Array();
DIAG[1]=new Array();
for(var _i=0;_i<MATRIX_SIZE;_i++) {
DIAG[0][_i]=_i*MATRIX_SIZE+_i;
DIAG[1][_i]=(MATRIX_SIZE-1)*(_i+1);
}
for (var i=1;i<=(MATRIX_SIZE-AMOUNT_TO_WIN);i++) {
var n=2+((i-1)*4);
DIAG[n+0]=new Array();
DIAG[n+1]=new Array();
DIAG[n+2]=new Array();
DIAG[n+3]=new Array();
for (var j=1;j<=(MATRIX_SIZE-i);j++) {
DIAG[n+0][j-1]=(MATRIX_SIZE+1)*(j-1)+i;
DIAG[n+1][j-1]=(MATRIX_SIZE+1)*(j-1)+(i*MATRIX_SIZE);
DIAG[n+2][j-1]=(MATRIX_SIZE-1)*(j)-i;
DIAG[n+3][j-1]=DIAG[n+2][j-1]+(MATRIX_SIZE+1)*(i);
}
}

for(var i=0;i<MATRIX_SIZE;i++) {
ROWS[i]=new Array();
COLS[i]=new Array();
for (var j=0;j<MATRIX_SIZE;j++) {
ROWS[i][j]=i*MATRIX_SIZE+j;
COLS[i][j]=i+j*MATRIX_SIZE;
}
}

//////////////////////////////

function setPlayers(_p,_c) {
PLAYER=document.table1.pis.value=_p;
COMPUTER=document.table1.cis.value=_c;
resetBoard();
if(COMPUTER=="X") {
computerMove();
}
}

var GAMEOVER = false;

function clicked(_s) {
if(_s.value!=BLANK || GAMEOVER) return;
_s.value=PLAYER;
postMoveLogic();
computerMove();
}

function postMoveLogic() {
var _status = gameOver();
if (_status == BLANK) { document.table1.gamestied.value++;GAMEOVER=true; }
if (_status == PLAYER) { document.table1.gameswon.value++;GAMEOVER=true; }
if (_status == COMPUTER) { document.table1.gameslost.value++;GAMEOVER=true; }
}

function resetBoard() {
for (var i=0;i<MATRIX_SIZE;i++) {
for (var j=0;j<MATRIX_SIZE;j++) {
var _a = parseInt(i)*parseInt(MATRIX_SIZE)+parseInt(j);
eval("document.table1.s"+_a+".value=BLANK");
}
}
GAMEOVER=false;
}

function gameOver() {
var _ret = -1;
var spotsTaken=true;
for (var i=0;i<MATRIX_SIZE;i++) {
for (var j=0;j<MATRIX_SIZE;j++) {
var _a = parseInt(i)*parseInt(MATRIX_SIZE)+parseInt(j);
var _b = eval("document.table1.s"+_a+".value");
eval("var _s"+_a+"='"+_b+"'");
if(eval("_s"+_a)==BLANK) {
spotsTaken=false;
}
}
}

if(spotsTaken) return (BLANK);
for(var i=0;i<MATRIX_SIZE;i++) {
if (AmountInARow(ROWS[i])) return (whoHasWon);
if (AmountInARow(COLS[i])) return (whoHasWon);
}
for(var i=0;i<DIAG.length;i++) {
if(AmountInARow(DIAG[i])) return (whoHasWon);
}
return (_ret);
}

function allTheseMatch(_v) {
var _ret = true;
for(var i=1;i<_v.length;i++) {
var _a=eval("document.table1.s"+_v[i-1]+".value");
var _b=eval("document.table1.s"+_v[i]+".value");
if (_a != _b) _ret = false;
}
return (_ret);
}

var OneAwaySpot=-1;

function oneFromWin(_who,_a) {
for(var i=0;i<(_a.length-AMOUNT_TO_WIN+1);i++) {
var _newA = new Array();
for (var j=0;j<AMOUNT_TO_WIN;j++) {
_newA[j]=_a[i+j];
}
if(oneAway(_who,_newA)) {return true;}
}
}

var whoHasWon=-1;
function AmountInARow(_a) {
whoHasWon=-1;
for(var i=0;i<(_a.length-AMOUNT_TO_WIN+1);i++) {
var _newA = new Array();
for (j=0;j<AMOUNT_TO_WIN;j++) {
var _TEMP = parseInt(i)+parseInt(j);
_newA[j]=eval("document.table1.s"+_a[_TEMP]+".value");
}
if (_newA[0]!=BLANK && arrayIsEqual(_newA)) {
whoHasWon = _newA[0];
return true;
}
}
return false;
}

function oneAway(_who,_a) {
OneAwaySpot=-1;
var _ret = false;
var _aTemp = new Array();
for (var i=0;i<_a.length;i++) {
var _y = eval("document.table1.s"+_a[i]+".value");
if (_y !=BLANK) {
_aTemp[_aTemp.length?_aTemp.length:0]=_a[i];
} else {
OneAwaySpot = _a[i];
}
}
if (_aTemp.length && _aTemp.length == _a.length-1) {
_ret = true;
var _latchValue = eval("document.table1.s"+_aTemp[0]+".value");
for (var i=1;i<_aTemp.length;i++) {
var _y = eval("document.table1.s"+_aTemp[i]+".value");
if(_latchValue != _y || _y != _who) {
_ret = false;
}
}
}
return (_ret);
}

function determineComputerMove() {
var firstMove=true;
for(var i=0;i<MATRIX_SIZE;i++) {
for (var j=0;j<MATRIX_SIZE;j++) {
var _a=parseInt(i)*parseInt(MATRIX_SIZE)+parseInt(j);
var _b=eval("document.table1.s"+_a+".value");
eval("var _s"+_a+"='"+_b+"'");
if(eval("_s"+_a) !=BLANK)
firstMove = false;
}
}
if (firstMove && (MATRIX_SIZE%2==1)) return (MATRIX_SIZE*MATRIX_SIZE-1)/2;
for(var i=0;i<MATRIX_SIZE;i++) {
if(oneFromWin(COMPUTER,ROWS[i])) return (OneAwaySpot);
if(oneFromWin(COMPUTER,COLS[i])) return (OneAwaySpot);
}
for(var i=0;i<DIAG.length;i++) {
if(oneFromWin(COMPUTER,DIAG[i])) return (OneAwaySpot);
}
for(var i=0;i<MATRIX_SIZE;i++) {
if(oneFromWin(PLAYER,ROWS[i])) return (OneAwaySpot);
if(oneFromWin(PLAYER,COLS[i])) return (OneAwaySpot);
}
for(var i=0;i<DIAG.length;i++) {
if(oneFromWin(PLAYER,DIAG[i])) return (OneAwaySpot);
}
var _spot = Math.round(Math.random()*(MATRIX_SIZE*MATRIX_SIZE-1));
while(eval("_s"+_spot) !=BLANK) {
_spot=(++_spot)%(MATRIX_SIZE*MATRIX_SIZE);
}
return (_spot);
}

function computerMove() {
if(GAMEOVER) return;
var _spot = determineComputerMove();
eval("document.table1.s"+_spot+".value=COMPUTER");
postMoveLogic();
}

function arrayIsEqual(_a) {
var _first=_a[0];
for(var i=1;i<_a.length;i++) {
if(_first != _a[i]) { return false; }
}
return true;
}

function isEqual() {
var _ret = true;
for(var i=1;i<arguments.length;i++) {
if(arguments[i-1]!=arguments[i]) _ret = false;
}
return (_ret);
}

</script>

</body>
</html>

**~~K053_LSH_KV90~~** · 30-06-2005, 12:20

نشان دادن ورژن IEو وضوح تصویر نمایشگر و همچنین وضعیت جاوای وی را به خودش گزارش دهید
------------
<font size=2>
<SCRIPT language=JavaScript>

</SCRIPT> </font>

**~~K053_LSH_KV90~~** · 30-06-2005, 12:22

یک افکت ساده
---------
<DIV ID="oTransContainer" STYLE="text-align:Center;font-size:30px;font-family:arial;position:absolute; top: 0px; left: 0px; width: 300px;
height:300px; filter:progid

XImageTransform.Microsoft.Wipe(
GradientSize=1.0, wipeStyle=0, motion='forward') ">

<DIV ID="oDIV1" STYLE="color:pink;position:absolute; top:50px; left:10px; width:240px; height:140px;
background:blue"> Iran Java Script </DIV>

<DIV ID="oDIV2" STYLE="color:#e1e1e1;visibility:hidden; position:absolute; top:50px; left:10px;
width:240px; height:140px; background: green"> <BR><BR> Wipe Transition</DIV>
</DIV>
<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON>
<SCRIPT>
var bTranState = 0;
function fnToggle() {
oTransContainer.filters[0].Apply();
if (bTranState=='0') {
bTranState = 1;
oDIV2.style.visibility="visible";
oDIV1.style.visibility="hidden";}
else {
bTranState = 0;
oDIV2.style.visibility="hidden";
oDIV1.style.visibility="visible";}
oTransContainer.filters[0].Play(duration=2);}
</SCRIPT>

نام تاپيک: اموزش كدهاي جاوا اسكريپ

اختيارات تاپيک

Thread Information

Users Browsing this Thread

User Tag List

قوانين ايجاد تاپيک در انجمن