(JavaScript )معرفی کدهای جاوا اسکریپت, HTML و...

Amir Shahbazzadeh · بعد از ظهر 19:31:01 - 06/27/11

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

کد [انتخاب]

[color=navy]<script>
<!--


var winheight=100
var winsize=100
var x=5

/*
Animated Window Opener Script (updated 00/04/24)- 
© Dynamic Drive (www.partizanha.blogsky.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/



function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>

<p><a href="javascript:openwindow('http://ngb.co.sr')">open link</a</a></a>[/color]

Amir Shahbazzadeh · بعد از ظهر 19:31:38 - 06/27/11

موضوع اسكريپت عوض شدن رنگ پيش زمينه با mouseover
این کد به گونه ای است که دو تا لینک در وبلاگ شما قرار میگیره، اگز موس روی یکی
از لینک ها عبور کنه، رنگ زمینه وبلاگ عوض خواهد شد؛ مثلاً به رنگ نارنجی کم رنگ در خواهد آمد.
و با کلیک بر روی لینک دیگر دوباره رنگ وبلاگ عوض خواهد شد. که این رنگ هم با بقیه فرق دارد.

کد [انتخاب]

[color=navy]<!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  --><!-- STEP ONE: Paste this code into the HEAD of your HTML document  --><HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1256">
<SCRIPT language=JavaScript>

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://www.partizanha.blogsky.com -->

<!-- Begin
// Copyright 2001 by www.partizanha.blogsky.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] = 'CC,FF,FF';
backColor[2] = 'FF,D6,C1';
backColor[3] = '#FFFFFF';

// Do not edit below this line.

function changeBG(whichColor){
document.bgColor = backColor[whichColor];
}
//  End -->
</SCRIPT>
<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->
<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY><span style="background-color: #FFD6C1"><!--
Example One -- changing bg color with mouseOver.
Set the number in the () in the changeBG() function
to the number of the color in the brackets in the
backColor[] array to select a given color.
//--></span><A onmouseover=javascript:changeBG(2) 
href="file:///C:/Documents%20and%20Settings/B.Zarabian/Desktop/g.html#">Change 
by placing mouse over link</A> <!--
Example Two -- changing bg color with a mouse click.
Set the number in the () in the changeBG() function
to the number of the color in the brackets in the
backColor[] array to select a given color.
//--><A href="javascript:changeBG(1)">Change by clicking on link</A> [/left]
</BODY></HTML>[/color]

Amir Shahbazzadeh · بعد از ظهر 19:32:14 - 06/27/11

با استفاده از این کد ، می توانید دکمه ای در وبلاگ خود قرار دهید که کاربر با فشردن آن به قسمت درایو c کامپیوترش بره!

کد [انتخاب]

[color=navy] <FORM action=FILE:///C:/ method=get><INPUT type=submit value="درايو C شما">[/color]

Amir Shahbazzadeh · بعد از ظهر 19:33:01 - 06/27/11

كدي كه مي خوام اين بار بهتون بگم اينه: به حركت در آوردن متن درون كادر (جدول)
جمله فوق را پيدا كرده و مطابق خواسته خود تغيير دهيد. حركت متن از چپ به راسته كه براي زبان فارسي مناسب مي باشد.
كد:

کد [انتخاب]

[color=navy]  <SCRIPT LANGUAGE="JavaScript">

<!-- hide from old browsers

var msg = "متن موردنظرخودرااينجاقراردهيد"

 

function scrollMsg(){  

    document.scrollerForm.welcomeMsg.value = msg

    msg = msg.substring(1, msg.length) + msg.substring(0, 1)

    setTimeout("scrollMsg()", 150)

    }

//-->

</SCRIPT>

<BODY ONLOAD="scrollMsg()"> 

<FORM NAME="scrollerForm">

<INPUT TYPE="text" NAME="welcomeMsg" VALUE="" size=30>

</FORM>
</body>
</html>[/color]

Amir Shahbazzadeh · بعد از ظهر 19:33:26 - 06/27/11

این کدهم به وبلاگ شما اين امکان رو ميده که کاربران وبلاگ یا وب سایت شما رنگ زمينه ي سایت یا وبلاگتون رو عوض کنند

اين کدشه و مکانشم هر جا که خودتون صلاح ميدونيد

کد [انتخاب]

[color=navy]
<FORM>



<SELECT Size=5 name=clr onChange="document.bgColor=this.options[this.selectedIndex].value">
<OPTION VALUE="blue">blue
<OPTION VALUE="aquamarine">aquamarine 
<OPTION VALUE="chocolate">chocolate
<OPTION VALUE="darkred">dark red
<OPTION VALUE="gold">gold
<OPTION VALUE="red">red
<OPTION VALUE="yellow">yellow
<OPTION VALUE="hotpink">hotpink
<OPTION VALUE="lime">lime
<OPTION VALUE="darkkhaki">dark khaki
<OPTION VALUE="cadetblue ">cadet blue 
<OPTION VALUE="darkgoldenrod">dark goldenrod
<OPTION VALUE="darkslateblue">dark slate 
<OPTION VALUE="blue">blue
<OPTION VALUE="deeppink">deep pink
<OPTION VALUE="darksalmon">dark salmon
<OPTION VALUE="salmon">salmon
<OPTION VALUE="tan">tan
<OPTION VALUE="wheat">wheat
<OPTION VALUE="tomato">tomato
<OPTION VALUE="springgreen">springgreen
<OPTION VALUE="turquoise">turquoise
<OPTION VALUE="white" SELECTED>White
</SELECT>
</FORM>[/color]

Amir Shahbazzadeh · بعد از ظهر 19:33:55 - 06/27/11

با استفاده از كد زير ميتونيد لينك ها تونو به صورت دكمه (باتن) در بياوريد كه خيلي جالبه، با قرار دادن
موس روي اون هم رنگش تغيير مي كنه. براي كسايي كه مي خوان لينك هاشون از حالت ساكن و بي روح
عوض بشه چيز مناسبيه.

کد [انتخاب]

[color=navy]<style>
<!--
/*change the color name below to the color you want initially applied to the button. ie:blue*/
.initial2{font-weight:bold;background-color:c0a0ff}
//-->
</style>
<script>
<!--
function change(color){
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="button")
event.srcElement.style.backgroundColor=color
}
function jumpto2(url){
window.location=url
}
//-->
</script>
<form onMouseover="change('ff8000')" onMouseout="change('c0a0ff')">
<input type="button" value="اینجا اسم لینک رو بنویسید " class="initial2" onClick="jumpto2('اینجا آدرسی که میخواید بهش لینک بدید بنویسید')">
</form>[/color]

