انواع کد های جاوا اسکریپت

+ نوشته شده در یکشنبه چهاردهم اسفند 1384ساعت 16:48 توسط مهدی عسکرپور |

حرکت عکس

حرکت موزون عکس به دنبال موس

<html>

<body>

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11">
<img src="bullet.gif" height="11" width="11">
</div>
<div id="dot1" style="position: absolute; height: 11; width: 11">
<img src="http://www.sonycard20.com/fly2.gif" height="40" width="40">
</div>
<div id="dot2" style="position: absolute; height: 11; width: 11">
<img src="http://www.sonycard20.com/fly2.gif" height="20" width="20">
</div>
<div id="dot3" style="position: absolute; height: 11; width: 11">
<img src="http://www......YOUR%20IMAGE%20.gif" height="11" width="11">
</div>
<div id="dot4" style="position: absolute; height: 11; width: 11">
<img src="bullet.gif" height="11" width="11">
</div>
<div id="dot5" style="position: absolute; height: 11; width: 11">
<img src="bullet.gif" height="11" width="11">
</div>
<div id="dot6" style="position: absolute; height: 11; width: 11">
<img src="bullet.gif" height="11" width="11">
</div>
<script LANGUAGE="JavaScript">
<!-- hide code

//Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL: http://www.geocities.com/pwinston/)

var nDots = 7;

var Xpos = 0;
var Ypos = 0;

// fixed time step, no relation to real time
var DELTAT = .01;
// size of one spring in pixels
var SEGLEN = 10;
// spring constant, stiffness of springs
var SPRINGK = 10;
// all the physics is bogus, just picked stuff to
// make it look okay
var MASS = 1;
// Positive XGRAVITY pulls right, negative pulls left
// Positive YGRAVITY pulls down, negative up
var XGRAVITY = 0;
var YGRAVITY = 50;
// RESISTANCE determines a slowing force proportional to velocity
var RESISTANCE = 10;
// stopping criterea to prevent endless jittering
// doesn't work when sitting on bottom since floor
// doesn't push back so acceleration always as big
// as gravity
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
// BOUNCE is percent of velocity retained when
// bouncing off a wall
var BOUNCE = 0.75;

var isNetscape = navigator.appName=="Netscape";

// always on for now, could be played with to
// let dots fall to botton, get thrown, etc.
var followmouse = true;

var dots = new Array();
init();

function startanimate() {
setInterval("animate()", 20);
}

// This is to line up the bullets with actual LI tags on the page
// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why
// Still doesn't work great
function setInitPositions(dots)
{
    // initialize dot positions to be on top
    // of the bullets in the <ul>
    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;
    }
    // put 0th dot above 1st (it is hidden)
    dots[0].X = dots[1].X;
    dots[0].Y = dots[1].Y - SEGLEN;
}

// just save mouse position for animate() to use
function MoveHandler(e)
{
    Xpos = e.pageX;
    Ypos = e.pageY;
    return true;
}

// just save mouse position for animate() to use
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;
    }
}

// end code hiding -->
</script>

</body>

</html>

+ نوشته شده در یکشنبه چهاردهم اسفند 1384ساعت 14:52 توسط مهدی عسکرپور |

آهنگ

انتخاب نوع آهنگ صفحه

<body>

<p><br>
<script LANGUAGE="JavaScript">
<!--
function PlaySong(SongURL)
{

PopUp = window.open (SongURL, "Crescendo", "toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizeable=no,copyhistory=no,width=200,height=30")

}
//-->
</script>
<br>
</p>
<form NAME="midiform">
<p><select NAME="list">
<option VALUE="http://www..........com/sellout.Mid" [SELECTED]>ey IRAN
</option>
<option VALUE="http://www..........com/govt.mid">Tavalood</option>
<option VALUe="http://www..........com/damnit.mid">Baba karam</option>
</select> </p>
<p>
<input TYPE="BUTTON" VALUE="PLAY MIDI" onClick="PlaySong(midiform.list.options[midiform.list.selectedIndex].value)">
</p>
</form>

</body>

</html>

+ نوشته شده در یکشنبه چهاردهم اسفند 1384ساعت 14:51 توسط مهدی عسکرپور |

از کار انداختن کلیک راست و سورس

از کار انداختن کليک راست موس + قطع قابليت نمايش سورس صفحه

