از اين به بعد هر روز يه java script يا Dhtml script ---> امروز ---> ساعت

Mohi Design

Mohi Design

Member
سلام
اينم يه dhtml ساعت باحال كه باس بزاريد توي تگ body صفحتون :wink:

کد: 
<body onLoad="show5()">

<span id="liveclock" style="position:absolute;left:0;top:0;">
</span>

<script language="JavaScript">
<!--



function show5(){
 if (!document.layers&&!document.all)
 return
 var Digital=new Date()
 var hours=Digital.getHours()
 var minutes=Digital.getMinutes()
 var seconds=Digital.getSeconds()
 var dn="AM" 
 if (hours>12){
 dn="PM"
 hours=hours-12
 }
 if (hours==0)
 hours=12
 if (minutes<=9)
 minutes="0"+minutes
 if (seconds<=9)
 seconds="0"+seconds
//change font size here to your desire
myclock="<font size='5' face='Arial' ><b><font size='1'>Current Time:</font></br>"+hours+":"+minutes+":"
 +seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
setTimeout("show5()",1000)
 }

//-->
</script>
 
M

Mokhche

Member
ممنون
كار قشنگيه
منظورم اينكه هر رزو يك java script يا Dhtml script

اميدوارم بتوني ادامه بدي
اگه تاريخ رو هم بگي ممنون ميشم
 
S

saeidnas

New Member
از اينكه اينقدر لارج هستي خوشحالم
اميدوارم كارهاي بعدي تو را هم ببينم
 
f_mostafa_f

f_mostafa_f

Active Member
ايول

خيلي باحالي...

اميدوارم خسته نشي و بقيه هم كمك كنن..

موفق باشي
 
AliReza26

AliReza26

Active Member
راستي منم ميذارم
اينم اوليش :

کد: 
<HTML>
<HEAD>
<STYLE>
   DIV.aFilter {FILTER:PROGID:DXIMAGETRANSFORM.MICROSOFT.WAVE(
     strength=4,
     freq=2,
     lightstrength=100,
     add=0,
     phase=0);
     width: 150px; color: #0000FF;font-size:30px;font-weight:bold;
     text-align :Center;
    }
</STYLE>
<SCRIPT language="javascript">
  function doWave()
  {
   document.getElementById("myDiv").filters[0].phase += 10;
   status = document.getElementById("myDiv").filters[0].phase ;
 
  }
</SCRIPT>
</HEAD>
<BODY OnLoad="window.setInterval('doWave();',100);" >
<DIV CLASS="aFilter" id="myDiv">AliReza26</DIV>
</BODY>
</HTML>
 
AliReza26

AliReza26

Active Member
سلام
اينم دومي :

کد: 
<html>
<head>
<title>First menu</title>
<style>
.curhand{cursor:hand}
</style>
<script language="javascript">

function displayit(paragraph,title,imgmenu){
if (document.all[paragraph].style.display=='none')
{document.all[paragraph].style.display="block";
document.all[imgmenu].src="arrow_u2.jpg"}
else {document.all[paragraph].style.display="none";
document.all[imgmenu].src="arrow_d2.jpg"}
}

function setoverstyles(paragraph,imgmenu,title){
if (document.all[paragraph].style.display=='none')
{document.all[imgmenu].src="arrow_d2.jpg";
document.all[title].style.textDecorationUnderline='true'}
else {document.all[imgmenu].src="arrow_u2.jpg";
document.all[title].style.textDecorationUnderline='true'}
}

function setoutstyles(paragraph,imgmenu,title){
if (document.all[paragraph].style.display=='none')
{document.all[title].style.textDecoration='none';
document.all[imgmenu].src="arrow_d1.jpg"}
else {document.all[imgmenu].src="arrow_u1.jpg";
document.all[title].style.textDecoration='none'}
}