Amir Shahbazzadeh · بعد از ظهر 19:34:20 - 06/27/11

با استفاده از کد زير می تونيد اسکرول بار رنگی داشته باشيد، به گونه ای که هرگاه موس روی آن قرار گرفت رنگش تغيير پيدا می کنه؛ خيلی جالبه

اينم کدش: [/color]

کد [انتخاب]

[color=navy]<script language="JavaScript1.2">
<!--

/*---------------[IE 5.5 Scrollbars colorer]--------------------*/
function scrollBar(line,face,theme)
	{
		if (!line||!face)
			{
				line=null;
				face=null;
				switch(theme) // Predefined themes
					{
						case "blue":
							var line="#78AAFF";
							var face="#EBF5FF";
							break;
						case "orange":
							var line="#FBBB37";
							var face="#FFF9DF";
							break;
						case "red":
							var line="#FF7979";
							var face="#FFE3DD";
							break;
						case "green":
							var line="#00C600";
							var face="#D1EED0";
							break;
						case "neo":
							var line="#BC7E41";
							var face="#EFE0D1";
							break;
					}
			}

				with(document.body.style)
					{
						scrollbarDarkShadowColor=line;
						scrollbar3dLightColor=line;
						scrollbarArrowColor="black";
						scrollbarBaseColor=face;
						scrollbarFaceColor=face;
						scrollbarHighlightColor=face;
						scrollbarShadowColor=face;
						scrollbarTrackColor="#F3F3F3";
					}
			}