<script language=JavaScript>m='%3Cscript%20language%3DJavaScript%3E%3C%21--%0D%0A%0D%0Avar%20message%3D%22SORRY : %20 %21%22%3B%0D%0A%0D%0Afunction%20clickIE%28%29%20%20%7Bif%20%28document.all%29%20%7Balert%28message%29%3Breturn%20false%3B%7D%7D%0D%0Afunction%20clickNS%28e%29%20%7Bif%20%0D%0A%28document.layers%7C%7C%28document.getElementById%26%26%21document.all%29%29%20%7B%0D%0Aif%20%28e.which%3D%3D2%7C%7Ce.which%3D%3D3%29%20%7Balert%28message%29%3Breturn%20false%3B%7D%7D%7D%0D%0Aif%20%28document.layers%29%20%0D%0A%7Bdocument.captureEvents%28Event.MOUSEDOWN%29%3Bdocument.onmousedown%3DclickNS%3B%7D%0D%0Aelse%7Bdocument.onmouseup%3DclickNS%3Bdocument.oncontextmenu%3DclickIE%3B%7D%0D%0A%0D%0Adocument.oncontextmenu%3Dnew%20Function%28%22return%20false%22%29%0D%0A%0D%0A//%20--%3E%3C/script%3E';d=unescape(m);document.write(d);</script>

+ نوشته شده در یکشنبه چهاردهم اسفند 1384ساعت 14:51 توسط مهدی عسکرپور |

آتش بازی

نشان دادن جلوه ی آتش بازی در پشت زمینه

<body bgcolor='#000000' >

<script language="JavaScript">

</script>

+ نوشته شده در یکشنبه چهاردهم اسفند 1384ساعت 14:50 توسط مهدی عسکرپور |

یک منوی کشویی جالب

کد منوی کشویی لینک که با اسکرول نیز وارد لینک می شود

<script language="JavaScript">

function CC_go(form) {var myindex=form.dest.selectedIndex
window.open(form.dest.options[myindex].value, target="_parent", "toolbar=yes,scrollbars=yes,location=yes"); }

</script>

<form name="CC_LinkForm">
<select name="dest" SIZE=1>
<option selected value="">Places to go
<option value="http://www.webloger.5u.com/">Webloger Website
<option value="http://home.cnet.com/">CNET
<option value="http://www.tucows.com">Tucows
</select>
<P>
<input type="button" value="Link Me!" onClick="CC_go(this.form)">
</form>

+ نوشته شده در یکشنبه چهاردهم اسفند 1384ساعت 14:49 توسط مهدی عسکرپور |

کد نشان دهنده مدت عمر اشخاص

<!-- THREE STEPS TO INSTALL AGE CALCULATOR:

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>

</script>

</HEAD>

<CENTER>
<br>
Enter your date of birth
<br>
<FORM name=form1>
Month<INPUT name=month size=3>
Date<INPUT name=day size=3>
Year<INPUT name=year size=6>
Hours<INPUT name=hrs value=00 size=6>
<select size="1" name="ampm">
<option selected>AM</option>
<option>PM</option>
</select>
<INPUT name=start onclick=run() type=button value="Calculate">
<BR>
<BR>
<INPUT name=age size=55 value="Your age will be displayed here">
<BR>
<BR>
You have been living for:
<BR>
<TABLE border = 0>
<TBODY>
<TR>
<TD>In months:</TD>
<TD><INPUT name=months size=30></TD>
</TR>
<TR>
<TD>In weeks:</TD>
<TD><INPUT name=weeks size=30></TD>
</TR>
<TR>
<TD>In days:</TD>
<TD><INPUT name=answer size=30></TD>
</TR>
<TR>
<TD>In hours:</TD>
<TD><INPUT name=hours size=30></TD>
</TR>
<TR>
<TD>In minutes:</TD>
<TD><INPUT name=min size=30></TD>
</TR>
<TR>
<TD>In seconds:</TD>
<TD><INPUT name=sec size=30></TD>
</TR>
<TR>
<TD>In Milliseconds:</TD>
<TD><INPUT name=milli size=30></TD>
</TR>
</TBODY>
</TABLE>
Your next birthday will be in:
<BR>
<INPUT name=bday size=40>
</FORM>
</CENTER>

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

+ نوشته شده در یکشنبه چهاردهم اسفند 1384ساعت 14:48 توسط مهدی عسکرپور |

بازی پازل

<style>
.bigcell {

background-color:#aa9966;

border:4px solid #aa9966;

text-align:center;

}

.cell {

width:40px;

height:40px;

font-family:Verdana, Arial;

font-size:10pt;

font-weight:bold;

background-color:#996633;

color:#ffff33;

border-top:2px solid #aa9966;

border-left:2px solid #aa9966;

border-right:2px solid #663300;

border-bottom:2px solid #663300;

text-align:center;

}

.hole {

width:40px;

height:40px;

background-color:#aa9966;

text-align:center;

}

body, h1, h2, h3, .msg, capt1, capt2 {font-family:Verdana,Comic Sans MS,Arial;}

body {margin:0px;}

h1 {font-size:28pt; font-weight:bold; margin-bottom:0px;}

