کد خبر متحرک به صورت تایپی - انجمن های تخصصی ترفندستان |‌ Tarfandestan Forums

sdsds · 31 May 2009 امتیاز: 0

سلام دوستان ... کد خبر متحرک به صورت تایپی یا هر صورتی مثل فارس نیوز http://www.farsnews.com میتونید ببینید ... نمونه اش بالای صفحه هست یا مثل بی بی سی فارسی http://www.bbc.co.uk/persian ... فرقی نمیکنه .... برای وبلاگم در بلاگفا میخواستم ... ممنون میشم سریع جواب بدید

Kasra · 3 June 2009 امتیاز: 0

sdsds جان ابتدا این کد رو بین دو تگ head قرار بدید:

کد HTML:

<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex10/TypingText.js">
</script>

بعد این کد رو در جایی که قصد دارید متن با افکت تایپ شدن نمایش پیدا کنه قرار بدید:

کد HTML:

<div id="example1">به وب سایت ترفندستان خوش آمدید!</div>

<script type="text/javascript">
//Define first typing example:
new TypingText(document.getElementById("example1"));

//Type out examples:
TypingText.runAll();
</script>

مشخصه کجا رو باید تغییر بدید.

ghasem121 · 11 June 2010 امتیاز: 0

کد خبر تایپی کار نمی کند یا من اشتباه وارد نموده ام

sali14 · 23 June 2010 امتیاز: 0

سلام/ ببخشید میشه یه کد تعویض اخبار بدید.یعنی اینکه یه خبرو چند ثانیه نشون بده بعدش عوض بشه و خبر بعدی بیاد.مثلا مثل سایت football3.ir .خیلی ممنون

hosain55 · 23 June 2010 امتیاز: 0

سلام دوست عزيز احتمالا شما در زمان ويرايش كد شما بهم ريخته نكته بعدي شما بايد كد اولي رو بين هد هاي قالبتون قرار دهيد در قسمت ويرايش قالب
البته من تست نكردم راستي كسري جان عجب جمله قشنگي تو امضاء ات نوشتي ها عاليه

fork58 · 23 June 2010 امتیاز: 0

با سلام.
من هم تستش كردم درست كار نميكنه اصلا" تايپي نيست.
فكر كنم منظور دوستمون اين بود كه كدي رو معرفي كنيد كه عناوين خبرها رو در نقطه اي از قالب به صورت رونده يا تايپي نشون بده ....
اگه ميدونستم معرفي ميكردم.

Kasra · 24 June 2010 امتیاز: 0

دوستان این کد خبر تایپی دیگه که تست شده و کار میکنه:

کد HTML:

<style>
<!--
a:link       { color: #0000FF; text-decoration: underline }
a:visited    { color: #0000FF; text-decoration: underline }
a:hover      { color: #FF0000; text-decoration: underline }
-->
</style>

<script type="text/javascript">
<!--
var tickercontent=new Array();
tickercontent***91;0***93;='This is a demonstration of the MRE typing ticker  script.';
tickercontent***91;1***93;='It can display html codes like <font  color="#FF0000">col</font><font  color="#0000FF">ors</font>, <b>bold text</b>,  <u>underlines</u>,  <b><i>italics,</i></b> and <a target="_blank"   href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6998101">links</a>.';
tickercontent***91;2***93;='It was written to display RSS headlines with link tags  and do the <font  color="#0000FF"><i>cool</i></font> typing thing.';
tickercontent***91;3***93;='It pauses when you mouseover it and resumes when you  mouseout.';
tickercontent***91;4***93;='The code is commented well and can be easily modified  to suit your needs.';
tickercontent***91;5***93;='I ran the ticker in an Iframe and you can too.  I fed  CSS style classes from my feed reader in the standard tags.';
tickercontent***91;6***93;='This script is free and open source.  Use it at your  own risk!';
tickercontent***91;7***93;='I tested it in IE, FireFox, Chrome, and Opera, but  there is no warranty expressed or implied.';
tickercontent***91;8***93;='© copyright 2009 - MRE Software - <b><a  target="_blank"  href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6998101">Click  here to DONATE if you use this code!</a></b> ... Next the  loop will start over.';
//-->
</script>
</head>

<body topmargin=0  bottommargin=0 leftmargin=10 rightmargin=0  marginheight=0 marginwidth=0 text="#000000" style="font-size: 12px;  font-family: Verdana; color: #000000; " bgcolor="#E2FAF3">

<noscript>Please enable Javascript!</noscript>

<script type="text/javascript">
<!--
// © copyright 2009 - MRE Software / Author: Emery Wooten /  www.mresoftware.com
var pause = false; // Boolean to trigger pause on mouseover event
var t1,t2,t3; // Timer ID variables.
var icnt = 0; // Outside loop counter
var currentChar=1; //Inside loop counter and pointer into characters of  the lines.

// The next code writes the div tag on the page complete with mouseover  code.
document.write("<div id=\'tick1\' OnMouseOver=\'pause=true;\'  OnMouseOut=\'pause=false;  t3=setTimeout(\"type()\",2000);\'></div>");
//
function type(){
clearTimeout(t1); //clear all timing
clearTimeout(t2); //clear all timing
clearTimeout(t3); //clear all timing

// The next code checks for mouseover pause and completes the line  instantly if true.
if(pause && currentChar==1){return;}
else if (pause){currentChar=tickercontent***91;icnt***93;.length-1;}

// The next code fast fills html tags by rapidly moving to the closing  >.
if(tickercontent***91;icnt***93;.charAt(currentChar-1)=='<'){
    while (tickercontent***91;icnt***93;.charAt(currentChar-1)!='>'){
        currentChar++;
        if (currentChar>tickercontent***91;icnt***93;.length){
        tickercontent***91;icnt***93;=tickercontent***91;icnt***93;+'>'; // correct for  missing > overflow condition
        currentChar--;
        }
    }
}
// The next code types the textual part of the line and indexes to the  next line
       document.getElementById('tick1').innerHTML=tickercontent***91;icnt***93;.substr(0,  currentChar);
      currentChar++
      if (currentChar>tickercontent***91;icnt***93;.length)  // Are we at the  last character in the line?
      {
        icnt++;
        if (icnt==tickercontent.length){  // Are we at the last line in  the array?
        icnt=0;
        }
        currentChar=1;
        t1=setTimeout("type()", 4400);  // This is the pause between  lines in ms   
      }
      else
      {
     pause=false; 
     t2=setTimeout("type()", 10);  // This is the pause between typed  characters in ms
      }
}
//
type();  // This runs it!
//-->
</script>

هر tickercontent که با یک شماره مشخص شده، به معنای یک خبره که باید به جای مثالهای موجود، خبرهای خودتون رو بنویسید.

England · 25 June 2010 امتیاز: 0

توی این کد t1=setTimeout زمان وقفه برای نشون دادن جمله‌ی بعدی هست و t2=setTimeout جایی هست که شما می‌تونید سرعت تایپ کاراکترهارو به میلی‌ثانیه تغییر بدین. من گذاشتمش روی 50
همچنین برای جلوگیری از تغییر فونت کل نوشته های وبلاگ، واژه‌ی Verdana توی کد رو به Tahoma تغییر بدین.
حالا چطور میشه یه کاری کرد که این نوشته‌ی متحرک جای Header یعنی جایی که Title وبلاگمون هست قرار بگیره؟

fork58 · 25 June 2010 امتیاز: 0

مرسي جالب بود.
ولي اون چيزي كه خيليها دنبالش هستند نشد..فرض كنيد كه توي وبتون يه پست ميزاريد حالا كدي باشه كه عنوان آخرين پست يا چند تا از آخرين پست وبتون رو به صورت رونده نشون بده نه اينكه بصورت دستي متن رو وارد كنيد و بهش لينك بديد. مثل قالب كاسپين در نيوك 8.2 كه چند تنا از آخرين خبرهاي سايت رو بصورت تايپي درج ميكنه و صد البته توي موتورهاي جستجو بيشتر به چشم مياد .
به هر حال باز هم ممنون

Kasra · 25 June 2010 امتیاز: 0

نقل قول:

نوشته اصلی توسط England

توی این کد t1=setTimeout زمان وقفه برای نشون دادن جمله‌ی بعدی هست و t2=setTimeout جایی هست که شما می‌تونید سرعت تایپ کاراکترهارو به میلی‌ثانیه تغییر بدین. من گذاشتمش روی 50
همچنین برای جلوگیری از تغییر فونت کل نوشته های وبلاگ، واژه‌ی Verdana توی کد رو به Tahoma تغییر بدین.
حالا چطور میشه یه کاری کرد که این نوشته‌ی متحرک جای Header یعنی جایی که Title وبلاگمون هست قرار بگیره؟

برای این کار یک کد جاوای دیگه هست که در اصل یک متن متحرک است که در عنوان مرورگر قرار میگیره:

کد HTML:

<SCRIPT language=javascript>
msg = "متن شما";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos >  msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
    </SCRIPT>

نقل قول:

نوشته اصلی توسط fork58

مرسي جالب بود.
ولي اون چيزي كه خيليها دنبالش هستند نشد..فرض كنيد كه توي وبتون يه پست ميزاريد حالا كدي باشه كه عنوان آخرين پست يا چند تا از آخرين پست وبتون رو به صورت رونده نشون بده نه اينكه بصورت دستي متن رو وارد كنيد و بهش لينك بديد. مثل قالب كاسپين در نيوك 8.2 كه چند تنا از آخرين خبرهاي سايت رو بصورت تايپي درج ميكنه و صد البته توي موتورهاي جستجو بيشتر به چشم مياد .
به هر حال باز هم ممنون

این کار یک جورایی دیگه از دست کدهای جاوا اسکریپت بر نمیاد. همچین امکاناتی رو خود سیستم های وبلاگ نویسی بایستی پایه ریزی کنند.

ابزارهای تاپیک
پرینت این صفحه / حالت نمایش بصورت پرینت شده ارسال این صفحه به ایمیل یک دوست یا خودتان
نحوه نمایش
حالت خطی تعویض به حالت ترکیبی تعوض به حالت رشته ای

موضوعات مشابه
موضوع	ارسال کننده تاپیک	انجمن	پاسخ ها	آخرین نوشته
زندگینامه ها	eris	مسائل متفرقه	197	1 March 2010 11:26 PM
موبايل	azimzadehkiarash	پرسش و پاسخ فنی پیرامون گوشی های موبایل	2	7 December 2009 05:41 PM
..:: امروز در تاريخ ::..	nextslit	مسائل متفرقه	15	3 May 2009 10:47 AM
مقاله ایی در مورد تاريخ نقد ادبي ايران	شکایت	مقالات علمی و پژوهشی	0	12 April 2009 11:28 AM

کاربران در حال دیدن موضوع: 1 نفر (0 عضو و 1 مهمان)