/*------------------[Pointer coordinates catcher]---------------*/
function colorBar(){
		var w = document.body.clientWidth;
		var h = document.body.clientHeight;
		var x = event.clientX;
		var y = event.clientY;
		if(x>w||y-3>h) scrollBar('#000080','#BFDFFF'); // Your colors
		else scrollBar(null,null,"neo"); // A predefined theme
	}

if (document.all){
scrollBar(null,null,"neo");
document.onmousemove=colorBar;
}

function offscreen(){
scrollBar(null,null,"neo");
}

document.onmouseout=offscreen;
//-->
</script>[/color]

Amir Shahbazzadeh · بعد از ظهر 19:34:48 - 06/27/11

تا حالا ديديد كه از بالاي وبلاگ باران يا برف بباره؟ خوب بجاي باران يا برف گل مي باره!
با استفاده از كد زير گل هاي زيباي قرمز از بالاي وبلاگتون شروع به ريزش مي كنه كه خيلي جالبه.
كد:

کد [انتخاب]

[color=navy]<script language=JavaScript>
<!-- Original:  Altan (snow@altan.hr) -->
<!-- Web Site:  http://www.altan.hr/snow -->
<!-- Smaller flakes, subtle snowfall variables, code beautifcation and makeSnow function by NoSLZZP -->

var no = 10; // snow number
var speed = 12; // smaller number moves the snow faster
var snowflake = "http://leaf99.51.net/snow.gif";

