سكربت تغيير الكلام مع الرابط بشكل رائع !

athari · #1 06-11-2007, 09:04 AM

السلام عليكم ،

اليوم أقدم لكم سكربت جميل جداً ، اقتبسته من أحد المواقع الأجنبية ، ولفتني جمال السكربت حين تختفي وتظهر الكلمات بشكل رائع وجذاب فيه !

لا أطيل عليكم ، هذا هو السكربت :

كود:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>صفحة جديدة 1</title>
</head>

<body>
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link type="text/css" rel="stylesheet" href="/ptnr/common/ticker.css" />
</head>

<body>
<div class="ticki"><a id="tickerAnchor" href="#" target="_top" class="tickl"></a></div>
<script language="JavaScript" type="text/javascript">
<!--
// Ticker startup
function startTicker()
{
	// Define run time values
	theCurrentStory     = -1;
	theCurrentLength    = 0;
	// Locate base objects
	if (dcidcidcidocument.getElementById) {	
		    theAnchorObject     = dcidcidcidocument.getElementById("tickerAnchor");
			runTheTicker();   	
		 }
	else {
            dcidcidcidocument.write("<style>.ticki{display:none;}.ticko{border:0px; padding:0px;}</style>");
            return true;
	}
}
// Ticker main run loop
function runTheTicker()
{
	if (theCurrentStory == -1) {
		// Start on a random story.
		theCurrentStory = Math.round(Math.random(theItemCount-1));
	}

	var myTimeout;  
	// Go for the next story data block
	if(theCurrentLength == 0)
	{
		theCurrentStory++;
		theCurrentStory      = theCurrentStory % theItemCount;
		theStorySummary      = theSummaries[theCurrentStory].replace(/&quot;/g,'"');		
		theTargetLink        = theSiteLinks[theCurrentStory];
		theAnchorObject.href = theTargetLink;
		thePrefix 	     = "<span class=\"tickls\">" + theLeadString + "</span>";
	}
	// Stuff the current ticker text into the anchor
	theAnchorObject.innerHTML = thePrefix + 
	theStorySummary.substring(0,theCurrentLength) + whatWidget();
	// Modify the length for the substring and define the timer
	if(theCurrentLength != theStorySummary.length)
	{
		theCurrentLength++;
		myTimeout = theCharacterTimeout;
	}
	else
	{
		theCurrentLength = 0;
		myTimeout = theStoryTimeout;
	}
	// Call up the next cycle of the ticker
	setTimeout("runTheTicker()", myTimeout);
}
// Widget generator
function whatWidget()
{
	if(theCurrentLength == theStorySummary.length)
	{
		return theWidgetNone;
	}

	if((theCurrentLength % 2) == 1)
	{
		return theWidgetOne;
	}
	else
	{
		return theWidgetTwo;
	}
}
// -->
</script>
    

	<script language="JavaScript" type="text/javascript">
	<!--

	var theCharacterTimeout = 30;
	var theStoryTimeout     = 5000;
	var theWidgetOne        = "_";
	var theWidgetTwo        = "-";
	var theWidgetNone       = "";
	var theLeadString       = "";

	var theSummaries = new Array();
	var theSiteLinks = new Array();

	var theItemCount = 9;

		theSummaries[0] = "الفقرة الأولى";
		theSiteLinks[0] = "http://www.arabwebtalk.com";
	
		theSummaries[1] = "الفقرة الثانية";
		theSiteLinks[1] = "http://www.arabwebtalk.com";
	
		theSummaries[2] = "الفقرة الثالثة";
		theSiteLinks[2] = "http://www.arabwebtalk.com";

		theSummaries[3] = "الفقرة الرابعة";
		theSiteLinks[3] = "http://www.arabwebtalk.com";

		theSummaries[4] = "الفقرة الخامسة";
		theSiteLinks[4] = "http://www.arabwebtalk.com";

		theSummaries[5] = "الفقرة السادسة";
		theSiteLinks[5] = "http://www.arabwebtalk.com";

		theSummaries[6] = "الفقرة السابعة";
		theSiteLinks[6] = "http://www.arabwebtalk.com";

		theSummaries[7] = "الفقرة الثامنة";
		theSiteLinks[7] = "http://www.arabwebtalk.com";

		theSummaries[8] = "الفقرة التاسعة";
		theSiteLinks[8] = "http://www.arabwebtalk.com";

	startTicker();
	
	//-->
	</script>

أولاً : قم بتغيير التالي :

1) الاسم والرابط :

كود:

theSummaries[0] = "الفقرة الأولى";
		theSiteLinks[0] = "http://www.arabwebtalk.com";

الفقرة الأولى تمثل الفقرة التي تريد وضعها

والرابط وهو عنوان الويب العربي هنا : http://www.arabwebtalk.com يمثل الرابط المراد وضعه .

ثانياً: إضافة عبارات أكثر ( المسموح به حالياً 9 فقرات )

ولفعل ذلك قم بالتالي :

1) تغيير هذا العدد :

كود:

	var theItemCount = 9;

فمثلاً إذا أ ردنا 11 فقرة غير الرقم 9 إلى الرقم 11 في هذا الكود من السكربت .

2) قم بإضافة هذا الكود نهاية الكود رقم (8) والذي يمثل العدد التاسع من الفقرات ، لأنها تبدأ من الصفر !

كود:

theSummaries[8] = "الفقرة التاسعة";
		theSiteLinks[8] = "http://www.arabwebtalk.com";

مع تغيير الرقم 8 إلى ما بعده ، وهكذا !

ثالثاً : ولتغيير السرعة قم بتحرير هذا الكود :

كود:

var theCharacterTimeout = 30;
	var theStoryTimeout     = 5000;
	var theWidgetOne        = "_";
	var theWidgetTwo        = "-";
	var theWidgetNone       = "";
	var theLeadString       = "";

فالرقم 30 هو يمثل طابع الخروج
والرقم 5000 يمثل وقت الخروج

هذا ما عندي، والعلم عند الله ، ونرجو من أخينا أبو مساعد إفادتنا اكثر فهو الأبرع هنا بمعرفة هذا الفن.

تنبيه : قمت بإرفاق لكم الكود في النوته ،