sw=0;
function displayall(){
if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1;
for (i=1;i<=5;i++)
{ xmenu='menu'+i ; ximg='imgmenu'+i ;
if (document.all[xmenu].style.display=='none') 
   {document.all[xmenu].style.display="block";document.all[ximg].src="arrow_u1.jpg"}}}

else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0;
for (i=1;i<=5;i++)
{xmenu='menu'+i;ximg='imgmenu'+i;
if (document.all[xmenu].style.display=='block') 
   {document.all[xmenu].style.display="none";document.all[ximg].src="arrow_d1.jpg"}}}
}

function displayinline(text){
if (document.all[text].style.display=="none"){document.all[text].style.display="inline"}
else {document.all[text].style.display="none"}
}

</script>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
    <tr>
      <td width="598" height="28">

<p align="left">
<span id="swall" onmouseover="this.style.textDecorationUnderline='true'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()">
Show all</span></td>
      <td width="93" height="28">
      <p align="right">
</td>
    </tr>
  </table><br>
<p id='x' style="display:none"></p>
<div onmouseover="setoverstyles('menu1','imgmenu1','title1')" onmouseout="setoutstyles('menu1','imgmenu1','title1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:83; height:19">
  <img id="imgmenu1" border="0" src="arrow_d1.jpg" width="12" height="12">First 
  menu</div>
<blockquote>
  <span id="menu1" style="display:none; width: 140">Item 1<br>
  Item 2<br>
  Item 3<br>
  Itrm 4<br>
  Item 5<br>
  Item 6<br>
  Item 7</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu2','imgmenu2','title2')" onmouseout="setoutstyles('menu2','imgmenu2','title2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:100; height:4">
  <img id="imgmenu2" border="0" src="arrow_d1.jpg" width="12" height="12">Second 
  menu</div>
<p></p>
<blockquote>
  <span id="menu2" style="display:none; width: 140">Item 1<br>
  Item 2<br>
  Item 3<br>
  Item 4<br>
  Item 5<br>
  Item 6<br>
  Item 7</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu3','imgmenu3','title3')" onmouseout="setoutstyles('menu3','imgmenu3','title3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:84; height:19">
  <img id="imgmenu3" border="0" src="arrow_d1.jpg" width="12" height="12">Third 
  menu</div>
<p></p>
<blockquote>
  <span id="menu3" style="display:none; width: 140">Item 1<br>
  Item 2<br>
  Item 3<br>
  Item 4<br>
  Item 5<br>
  Item 5<br>
  Item 6</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu4','imgmenu4','title4')" onmouseout="setoutstyles('menu4','imgmenu4','title4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:93; height:19">
  <img id="imgmenu4" border="0" src="arrow_d1.jpg" width="12" height="12">Fourth 
  menu</div>
<p></p>
<blockquote>
  <span id="menu4" style="display:none; width: 140">
  Item 1<br>
  Item 2<br>
  Item 3<br>
  Item 4<br>
  Item 5<br>
  Item 6</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu5','imgmenu5','title5')" onmouseout="setoutstyles('menu5','imgmenu5','title5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:80; height:19">
  <img id="imgmenu5" border="0" src="arrow_d1.jpg" width="12" height="12">Fifth 
  menu</div>
<p></p>
<blockquote>
  <span id="menu5" style="display:none; width: 140">
  Item 1<br>
  Item 1<br>
  Item 2<br>
  Item 3<br>
  Item 4<br>
  Item 5</span>
</blockquote>
</body>
</html>
 
AliReza26

AliReza26

Active Member
سلام
موهي جان دوستاني كه از شما ايراد گرفتند خودشون فت و فراوان از اين كدها دارند.
اما بروبچ بعد از ارسال اولين كدتون در اين تاپيك از شما تشكر و قدر داني كردند و ا خواستار استمرار اين كار يعني گذاشتن كد هاي بيشتري شدند و همين هم نشان مي ده كه آن دوستاني كه فرمودن(در آن تاپيكي كه از كار شما انتقاد كردند) كه همه بروبچ از اين كدها زياد دارند و لازم هم ندارند, اشتباه كرده.