h2 {font-size:16pt; margin:0px; font-weight:bold;}

h3 {font-size:8pt; margin:0px; font-weight:bold;}

.msg {font-size:8pt; font-weight:bold;}

.tab {cursor:hand;}

.capt1 {font-size:10pt; font-weight:bold;}

.capt2 {font-size:9pt; font-weight:bold;}

.capt3 {font-size:14pt; font-weight:bold; color:yellow;}

.capt4 {font-size:10pt; font-weight:bold; color:yellow;}

.but {font-size:9pt; font-weight:bold; height:30px;background-color:#aaaa99;}

</style>

</HEAD>

var gsize, ghrow, ghcol, gtime, gmoves, gintervalid=-1, gshuffling;

function toggleHelp()

{

if (butHelp.value == "Hide Help")

{

help.style.display = "none";

butHelp.value = "Show Help";

}

else

{

help.style.display = "";

butHelp.value = "Hide Help";

}

//random number between low and hi

function r(low,hi)

{

return Math.floor((hi-low)*Math.random()+low);

}

//random number between 1 and hi

function r1(hi)

{

return Math.floor((hi-1)*Math.random()+1);

}

//random number between 0 and hi

function r0(hi)

{

return Math.floor((hi)*Math.random());

}

function startGame()

{

shuffle();

gtime = 0;

gmoves = 0;

tickTime();

gintervalid = setInterval("tickTime()",1000);

}

function stopGame()

{

if (gintervalid==-1) return;

clearInterval(gintervalid);

fldStatus.innerHTML = "";

gintervalid=-1;

}

function tickTime()

{

showStatus();

gtime++;

}

function checkWin()

{

var i, j, s;

if (gintervalid==-1) return; //game not started!

if (!isHole(gsize-1,gsize-1)) return;

for (i=0;i<gsize;i++)

for (j=0;j<gsize;j++)

{

if (!(i==gsize-1 && j==gsize-1)) //ignore last block (ideally a hole)

{

if (getValue(i,j)!=(i*gsize+j+1).toString()) return;

}

stopGame();

s = "<table cellpadding=4>";

s += "<tr><td align=center class=capt3>!! CONGRATS !!</td></tr>";

s += "<tr class=capt4><td align=center>You have done it in " + gtime + " secs ";

s += "with " + gmoves + " moves!</td></tr>";

s += "<tr><td align=center class=capt4>Your speed is " + Math.round(1000*gmoves/gtime)/1000 + " moves/sec</td></tr>";

s += "</table>";

fldStatus.innerHTML = s;

// shuffle();

}

function showStatus()

{

fldStatus.innerHTML = "Time: " + gtime + " secs Moves: " + gmoves

}

function showTable()

{

var i, j, s;

stopGame();

s = "<table border=3 cellpadding=0 cellspacing=0 bgcolor='#666655'><tr><td class=bigcell>";

s = s + "<table border=0 cellpadding=0 cellspacing=0>";

for (i=0; i<gsize; i++)

{

s = s + "<tr>";

for (j=0; j<gsize; j++)

{

s = s + "<td id=a_" + i + "_" + j + " onclick='move(this)' class=cell>" + (i*gsize+j+1) + "</td>";

}

s = s + "</tr>";

}

s = s + "</table>";

s = s + "</td></tr></table>";

return s;

}

function getCell(row, col)

{

return eval("a_" + row + "_" + col);

}

function setValue(row,col,val)

{

var v = getCell(row, col);

v.innerHTML = val;

v.className = "cell";

}

function getValue(row,col)

{

// alert(row + "," + col);

var v = getCell(row, col);

return v.innerHTML;

}

function setHole(row,col)

{

var v = getCell(row, col);

v.innerHTML = "";

v.className = "hole";

ghrow = row;

ghcol = col;

}

function getRow(obj)

{

var a = obj.id.split("_");

return a[1];

}

function getCol(obj)

{

var a = obj.id.split("_");

return a[2];

}

function isHole(row, col)

{

return (row==ghrow && col==ghcol) ? true : false;

}

function getHoleInRow(row)

{

var i;

return (row==ghrow) ? ghcol : -1;

}

function getHoleInCol(col)

{

var i;

return (col==ghcol) ? ghrow : -1;

}

function shiftHoleRow(src,dest,row)

{

var i;

//conversion to integer needed in some cases!

src = parseInt(src);

dest = parseInt(dest);

if (src < dest)

{

for (i=src;i<dest;i++)

{

setValue(row,i,getValue(row,i+1));

setHole(row,i+1);

}

if (dest < src)

{

for (i=src;i>dest;i--)

{

setValue(row,i,getValue(row,i-1));

setHole(row,i-1);

}

function shiftHoleCol(src,dest,col)

{

var i;

//conversion to integer needed in some cases!

src = parseInt(src);

dest = parseInt(dest);

if (src < dest)

{//alert("src=" + src +" dest=" + dest + " col=" + col);

for (i=src;i<dest;i++)

{//alert(parseInt(i)+1);

setValue(i,col,getValue(i+1,col));

setHole(i+1,col);

}

if (dest < src)

{

for (i=src;i>dest;i--)

{

setValue(i,col,getValue(i-1,col));

setHole(i-1,col);

}

function move(obj)

{

var r, c, hr, hc;

if (gintervalid==-1 && !gshuffling)

{

alert('Please press the "Start Game" button to start.')

return;

}

r = getRow(obj);

c = getCol(obj);

if (isHole(r,c)) return;

hc = getHoleInRow(r);

if (hc != -1)

{

shiftHoleRow(hc,c,r);

gmoves++;

checkWin();

return;

}

hr = getHoleInCol(c);

if (hr != -1)

{

shiftHoleCol(hr,r,c);

gmoves++;

checkWin();

return;

}

function shuffle()

{

var t,i,j,s,frac;

gshuffling = true;

frac = 100.0/(gsize*(gsize+10));

s = "% ";

for (i=0;i<gsize;i++)

{

s += "|";

for (j=0;j<gsize+10;j++)

{

window.status = "Loading " + Math.round((i*(gsize+10) + j)*frac) + s

if (j%2==0)

{

t = r0(gsize);

while (t == ghrow) t = r0(gsize); //skip holes

getCell(t,ghcol).click();

}

else

{

t = r0(gsize);

while (t == ghcol) t = r0(gsize); //skip holes

getCell(ghrow,t).click();

}

window.status = "";

gshuffling = false;

}

function loadBoard(size)

{

gsize = size;

board.innerHTML = showTable(gsize);

setHole(gsize-1,gsize-1);

//shuffle();

}

</script>

<p>

<p align="left" style="margin-bottom: -10">
<a href="http://www.javascripts.persianblog.com" style="text-decoration: none">
<font style="font-size: 12pt; font-weight:700" face="Times New Roman">javascripts</font></a></p>
<p><b><font face="Times New Roman" color="#800000">C</font></b><font face="Times New Roman" color="#800000"><b>hoose Level: </B>

{

document.write("<option value='" + i + "'>" + i + "</option>");

}

</script>

</select></font><font face="Times New Roman" color="#800000"> </font>

</td></tr>

</td></tr>

</table>

<p>

</center><p>

+ نوشته شده در یکشنبه چهاردهم اسفند 1384ساعت 14:46 توسط مهدی عسکرپور |

جستجوگر msn

<body>
<table BORDER="0" WIDTH="222" HEIGHT="18">
<tr>
    <td WIDTH="214" HEIGHT="10">
    <form NAME="search" ID="search" ACTION="http://search.msn.com/results.asp" METHOD="get">
      <p><a HREF="http://www.msn.com">
      <img SRC="http://go.msn.com/AG/E/0.asp" width="61" height="33" BORDER="0" ALT="Go to msn.com"></a><font FACE="arial" SIZE="2"><strong>Search
      <font COLOR="#808080">the Web for:</font></strong></font><br>
      <input TYPE="text" ID="q" SIZE="18" MAXLENGTH="251" NAME="q" VCARD_NAME="SearchText"><input TYPE="submit" VALUE="Search" NAME="B1"><input TYPE="hidden" NAME="FORM" VALUE="FRNT"><input TYPE="hidden" NAME="un" VALUE="doc"><input TYPE="hidden" NAME="v" VALUE="1"></p>
    </form>
    </td>
</tr>
<tr>
    <td WIDTH="214" HEIGHT="21" VALIGN="bottom">
    <p ALIGN="center"><font SIZE="1" FACE="arial">
    <a HREF="http://search.msn.com/advanced.asp?MT=&RS=CHECKED&Form=FRNT">Use
    Advanced Search</a></font></td>
</tr>
</table>
<p> </p>
</body>
</html>

</body>
</html>

+ نوشته شده در یکشنبه چهاردهم اسفند 1384ساعت 14:44 توسط مهدی عسکرپور |

جستجوگر Google

<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" <br>border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value="en">
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
</center>

+ نوشته شده در یکشنبه چهاردهم اسفند 1384ساعت 14:43 توسط مهدی عسکرپور |

انواع کد های جاوا اسکریپت

حرکت عکس

آهنگ

از کار انداختن کلیک راست و سورس

آتش بازی

یک منوی کشویی جالب

کد نشان دهنده مدت عمر اشخاص

بازی پازل

نوشته های پیشین

پیوندها