var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 400, doc_height = 500;
if (ns4up) {
  doc_width = self.innerWidth;
  doc_height = self.innerHeight;
} else if (ie4up) {
  doc_width = 500;
  doc_height = 500;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {  
  dx[i] = 0;                        // set coordinate variables
  xp[i] = Math.random()*(doc_width-50);  // set position variables
  yp[i] = Math.random()*doc_height;
  am[i] = Math.random()*20;         // set amplitude variables
  stx[i] = 0.02 + Math.random()/10; // set step variables
  sty[i] = 0.7 + Math.random();     // set step variables
  if (ns4up) {                      // set layers
    if (i == 0) {
      document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
      document.write("top=\"15\" visibility=\"show\"><img src=\"");
      document.write(snowflake + "\" border=\"0\"></layer>");
    } else {
      document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
      document.write("top=\"15\" visibility=\"show\"><img src=\"");
      document.write(snowflake + "\" border=\"0\"></layer>");
    }
  } else if (ie4up) {
    if (i == 0) {
      document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
      document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
      document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
      document.write(snowflake + "\" border=\"0\"></div>");
    } else {
      document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
      document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
      document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
      document.write(snowflake + "\" border=\"0\"></div>");
    }
  }
}
function snowNS() {  // Netscape main animation function
  for (i = 0; i < no; ++ i) {  // iterate for every dot
    yp[i] += sty[i];
    if (yp[i] > doc_height-50) {
      xp[i] = Math.random()*(doc_width-am[i]-30);
      yp[i] = 0;
      stx[i] = 0.02 + Math.random()/10;
      sty[i] = 0.7 + Math.random();
      doc_width = self.innerWidth;
      doc_height = self.innerHeight;
    }
    dx[i] += stx[i];
    document.layers["dot"+i].top = yp[i];
    document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
  }
  setTimeout("snowNS()", speed);
}

function snowIE() {  // IE main animation function
  for (i = 0; i < no; ++ i) {  // iterate for every dot
    yp[i] += sty[i];
    if (yp[i] > doc_height-50) {
      xp[i] = Math.random()*(doc_width-am[i]-30);
      yp[i] = 0;
      stx[i] = 0.02 + Math.random()/10;
      sty[i] = 0.7 + Math.random();
      doc_width = document.body.clientWidth;
      doc_height = document.body.clientHeight;
    }
    dx[i] += stx[i];
    document.all["dot"+i].style.pixelTop = yp[i];
    document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
  }
  setTimeout("snowIE()", speed);
}

if (ns4up) {
  snowNS();
} else if (ie4up) {
  snowIE();
}
</script>[/color]

Amir Shahbazzadeh · بعد از ظهر 19:35:29 - 06/27/11

ساعت عقربه اي به صورت فلش، جالبه ... در ابعاد 150 ، كه اگه خواستيد مي تونيد ابعاد اون رو تغيير هم بديد.
كدش:

کد [انتخاب]

[color=navy]<center dir="rtl">

<p dir="rtl"><embed src="http://www.sharemation.com/booyebaran2003/SWF/clock03.swf" width="150" height="150"></p>

</center>[/color]

Amir Shahbazzadeh · بعد از ظهر 19:35:58 - 06/27/11

تا حالا شده در سايتي يا وبلاگي دكمه اي يا كلمه اي ديده باشيد كه با كليك بر روي آن به سمت بالاي وبلاگ يا سايت مي رويد؟
اينم كدش:

کد [انتخاب]


[color=navy]<p align="center"><b><font size="2"><a href="#top"><font color="#FFFF00">بالا</font></a></font></b></p[/color]

کد اچ تی ام ال HTML همراه با جاوا اسکریپت javascript پاپ آپ pop-up نویسنده guld118 در زبان های برنامه نویسی	0 ارسال 1234 مشاهده	آخرین ارسال: قبل از ظهر 04:53:36 - 07/21/18 توسط guld118
پلاگین توسعه و ویرایش زبان های برنامه نویسی CSS, HTML, and JavaScript با Firebug نویسنده Amir Shahbazzadeh در مرورگر فاير فاكس, Firefox Browser	0 ارسال 1295 مشاهده	آخرین ارسال: قبل از ظهر 02:34:22 - 08/23/13 توسط Amir Shahbazzadeh
معرفی کامل HTML نویسنده Zohreh Gholami در زبان های برنامه نویسی	4 ارسال 2899 مشاهده	آخرین ارسال: قبل از ظهر 11:58:31 - 09/06/11 توسط Zohreh Gholami
فعال کردن جاوا اسکریپت در مرورگر سافاری, Safari Browser نویسنده Amir Shahbazzadeh در مرورگر سافاري, Safari Browser	0 ارسال 3059 مشاهده	آخرین ارسال: بعد از ظهر 13:47:54 - 04/12/12 توسط Amir Shahbazzadeh
فعال کردن جاوا اسکریپت در مرورگر فایر فاکس, Firefox Browser نویسنده Amir Shahbazzadeh در مرورگر فاير فاكس, Firefox Browser	4 ارسال 19135 مشاهده	آخرین ارسال: بعد از ظهر 15:00:25 - 04/04/14 توسط Amir Shahbazzadeh
آموزش تصویری فعال کردن فعال کردن جاوا اسکریپت در مرورگر اپرا, Opera Browser نویسنده Amir Shahbazzadeh در مرورگر اپرا, Opera Browser	0 ارسال 5054 مشاهده	آخرین ارسال: قبل از ظهر 00:27:45 - 04/11/12 توسط Amir Shahbazzadeh
آموزش تصویری فعال کردن فعال کردن جاوا اسکریپت در مرورگر Internet Explorer نویسنده Amir Shahbazzadeh در مرورگر اينترنت اكسپلورر, Internet Explorer Browser	0 ارسال 5732 مشاهده	آخرین ارسال: قبل از ظهر 00:17:38 - 04/11/12 توسط Amir Shahbazzadeh

(JavaScript )معرفی کدهای جاوا اسکریپت, HTML و...

Amir Shahbazzadeh

Amir Shahbazzadeh

Amir Shahbazzadeh

Amir Shahbazzadeh

Amir Shahbazzadeh

Amir Shahbazzadeh

Amir Shahbazzadeh

Amir Shahbazzadeh

Amir Shahbazzadeh

Amir Shahbazzadeh

اشتراک پست

ارسال های مرتبط

کد اچ تی ام ال HTML همراه با جاوا اسکریپت javascript پاپ آپ pop-up

پلاگین توسعه و ویرایش زبان های برنامه نویسی CSS, HTML, and JavaScript با Firebug

معرفی کامل HTML

فعال کردن جاوا اسکریپت در مرورگر سافاری, Safari Browser

فعال کردن جاوا اسکریپت در مرورگر فایر فاکس, Firefox Browser

آموزش تصویری فعال کردن فعال کردن جاوا اسکریپت در مرورگر اپرا, Opera Browser

آموزش تصویری فعال کردن فعال کردن جاوا اسکریپت در مرورگر Internet Explorer