پس بيا باز هم از اين كدها براي بچه ها بذريم.(حداقل تا زماني كه مدير اين انجمن اجازه بده) :wink:
پس با اجازه موهي جون سوميش هم مي ذارم :

موضوع : حركت عكس بدنبال موس:

کد: 
<html>
<head>

</head>
<body>

<script>
var ns = (document.layers)?1:0;
var Anim=new Array(); /* holds interval events */
var imgwidth=40; // Image width
var imgheight=40; // Image height
var button = Array(); // to pre-cache images
button[0]=new Image();
button[0].src="images-script/pic1.gif";
button[1]=new Image();
button[1].src="images-script/pic3.gif";

var text="<table width=10 bgcolor=#ffffff><td><a href='javascript:showhideAnimation()'><center><img name='Button' src='"+button[0].src+"' width='"+imgwidth+"' height='"+imgheight+"' border='0'></center></a></font></td></table>" // A bit of HTML code to display the button


//Initialize some variables to make the button always to appear on the frame's bottom-right corner
if (ns) {
document.write("<LAYER NAME='FlyOnOff' LEFT=0 TOP=0>"+text+"</LAYER>");
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window..innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}else {
document.write("<div id='FlyOnOff' style='position:absolute; visibility:show; left:235px; top:-50px; z-index:2'>"+text+"</div>");
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}


// Moves the button in the right position
function checkLocation() {
objectXY="FlyOnOff";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}

Anim[0]=setInterval('checkLocation()', 10);




