الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)
-   -   سكربت تغيير الكلام مع الرابط بشكل رائع ! (http://www.arabwebtalk.com/showthread.php?t=69741)

athari 06-11-2007 09:04 AM

سكربت تغيير الكلام مع الرابط بشكل رائع !
 
المرفقات 2
السلام عليكم ،


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

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


كود:

<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 يمثل وقت الخروج

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

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

محمّد نور 06-11-2007 03:43 PM

السلام عليكم ورحمة الله وبركاته

ومشكور اخى الكريم على المساعدة والافادة هنا

وبالتأكيد الجميع متشوق لرؤية مثال جاهز لعمل الاسكربت ووظيفته

ان شاء الله نرى تطبيقه من المبدعين هنا قريبا

----------------------------------------------------


ملاحظة بسيطة

لاحظت فقط بداية الكود المنسوخ هنا
كل هذه الفقرة وجب حذفها منه

كود:

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

فبها 2 هيد وكود ال body لاداعى له وهو غير مغلق بالنهاية

فقط يمكن حذفه واستخدام الكود


--------------------------------------------

شكرى وتقديرى لك ولتواجدك الجميل هنا

اطيب تحية

عجزت انساكـ 06-11-2007 05:08 PM

يسلمو اخوي ماقصرت

اخوك

عجزت انساكـ

athari 06-11-2007 08:28 PM

حياك الله أخي محمد نور ومشكور على مروك العطر ،

بخصوص التنبيه فكلامك صحيح ، ويبدو أني عندما كنت أعدل على السكربت نسخة رأس الصفحة التي بالفرونت بيج .

أخي عجزت أنساك ، تسلم على المرور وحياك الله .

athari 06-11-2007 08:30 PM

المرفقات 1
السلام عليكم

أرفقت لكم مرة الثانية السكربت المعدل بدون رأس الصفحة التي في الفرونت بيج .


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 02:07 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012