(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
(document.layers)?window.onMouseMove=getMousePosition:document.onmousemove=getMousePosition;


var Dot_Ro=60; //Dot's distance from the mouse pointer
var Dot_Theta=0; //Dot's initial angle
var Dot_Speed; //Dot's absolute Angular speed
var Dot_Direction=1; //Dot's direction (1=clockwise)
var Dot_x=0; //Dot's original position
var Dot_y=0;

var alpha; //Angle from the fly to the mouse
var mult; //Ausiliary variable to define the angle

var picX = 20; //Fly's coords.
var picY = 100;
var mouseX = 0; //Mouse coords.
var mouseY = 0;
var step = 10; //Pixels
var speed = 100;//u-seconds


// Dir specifies the right picture;
// img pre-caches images.
var dir = Array();
dir[-4]="images-script/pic1.gif";
dir[-1]="images-script/pic2.gif";
dir[-2]="images-script/pic3.gif";
dir[-3]="images-script/pic4.gif";
dir[3]="images-script/pic1.gif";
dir[4]="images-script/pic2.gif";
dir[1]="images-script/pic3.gif";
dir[2]="images-script/pic4.gif";
dir[0]="";

var img = Array();
for (var i=-4; i<5; i++){
img[i]=new Image();
img[i].src=dir[i];
}

// Some HTML code to show the fly.
if (ns) {
document.write("<LAYER NAME='FlyDiv' LEFT=0 TOP=0><img src="+dir[1]+" name='pic'></LAYER>");
}else {
document.write("<div id='FlyDiv' style='position:absolute'>");
document.write("<img name='pic' src=" + dir[1] + "></div>");
}

// Shows the proper image for the fly.
function display(direction) { //direction must be from -4 to 4, but not 0.
if (ns) {
document.pic.src = dir[direction];
}else{
pic.src = dir[direction];
}
}


function getMousePosition(e) {
mouseY=(ns)?e.pageY:window.event.y + document.body.scrollTop;
mouseX=(ns)?e.pageX:window.event.x + document.body.scrollLeft;
}

//Calculate new position
function calcNewPos() {

var dist=Math.sqrt(Math.pow(mouseY-picY,2) + Math.pow(mouseX-picX,2));
Dot_Speed=Math.PI/15;
Dot_Theta+=Dot_Direction*Dot_Speed;
Dot_x=mouseX+Dot_Ro*Math.cos(Dot_Theta);
Dot_y=mouseY+Dot_Ro*Math.sin(Dot_Theta);
var arg = (Dot_y-picY) / (Dot_x-picX);
mult = (Dot_x - picX < 0)? mult = -1:1;
alpha = Math.atan(arg);
var dx = mult * step * Math.cos(alpha);
var dy = mult * step * Math.sin(alpha);
picX += dx;
picY += dy;
}

//Shows or hides the fly when the "button" is pressed
function showhideAnimation() {
if (ns) {
document.layers['FlyDiv'].visibility=document.layers['FlyDiv'].visibility=="hide"?"show":"hide";
document.Button.src = document.layers['FlyDiv'].visibility=="hide"?button[1].src:button[0].src;
}else {
FlyDiv.style.visibility=="hidden"?FlyDiv.style.visibility = "visible":FlyDiv.style.visibility = "hidden";
Button.src = FlyDiv.style.visibility=="hidden"?button[1].src:button[0].src;
}
}


// Moves the fly around the screen
function moveFly() {
// moves the fly in a new position...
calcNewPos();
if (ns) {
document.layers['FlyDiv'].left = picX;
document.layers['FlyDiv'].top = picY;
}else{
FlyDiv.style.left = picX - pic.width / 2;
FlyDiv.style.top = picY - pic.height / 2;
}

// ... and changes the image.
alpha=-180*alpha/Math.PI;
alpha+=22.5;
var OK=0;
for(var i=0; (i<4)&& !OK; i++){
if (alpha<-Math.PI+45*i){
display(mult*(i+1));
OK=1;
}
}
}

// Changes Dot's turning direction
function ChangeDotDirection() {
Dot_Direction=-Dot_Direction;
Dot_Theta+=Math.PI;
}

//Go!
Anim[1]=setInterval('moveFly()', speed);
Anim[2]=setInterval('ChangeDotDirection()', speed*50);

function killIt()
{
for(var i=0;i<Anim.length;i++)
{
if(Anim[i])
{
clearInterval(Anim[i]);
Anim[i]=null;
}
}
}
</script>

</body>
</html>
 
f_mostafa_f

f_mostafa_f

Active Member
دم دوتاتون گرم.....

فقط بگين اين كد چي كار ميكنه؟؟؟

يعني يه توضيح بدين...

بازم ممنونم زياد..
 
AliReza26

AliReza26

Active Member
f_mostafa_f گفت:
دم دوتاتون گرم.....

فقط بگين اين كد چي كار ميكنه؟؟؟

يعني يه توضيح بدين...

بازم ممنونم زياد..
کلیک کنید تا باز شود...
فقط كافي شما اين كدها را توي Notpade كپي كرده و آن را با پسوند .html ذخيره كني
 
f_mostafa_f

f_mostafa_f

Active Member
من اين كار رو ميكنم::

تو فرانت پيج يك new page درست ميكنم و اونجا copy و paste ميكنم.

خلاصه حل شد...

ممنون.
 
AliReza26

AliReza26

Active Member
سلام
ببخشيد كه چند روزي كد نذاشتم . آخه خيلي سرم شلوغه.

بفر ماييد اينم كد امروز :
موضوع : Any Title

کد: 
<html>
<head>
<script language="javascript">
function changettl1(){
if(boxtxt.value==''){document.title='Enter a text in text box , ...by Naser'}
else{document.title=boxtxt.value};
setTimeout("changettl2()",500)
}

function changettl2(){
document.title="\r\r\r"
setTimeout("changettl1()",300)
}
</script>
</head>

<body onload="changettl1()">
<nobr>enter a text for title here :
<input type="text" id="boxtxt" size="20"></nobr>
</body>
</html>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا